/* Generated skin ocean, contract 1, digest 0e5a91114aff2cfc. */
:root {
  --accent: var(--lagoon-400);
  --accent-deep: var(--lagoon-500);
  --accent-ink-emphasis: var(--lagoon-600);
  --accent-ink-strong: var(--lagoon-700);
  --accent-mark: var(--lagoon-400);
  --accent-mark-deep: var(--lagoon-500);
  --accent-on-dark: var(--lagoon-100);
  --accent-on-dark-soft: var(--lagoon-300);
  --accent-on-dark-strong: var(--lagoon-200);
  --accent-plum: #6B4E9B;
  --accent-plum-tint: #E8DFF3;
  --accent-tint: var(--lagoon-50);
  --accent-wash: var(--lagoon-50);
  --actor-provider-tint: color-mix(in srgb, var(--lagoon-400) 14%, transparent);
  --actor-system-tint: color-mix(in srgb, var(--deep-300) 14%, transparent);
  --bg: var(--bg-page);
  --bg-grad-1: var(--fog-100);
  --bg-grad-2: var(--fog-50);
  --bg-page: var(--fog-50);
  --bg-primary: var(--deep-600);
  --bg-primary-hover: var(--deep-700);
  --bg-sunken: var(--fog-100);
  --bg-surface: var(--fog-0);
  --border: var(--fog-200);
  --border-focus: var(--deep-500);
  --border-strong: var(--fog-300);
  --border-subtle: var(--fog-150);
  --brand-depth: var(--deep-800);
  --brand-depth-strong: var(--deep-900);
  --brand-ink-soft: var(--deep-500);
  --brand-ink-strong: var(--deep-700);
  --brand-line: var(--deep-300);
  --brand-mark-deep: var(--deep-600);
  --brand-mid: var(--deep-400);
  --brand-tint: var(--deep-200);
  --brand-wash: var(--deep-50);
  --brand-wash-soft: var(--deep-100);
  --browser-chrome-dark: #041725;
  --browser-chrome-light: #F7F9FB;
  --btn-border: var(--border-width);
  --btn-h-lg: 56px;
  --btn-h-md: 48px;
  --btn-h-sm: 40px;
  --btn-h-xs: 32px;
  --btn-icon-gap: var(--space-2);
  --btn-pad-lg: 0 calc(var(--space-6) + var(--space-1));
  --btn-pad-md: 0 calc(var(--space-5) + var(--space-half));
  --btn-pad-sm: 0 calc(var(--space-4) + var(--space-half));
  --btn-pad-sm-icon-left: 0 calc(var(--space-4) + var(--space-half)) 0 calc(var(--space-3) + var(--space-half));
  --btn-pad-sm-icon-right: 0 calc(var(--space-3) + var(--space-half)) 0 calc(var(--space-4) + var(--space-half));
  --btn-pad-xs: 0 var(--space-3);
  --btn-shadow-cta: 0 2px 6px rgba(11, 60, 93, 0.18);
  --btn-shadow-cta-hover: 0 6px 14px -2px rgba(11, 60, 93, 0.28);
  --btn-shadow-primary: 0 1px 2px rgba(11, 60, 93, 0.12);
  --button-radius: var(--radius-pill);
  --canvas-soft: var(--fog-100);
  --card-radius: var(--radius-lg);
  --check-tick: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m3 7 3 3 5-6'/></svg>");
  --check-tick-ink: #FFFFFF;
  --chevron-stroke: 1.5px;
  --chip-radius: var(--radius-pill);
  --chrome-control-fill: color-mix(in srgb, var(--fog-0) 4%, transparent);
  --chrome-control-hairline: color-mix(in srgb, var(--fog-0) 12%, transparent);
  --control-border: var(--fog-500);
  --control-focus: var(--lagoon-700);
  --control-icon-room: var(--space-8);
  --control-pad-lg: var(--space-4);
  --control-pad-md: var(--space-3);
  --control-pad-sm: var(--space-2);
  --control-pad-xl: var(--space-5);
  --coral-200: #F0A89A;
  --coral-400: #C4553F;
  --coral-500: #A83A2C;
  --coral-600: #8A2A20;
  --cta: var(--deep-600);
  --cta-hover: var(--deep-700);
  --cta-ink: var(--fog-0);
  --danger: var(--danger-500);
  --danger-500: #B5392C;
  --danger-bg: #FBE8E4;
  --danger-fg: #8A2A20;
  --danger-fill: color-mix(in srgb, var(--danger) 92%, #000);
  --danger-fill-border: color-mix(in srgb, var(--danger) 74%, #000);
  --danger-fill-hover: color-mix(in srgb, var(--danger) 82%, #000);
  --danger-ink: var(--danger-fg);
  --danger-ink-strong: var(--coral-600);
  --danger-mark: var(--coral-400);
  --danger-on-dark: var(--coral-200);
  --danger-text: var(--danger);
  --danger-tint: var(--danger-bg);
  --deep-100: #D9E3E0;
  --deep-200: #B9C8C4;
  --deep-300: #7E95A0;
  --deep-400: #3D6178;
  --deep-50: #EEF2F0;
  --deep-500: #1D4A66;
  --deep-600: #0E2F44;
  --deep-700: #0B283B;
  --deep-800: #0A2333;
  --deep-900: #071A27;
  --dialog-radius: var(--radius-xl);
  --fg-1: var(--fog-800);
  --fg-2: var(--fog-600);
  --fg-3: var(--fog-500);
  --fg-4: var(--fog-400);
  --fg-accent: var(--lagoon-600);
  --fg-accent-sm: var(--lagoon-700);
  --fg-link: var(--lagoon-600);
  --fg-link-hover: var(--deep-600);
  --fg-on-primary: var(--fog-0);
  --field-border-width: 1.5px;
  --field-chevron-ink: #5F7E93;
  --field-label-font: var(--type-eyebrow-family);
  --field-label-size: var(--type-eyebrow-size);
  --field-pad: var(--space-3) var(--space-4);
  --field-radius: var(--radius-md);
  --field-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%235F7E93' stroke-width='2' d='m5 8 5 5 5-5'/></svg>");
  --focus: var(--control-focus);
  --focus-halo: var(--fog-0);
  --fog-0: #FFFFFF;
  --fog-100: #EEF2F0;
  --fog-150: #E5ECEA;
  --fog-200: #D9E3E0;
  --fog-300: #B9C8C4;
  --fog-400: #7B8C89;
  --fog-50: #F4F7F6;
  --fog-500: #45565E;
  --fog-600: #2F4A55;
  --fog-700: #1F3A46;
  --fog-800: #0E2F44;
  --fog-900: #071A27;
  --font-body: var(--font-sans);
  --font-display: 'Newsreader', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, ui-monospace, monospace;
  --font-sans: 'Atkinson Hyperlegible Next', 'Atkinson Hyperlegible', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --gap-close: var(--space-2);
  --gap-group: var(--space-4);
  --gap-group-lg: var(--space-6);
  --gap-group-md: var(--space-5);
  --gap-related: var(--space-3);
  --gap-tight: var(--space-1);
  --glass-hairline: color-mix(in srgb, var(--lagoon-200) 10%, transparent);
  --glass-highlight: color-mix(in srgb, var(--lagoon-200) 8%, transparent);
  --glass-shadow: color-mix(in srgb, var(--shade) 55%, transparent);
  --glass-shadow-lifted: color-mix(in srgb, var(--shade) 65%, transparent);
  --grid-line: color-mix(in srgb, var(--deep-500) 5%, transparent);
  --holiday-ink: var(--sand-400);
  --holiday-line: var(--holiday-mark);
  --holiday-mark: var(--sand-300);
  --holiday-tint: var(--sand-50);
  --info: var(--info-500);
  --info-500: #1F6F63;
  --info-bg: #E4F1EE;
  --info-fg: #0E2F44;
  --info-tint: var(--info-bg);
  --ink-high-contrast: var(--fog-800);
  --ink-inverse: var(--fog-0);
  --ink-muted-strong: var(--fog-600);
  --ink-on-dark-soft: var(--fog-200);
  --ink-subtle: var(--fog-500);
  --inset-2xl: var(--space-6);
  --inset-3xl: var(--space-7);
  --inset-lg: var(--space-4);
  --inset-md: var(--space-3);
  --inset-sm: var(--space-2);
  --inset-xl: var(--space-5);
  --inset-xs: var(--space-1);
  --lagoon-100: #CFE6E0;
  --lagoon-200: #A9D3CA;
  --lagoon-300: #6FB3A6;
  --lagoon-400: #1F6F63;
  --lagoon-50: #E4F1EE;
  --lagoon-500: #1B655A;
  --lagoon-600: #17584F;
  --lagoon-700: #124A42;
  --lagoon-800: #0D3630;
  --line-divider-soft: var(--fog-150);
  --line-muted: var(--fog-400);
  --line-soft: var(--fog-300);
  --motion-interaction-duration: var(--dur-fast);
  --motion-interaction-ease: var(--ease-out);
  --notice-radius: var(--radius-sm);
  --page-gutter: var(--space-6);
  --page-gutter-narrow: var(--space-4);
  --pinned-bg: rgba(247, 249, 251, 0.82);
  --primary: var(--deep-600);
  --primary-hover: var(--deep-700);
  --primary-ink: var(--deep-800);
  --primary-tint: var(--deep-50);
  --primary-tint-ink: var(--primary-ink);
  --radius-search-inner: calc(var(--shape-xl) - var(--search-frame-pad));
  --ring-control: 0 0 0 2px var(--control-focus),
                  0 0 0 5px rgba(31, 111, 99, 0.18);
  --ring-focus: 0 0 0 3px rgba(31, 111, 99, 0.35);
  --ring-primary: var(--ring-control);
  --sand-100: #F5E2B8;
  --sand-200: #E2C27A;
  --sand-300: #B07A12;
  --sand-400: #6E4600;
  --sand-50: #FBEFD6;
  --search-frame-pad: var(--space-2);
  --section-space: var(--space-9);
  --section-space-lg: var(--space-10);
  --section-space-sm: var(--space-7);
  --section-space-xl: var(--space-12);
  --section-space-xs: var(--space-6);
  --shade: #000;
  --shadow-inset: inset 0 1px 2px rgba(14, 47, 68, 0.08);
  --shadow-lg: 0 16px 40px rgba(14, 47, 68, 0.12),
               0 4px 10px rgba(14, 47, 68, 0.06);
  --shadow-md: 0 6px 16px rgba(14, 47, 68, 0.08),
               0 2px 4px rgba(14, 47, 68, 0.04);
  --shadow-sm: 0 2px 6px rgba(14, 47, 68, 0.06),
               0 1px 2px rgba(14, 47, 68, 0.04);
  --shadow-xl: 0 28px 64px rgba(14, 47, 68, 0.18),
               0 10px 24px rgba(14, 47, 68, 0.10);
  --shadow-xs: 0 1px 2px rgba(14, 47, 68, 0.06);
  --shape-2xl: var(--radius-2xl);
  --shape-2xs: var(--radius-2xs);
  --shape-lg: var(--radius-lg);
  --shape-md: var(--radius-md);
  --shape-sm: var(--radius-sm);
  --shape-xl: var(--radius-xl);
  --shape-xs: var(--radius-xs);
  --shell-label-after: var(--gap-tight);
  --shell-label-font: var(--font-body);
  --shell-label-inset: 0;
  --shell-label-rule: none;
  --shell-label-rule-gap: 0;
  --shell-label-tracking: var(--tracking-caps-md);
  --shell-label-weight: var(--fw-bold);
  --shell-section-gap: var(--space-half);
  --sidebar-accent: var(--lagoon-300);
  --sidebar-accent-ink: var(--deep-900);
  --sidebar-accent-tint: rgba(58, 175, 169, 0.14);
  --sidebar-active: rgba(255, 255, 255, 0.08);
  --sidebar-bg: var(--deep-600);
  --sidebar-bg-dark: #04202F;
  --sidebar-divider: rgba(255, 255, 255, 0.08);
  --sidebar-hover: rgba(255, 255, 255, 0.04);
  --sidebar-text: rgba(225, 238, 246, 0.72);
  --sidebar-text-strong: var(--fog-0);
  --success: var(--success-500);
  --success-500: #2E7D4A;
  --success-bg: #E3F2E7;
  --success-fg: #1B5E34;
  --success-ink: var(--success-fg);
  --success-tint: var(--success-bg);
  --surface: var(--bg-surface);
  --surface-2: var(--fog-100);
  --surface-3: var(--fog-150);
  --surface-hover-soft: var(--fog-50);
  --text: var(--fg-1);
  --text-dim: var(--fg-2);
  --text-muted: var(--fg-3);
  --tier-bronze-ink: var(--tier-checked-ink);
  --tier-bronze-line: var(--tier-checked-line);
  --tier-bronze-mark: var(--tier-checked-mark);
  --tier-bronze-tint: var(--tier-checked-tint);
  --tier-checked-ink: var(--lagoon-700);
  --tier-checked-line: var(--tier-checked-mark);
  --tier-checked-mark: var(--lagoon-400);
  --tier-checked-tint: var(--lagoon-50);
  --tier-claimed-ink: var(--success-fg);
  --tier-claimed-line: var(--tier-claimed-mark);
  --tier-claimed-mark: var(--success-500);
  --tier-claimed-tint: var(--success-bg);
  --tier-gold-ink: var(--tier-claimed-ink);
  --tier-gold-line: var(--tier-claimed-line);
  --tier-gold-mark: var(--tier-claimed-mark);
  --tier-gold-tint: var(--tier-claimed-tint);
  --tier-platinum-ink: var(--tier-claimed-ink);
  --tier-platinum-line: var(--tier-claimed-line);
  --tier-platinum-mark: var(--tier-claimed-mark);
  --tier-platinum-tint: var(--tier-claimed-tint);
  --tier-silver-ink: var(--tier-claimed-ink);
  --tier-silver-line: var(--tier-claimed-line);
  --tier-silver-mark: var(--tier-claimed-mark);
  --tier-silver-tint: var(--tier-claimed-tint);
  --tier-unverified-ink: var(--fog-600);
  --tier-unverified-line: var(--tier-unverified-mark);
  --tier-unverified-mark: var(--fog-500);
  --tier-unverified-tint: var(--fog-100);
  --toast-bg-danger: var(--danger-tint);
  --toast-bg-success: var(--success-tint);
  --toast-bg-warn: var(--warn-tint);
  --toast-radius: var(--radius-lg);
  --trust-detail-accent: var(--sand-200);
  --trust-detail-deep: var(--sand-300);
  --trust-detail-tint: color-mix(in srgb, var(--warning-500) 14%, transparent);
  --trust-risk-tint: color-mix(in srgb, var(--danger-500) 16%, transparent);
  --type-badge-family: var(--font-body);
  --type-badge-leading: var(--leading-compact);
  --type-badge-size: var(--text-xs);
  --type-badge-tracking: var(--tracking-normal);
  --type-badge-weight: var(--fw-semi);
  --type-body-family: var(--font-body);
  --type-body-leading: var(--leading-body);
  --type-body-size: var(--text-base);
  --type-body-sm-family: var(--font-body);
  --type-body-sm-leading: var(--leading-body);
  --type-body-sm-size: var(--text-sm);
  --type-body-sm-tracking: var(--tracking-normal);
  --type-body-sm-weight: var(--fw-regular);
  --type-body-tracking: var(--tracking-normal);
  --type-body-weight: var(--fw-regular);
  --type-caption-family: var(--font-body);
  --type-caption-leading: var(--leading-body);
  --type-caption-size: var(--text-xs);
  --type-caption-tracking: var(--tracking-normal);
  --type-caption-weight: var(--fw-regular);
  --type-card-title-axes: 'SOFT' 30, 'opsz' 96;
  --type-card-title-family: var(--font-display);
  --type-card-title-leading: var(--leading-heading);
  --type-card-title-size: var(--text-lg);
  --type-card-title-tracking: var(--tracking-snug);
  --type-card-title-weight: var(--fw-medium);
  --type-display-axes: 'SOFT' 50, 'opsz' 144;
  --type-display-family: var(--font-display);
  --type-display-leading: var(--leading-display-tight);
  --type-display-size: clamp(var(--text-3xl), 5.4vw, var(--text-5xl));
  --type-display-tracking: var(--tracking-tight);
  --type-display-weight: var(--fw-medium);
  --type-eyebrow-family: var(--font-body);
  --type-eyebrow-size: var(--text-sm);
  --type-eyebrow-tracking: var(--tracking-wide);
  --type-eyebrow-transform: uppercase;
  --type-eyebrow-weight: var(--fw-semi);
  --type-figure-axes: 'SOFT' 30, 'opsz' 90;
  --type-figure-family: var(--font-display);
  --type-figure-leading: var(--leading-tight);
  --type-figure-numeric: tabular-nums;
  --type-figure-size: var(--text-xl);
  --type-figure-tracking: var(--tracking-tight);
  --type-figure-weight: var(--fw-regular);
  --type-heading-axes: 'SOFT' 40, 'opsz' 120;
  --type-heading-family: var(--font-display);
  --type-heading-leading: var(--leading-tight);
  --type-heading-size: var(--text-xl);
  --type-heading-size-fluid: clamp(var(--text-xl), 2.6vw, var(--text-2xl));
  --type-heading-tracking: var(--tracking-tight);
  --type-heading-weight: var(--fw-medium);
  --type-item-title-axes: 'SOFT' 30, 'opsz' 96;
  --type-item-title-family: var(--font-display);
  --type-item-title-leading: var(--leading-snug);
  --type-item-title-size: var(--text-base);
  --type-item-title-tracking: var(--tracking-subtle);
  --type-item-title-weight: var(--fw-medium);
  --type-label-family: var(--font-body);
  --type-label-leading: var(--leading-heading);
  --type-label-size: var(--text-sm);
  --type-label-tracking: var(--tracking-subtle);
  --type-label-weight: var(--fw-semi);
  --type-lede-family: var(--font-body);
  --type-lede-leading: var(--leading-body);
  --type-lede-size: var(--text-md);
  --type-lede-tracking: var(--tracking-subtle);
  --type-lede-weight: var(--fw-regular);
  --type-mono-family: var(--font-mono);
  --type-mono-numeric: tabular-nums;
  --type-mono-size: var(--text-xs);
  --type-mono-tracking: var(--tracking-open);
  --type-mono-weight: var(--fw-regular);
  --type-overline-family: var(--font-body);
  --type-overline-size: var(--text-xs);
  --type-overline-tracking: var(--tracking-caps-md);
  --type-overline-transform: uppercase;
  --type-overline-weight: var(--fw-semi);
  --type-subheading-family: var(--font-body);
  --type-subheading-leading: var(--leading-compact);
  --type-subheading-size: var(--text-md);
  --type-subheading-tracking: var(--tracking-snug);
  --type-subheading-weight: var(--fw-bold);
  --type-title-axes: 'SOFT' 40, 'opsz' 120;
  --type-title-family: var(--font-display);
  --type-title-leading: var(--leading-tight);
  --type-title-size: var(--text-2xl);
  --type-title-size-fluid: clamp(var(--text-2xl), 4.2vw, var(--text-4xl));
  --type-title-tracking: var(--tracking-tight);
  --type-title-weight: var(--fw-medium);
  --type-ui-family: var(--font-body);
  --type-ui-leading: var(--leading-ui);
  --type-ui-size: var(--text-sm);
  --type-ui-tracking: var(--tracking-subtle);
  --type-ui-weight: var(--fw-medium);
  --warn: var(--warning-500);
  --warn-ink: var(--warning-fg);
  --warn-tint: var(--warning-bg);
  --warning-500: #B07A12;
  --warning-bg: #FBEFD6;
  --warning-fg: #6E4600;
  --wash-accent: rgba(31, 111, 99, 0.12);
  --wash-ink: rgba(14, 47, 68, 0.06);
  --skin-symbol: url("/skin-assets/ocean/symbol-fcb69230dc56c695.svg");
  color-scheme: light;
}
:root[data-skin="ocean"][data-surface="public"][data-theme="light"] {

  color-scheme: light;
}
:root[data-skin="ocean"][data-surface="public"][data-theme="dark"] {
  --accent-deep: var(--lagoon-100);
  --accent-plum: #B99DDB;
  --accent-plum-tint: rgba(185, 157, 219, 0.18);
  --accent-tint: rgba(58, 175, 169, 0.16);
  --actor-provider-tint: color-mix(in srgb, var(--lagoon-400) 20%, transparent);
  --actor-system-tint: color-mix(in srgb, var(--deep-200) 14%, transparent);
  --bg-grad-1: var(--deep-800);
  --bg-grad-2: var(--deep-900);
  --bg-page: var(--deep-900);
  --bg-primary: var(--lagoon-400);
  --bg-primary-hover: var(--lagoon-300);
  --bg-sunken: var(--deep-900);
  --bg-surface: var(--deep-800);
  --border: var(--deep-600);
  --border-focus: var(--lagoon-300);
  --border-strong: var(--deep-400);
  --border-subtle: var(--deep-700);
  --btn-shadow-cta: 0 2px 8px rgba(58, 175, 169, 0.28);
  --btn-shadow-cta-hover: 0 8px 18px -4px rgba(58, 175, 169, 0.42);
  --btn-shadow-primary: 0 1px 2px rgba(0, 0, 0, 0.40);
  --check-tick: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23071A27' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m3 7 3 3 5-6'/></svg>");
  --check-tick-ink: #071A27;
  --control-border: var(--deep-300);
  --control-focus: var(--lagoon-200);
  --cta: var(--lagoon-300);
  --cta-hover: var(--lagoon-200);
  --cta-ink: var(--deep-900);
  --danger: var(--coral-400);
  --danger-ink: var(--sand-50);
  --danger-text: var(--coral-200);
  --danger-tint: rgba(232, 122, 93, 0.18);
  --fg-1: var(--fog-0);
  --fg-2: var(--fog-200);
  --fg-3: var(--fog-300);
  --fg-accent: var(--lagoon-300);
  --fg-accent-sm: var(--lagoon-200);
  --fg-link: var(--lagoon-300);
  --fg-link-hover: var(--lagoon-200);
  --field-chevron-ink: #B9C8C4;
  --field-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23B9C8C4' stroke-width='2' d='m5 8 5 5 5-5'/></svg>");
  --focus-halo: var(--shade);
  --holiday-ink: var(--sand-100);
  --holiday-mark: var(--sand-200);
  --holiday-tint: color-mix(in srgb, var(--sand-200) 16%, var(--surface));
  --info: var(--deep-300);
  --info-tint: rgba(120, 168, 195, 0.18);
  --pinned-bg: rgba(4, 23, 37, 0.86);
  --primary: var(--lagoon-300);
  --primary-hover: var(--lagoon-200);
  --primary-ink: var(--deep-900);
  --primary-tint: rgba(111, 211, 205, 0.14);
  --primary-tint-ink: var(--text);
  --ring-control: 0 0 0 2px var(--control-focus),
                  0 0 0 5px rgba(111, 179, 166, 0.18);
  --ring-focus: 0 0 0 3px rgba(111, 179, 166, 0.35);
  --shadow-lg: 0 22px 54px rgba(0, 0, 0, 0.65), 0 6px 18px rgba(0, 0, 0, 0.40);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.30);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.22);
  --shadow-xl: 0 40px 90px rgba(0, 0, 0, 0.75), 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
  --success: #6FD3A8;
  --success-ink: #BCF0D8;
  --success-tint: rgba(111, 211, 168, 0.18);
  --surface-2: #0E3C5C;
  --surface-3: #165070;
  --tier-checked-ink: var(--lagoon-200);
  --tier-checked-mark: var(--lagoon-300);
  --tier-checked-tint: color-mix(in srgb, var(--lagoon-300) 16%, var(--surface));
  --tier-claimed-ink: var(--success-ink);
  --tier-claimed-mark: var(--success);
  --tier-claimed-tint: color-mix(in srgb, var(--success) 16%, var(--surface));
  --tier-unverified-ink: var(--fog-200);
  --tier-unverified-mark: var(--fog-400);
  --tier-unverified-tint: color-mix(in srgb, var(--fog-400) 16%, var(--surface));
  --toast-bg-danger: color-mix(in srgb, var(--danger) 16%, var(--surface));
  --toast-bg-success: color-mix(in srgb, var(--success) 22%, var(--surface));
  --toast-bg-warn: color-mix(in srgb, var(--warn) 22%, var(--surface));
  --warn: var(--sand-300);
  --warn-ink: var(--sand-100);
  --warn-tint: rgba(226, 182, 100, 0.18);
  --wash-accent: rgba(111, 179, 166, 0.10);
  --wash-ink: rgba(169, 211, 202, 0.05);
  color-scheme: dark;
}
:root[data-skin="ocean"][data-surface="portal"][data-theme="light"] {

  color-scheme: light;
}
:root[data-skin="ocean"][data-surface="portal"][data-theme="dark"] {
  --accent-deep: var(--lagoon-100);
  --accent-plum: #B99DDB;
  --accent-plum-tint: rgba(185, 157, 219, 0.18);
  --accent-tint: rgba(58, 175, 169, 0.16);
  --actor-provider-tint: color-mix(in srgb, var(--lagoon-400) 20%, transparent);
  --actor-system-tint: color-mix(in srgb, var(--deep-200) 14%, transparent);
  --bg-grad-1: var(--deep-800);
  --bg-grad-2: var(--deep-900);
  --bg-page: var(--deep-900);
  --bg-primary: var(--lagoon-400);
  --bg-primary-hover: var(--lagoon-300);
  --bg-sunken: var(--deep-900);
  --bg-surface: var(--deep-800);
  --border: var(--deep-600);
  --border-focus: var(--lagoon-300);
  --border-strong: var(--deep-400);
  --border-subtle: var(--deep-700);
  --btn-shadow-cta: 0 2px 8px rgba(58, 175, 169, 0.28);
  --btn-shadow-cta-hover: 0 8px 18px -4px rgba(58, 175, 169, 0.42);
  --btn-shadow-primary: 0 1px 2px rgba(0, 0, 0, 0.40);
  --check-tick: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23071A27' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m3 7 3 3 5-6'/></svg>");
  --check-tick-ink: #071A27;
  --control-border: var(--deep-300);
  --control-focus: var(--lagoon-200);
  --cta: var(--lagoon-300);
  --cta-hover: var(--lagoon-200);
  --cta-ink: var(--deep-900);
  --danger: var(--coral-400);
  --danger-ink: var(--sand-50);
  --danger-text: var(--coral-200);
  --danger-tint: rgba(232, 122, 93, 0.18);
  --fg-1: var(--fog-0);
  --fg-2: var(--fog-200);
  --fg-3: var(--fog-300);
  --fg-accent: var(--lagoon-300);
  --fg-accent-sm: var(--lagoon-200);
  --fg-link: var(--lagoon-300);
  --fg-link-hover: var(--lagoon-200);
  --field-chevron-ink: #B9C8C4;
  --field-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23B9C8C4' stroke-width='2' d='m5 8 5 5 5-5'/></svg>");
  --focus-halo: var(--shade);
  --holiday-ink: var(--sand-100);
  --holiday-mark: var(--sand-200);
  --holiday-tint: color-mix(in srgb, var(--sand-200) 16%, var(--surface));
  --info: var(--deep-300);
  --info-tint: rgba(120, 168, 195, 0.18);
  --pinned-bg: rgba(4, 23, 37, 0.86);
  --primary: var(--lagoon-300);
  --primary-hover: var(--lagoon-200);
  --primary-ink: var(--deep-900);
  --primary-tint: rgba(111, 211, 205, 0.14);
  --primary-tint-ink: var(--text);
  --ring-control: 0 0 0 2px var(--control-focus),
                  0 0 0 5px rgba(111, 179, 166, 0.18);
  --ring-focus: 0 0 0 3px rgba(111, 179, 166, 0.35);
  --shadow-lg: 0 22px 54px rgba(0, 0, 0, 0.65), 0 6px 18px rgba(0, 0, 0, 0.40);
  --shadow-md: 0 6px 20px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.30);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.22);
  --shadow-xl: 0 40px 90px rgba(0, 0, 0, 0.75), 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
  --success: #6FD3A8;
  --success-ink: #BCF0D8;
  --success-tint: rgba(111, 211, 168, 0.18);
  --surface-2: #0E3C5C;
  --surface-3: #165070;
  --tier-checked-ink: var(--lagoon-200);
  --tier-checked-mark: var(--lagoon-300);
  --tier-checked-tint: color-mix(in srgb, var(--lagoon-300) 16%, var(--surface));
  --tier-claimed-ink: var(--success-ink);
  --tier-claimed-mark: var(--success);
  --tier-claimed-tint: color-mix(in srgb, var(--success) 16%, var(--surface));
  --tier-unverified-ink: var(--fog-200);
  --tier-unverified-mark: var(--fog-400);
  --tier-unverified-tint: color-mix(in srgb, var(--fog-400) 16%, var(--surface));
  --toast-bg-danger: color-mix(in srgb, var(--danger) 16%, var(--surface));
  --toast-bg-success: color-mix(in srgb, var(--success) 22%, var(--surface));
  --toast-bg-warn: color-mix(in srgb, var(--warn) 22%, var(--surface));
  --warn: var(--sand-300);
  --warn-ink: var(--sand-100);
  --warn-tint: rgba(226, 182, 100, 0.18);
  --wash-accent: rgba(111, 179, 166, 0.10);
  --wash-ink: rgba(169, 211, 202, 0.05);
  color-scheme: dark;
}
:root[data-skin="ocean"][data-surface="console"][data-theme="light"] {
  --field-label-font: var(--font-mono);
  --field-label-size: var(--text-xs);
  --font-body: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-display: 'Fraunces','IBM Plex Serif',Georgia,serif;
  --font-mono: 'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
  --shadow-lg: 0 22px 50px rgba(11,60,93,.14),0 6px 18px rgba(11,60,93,.08);
  --shadow-md: 0 6px 18px rgba(11,60,93,.08),0 2px 6px rgba(11,60,93,.04);
  --shadow-sm: 0 1px 2px rgba(11,60,93,.06),0 1px 1px rgba(11,60,93,.04);
  --shell-label-after: var(--space-half);
  --shell-label-font: var(--font-mono);
  --shell-label-inset: var(--space-half);
  --shell-label-rule: var(--border-width) solid color-mix(in srgb, var(--ink-inverse) 6%, transparent);
  --shell-label-rule-gap: var(--inset-sm);
  --shell-label-tracking: var(--tracking-caps-mono);
  --shell-label-weight: var(--fw-semi);
  --shell-section-gap: var(--space-hair);
  --type-card-title-axes: 'SOFT' 40,'opsz' 90;
  --type-overline-family: var(--font-mono);
  --type-overline-tracking: var(--tracking-caps-lg);
  color-scheme: light;
}
:root[data-skin="ocean"][data-surface="console"][data-theme="dark"] {
  --accent-deep: var(--lagoon-100);
  --accent-plum: #B99DDB;
  --accent-plum-tint: rgba(185, 157, 219, 0.18);
  --accent-tint: rgba(58, 175, 169, 0.16);
  --actor-provider-tint: color-mix(in srgb, var(--lagoon-400) 20%, transparent);
  --actor-system-tint: color-mix(in srgb, var(--deep-200) 14%, transparent);
  --bg-grad-1: var(--deep-800);
  --bg-grad-2: var(--deep-900);
  --bg-page: var(--deep-900);
  --bg-primary: var(--lagoon-400);
  --bg-primary-hover: var(--lagoon-300);
  --bg-sunken: var(--deep-900);
  --bg-surface: var(--deep-800);
  --border: #165070;
  --border-focus: var(--lagoon-300);
  --border-strong: var(--deep-400);
  --border-subtle: var(--deep-700);
  --btn-shadow-cta: 0 2px 8px rgba(58, 175, 169, 0.28);
  --btn-shadow-cta-hover: 0 8px 18px -4px rgba(58, 175, 169, 0.42);
  --btn-shadow-primary: 0 1px 2px rgba(0, 0, 0, 0.40);
  --check-tick: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%23071A27' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='m3 7 3 3 5-6'/></svg>");
  --check-tick-ink: #071A27;
  --control-border: var(--deep-300);
  --control-focus: var(--lagoon-200);
  --cta: var(--lagoon-300);
  --cta-hover: var(--lagoon-200);
  --cta-ink: var(--deep-900);
  --danger: #F38080;
  --danger-fill: var(--danger-500);
  --danger-fill-border: var(--coral-600);
  --danger-fill-hover: var(--coral-500);
  --danger-ink: #FFC5C5;
  --danger-tint: rgba(242,128,128,.15);
  --fg-1: var(--fog-0);
  --fg-2: var(--fog-200);
  --fg-3: var(--fog-300);
  --fg-accent: var(--lagoon-300);
  --fg-accent-sm: var(--lagoon-200);
  --fg-link: var(--lagoon-300);
  --fg-link-hover: var(--lagoon-200);
  --field-chevron-ink: #B9C8C4;
  --field-label-font: var(--font-mono);
  --field-label-size: var(--text-xs);
  --field-select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23B9C8C4' stroke-width='2' d='m5 8 5 5 5-5'/></svg>");
  --focus-halo: var(--shade);
  --font-body: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --font-display: 'Fraunces','IBM Plex Serif',Georgia,serif;
  --font-mono: 'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace;
  --holiday-ink: var(--sand-100);
  --holiday-mark: var(--sand-200);
  --holiday-tint: color-mix(in srgb, var(--sand-200) 16%, var(--surface));
  --info: var(--deep-300);
  --info-tint: rgba(120, 168, 195, 0.18);
  --pinned-bg: rgba(4, 23, 37, 0.86);
  --primary: var(--lagoon-300);
  --primary-hover: var(--lagoon-200);
  --primary-ink: var(--lagoon-300);
  --primary-tint: rgba(111, 211, 205, 0.14);
  --primary-tint-ink: var(--text);
  --ring-control: 0 0 0 2px var(--control-focus),
                  0 0 0 5px rgba(111, 179, 166, 0.18);
  --ring-focus: 0 0 0 3px rgba(111, 179, 166, 0.35);
  --shadow-lg: 0 22px 54px rgba(0,0,0,.65),0 6px 18px rgba(0,0,0,.4);
  --shadow-md: 0 6px 20px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.3);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.22);
  --shadow-xl: 0 40px 90px rgba(0, 0, 0, 0.75), 0 10px 30px rgba(0, 0, 0, 0.45);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shell-label-after: var(--space-half);
  --shell-label-font: var(--font-mono);
  --shell-label-inset: var(--space-half);
  --shell-label-rule: var(--border-width) solid color-mix(in srgb, var(--ink-inverse) 6%, transparent);
  --shell-label-rule-gap: var(--inset-sm);
  --shell-label-tracking: var(--tracking-caps-mono);
  --shell-label-weight: var(--fw-semi);
  --shell-section-gap: var(--space-hair);
  --success: #6FD3A8;
  --success-ink: #BCF0D8;
  --success-tint: rgba(111, 211, 168, 0.18);
  --surface: var(--deep-700);
  --surface-2: #0E3C5C;
  --surface-3: #165070;
  --text: var(--deep-50);
  --text-dim: var(--deep-200);
  --text-muted: var(--deep-200);
  --tier-checked-ink: var(--lagoon-200);
  --tier-checked-mark: var(--lagoon-300);
  --tier-checked-tint: color-mix(in srgb, var(--lagoon-300) 16%, var(--surface));
  --tier-claimed-ink: var(--success-ink);
  --tier-claimed-mark: var(--success);
  --tier-claimed-tint: color-mix(in srgb, var(--success) 16%, var(--surface));
  --tier-unverified-ink: var(--fog-200);
  --tier-unverified-mark: var(--fog-400);
  --tier-unverified-tint: color-mix(in srgb, var(--fog-400) 16%, var(--surface));
  --toast-bg-danger: color-mix(in srgb,var(--danger) 36%,var(--surface));
  --toast-bg-success: color-mix(in srgb,var(--success) 38%,var(--surface));
  --toast-bg-warn: color-mix(in srgb,var(--warn) 32%,var(--surface));
  --type-card-title-axes: 'SOFT' 40,'opsz' 90;
  --type-overline-family: var(--font-mono);
  --type-overline-tracking: var(--tracking-caps-lg);
  --warn: #F2B454;
  --warn-ink: #F2D190;
  --warn-tint: rgba(242,180,84,.18);
  --wash-accent: rgba(111, 179, 166, 0.10);
  --wash-ink: rgba(169, 211, 202, 0.05);
  color-scheme: dark;
}
@media (prefers-contrast: more) {
  :root[data-skin="ocean"][data-surface="public"][data-theme="light"] {
  --border: var(--fog-500);
  --text-dim: var(--fog-800);
  --text-muted: var(--fog-700);
  }
  :root[data-skin="ocean"][data-surface="public"][data-theme="dark"] {
  --border: var(--deep-200);
  --text-dim: var(--fog-0);
  --text-muted: var(--fog-100);
  }
  :root[data-skin="ocean"][data-surface="portal"][data-theme="light"] {
  --border: var(--fog-500);
  --text-dim: var(--fog-800);
  --text-muted: var(--fog-700);
  }
  :root[data-skin="ocean"][data-surface="portal"][data-theme="dark"] {
  --border: var(--deep-200);
  --text-dim: var(--fog-0);
  --text-muted: var(--fog-100);
  }
  :root[data-skin="ocean"][data-surface="console"][data-theme="light"] {
  --border: var(--control-border);
  --text-muted: var(--text-dim);
  }
  :root[data-skin="ocean"][data-surface="console"][data-theme="dark"] {
  --border: var(--control-border);
  --text-muted: var(--text-dim);
  }
}