@layer tokens{:root,[data-theme=light]{--n-0: oklch(100% 0 0);--n-50: oklch(98.8% .004 80);--n-100: oklch(96.6% .006 80);--n-200: oklch(92.4% .008 78);--n-300: oklch(86.5% .01 75);--n-400: oklch(70.5% .012 70);--n-500: oklch(55.5% .014 65);--n-600: oklch(44.5% .014 62);--n-700: oklch(34.5% .012 60);--n-800: oklch(25.5% .01 60);--n-900: oklch(18.5% .01 60);--n-950: oklch(14% .008 60);--amber-300: oklch(86% .11 75);--amber-400: oklch(78% .15 65);--amber-500: oklch(71% .17 57);--amber-600: oklch(61% .16 52);--amber-700: oklch(50% .14 50);--sea-050: #eef6f8;--sea-100: #d9ecef;--sea-200: #b3d8de;--sea-300: #7fb8c4;--sea-500: #1f7a8c;--sea-700: #12525f;--sea-900: #0b2b34;--q-epic: #1f6f4a;--q-good: #4a9a5e;--q-fair: #d8901f;--q-poor: #a08c72;--q-flat: #b9ac95;--q-epic-soft: rgba(31,111,74,.13);--q-good-soft: rgba(74,154,94,.14);--q-fair-soft: rgba(216,144,31,.15);--q-poor-soft: rgba(160,140,114,.15);--q-epic-fg: #1f6f4a;--q-good-fg: #387447;--q-fair-fg: #8f6014;--q-poor-fg: #756653;--ok-fg: #2c7455;--warn-fg: #935c08;--bad-fg: #bb3a1a;--destructive-fg: #ca000a;--energy-0: #dcf5ff;--energy-20: #bde3f7;--energy-40: #97cbef;--energy-80: #72aedf;--energy-120: #588dc3;--energy-200: #3b68a4;--energy-400: #244a81;--energy-800: #0f2e55;--energy-0-fg: #0b1220;--energy-20-fg: #0b1220;--energy-40-fg: #0b1220;--energy-80-fg: #0b1220;--energy-120-fg: #0b1220;--energy-200-fg: #f4f9ff;--energy-400-fg: #f4f9ff;--energy-800-fg: #f4f9ff;--ov-0: #2b3f6b;--ov-1: #2f6f9e;--ov-2: #35a0a0;--ov-3: #6fbf6a;--ov-4: #e3c14a;--ov-5: #e08a2e;--ov-6: #d2452c;--ov-7: #8c1f4a;--wind-offshore-bg: #e6ead5;--wind-offshore-fg: #4a5a2a;--wind-cross-bg: #f1e3cc;--wind-cross-fg: #7a5a2a;--wind-onshore-bg: #f4dbd1;--wind-onshore-fg: #8a3a28;--wind-glassy-bg: #dce8e6;--wind-glassy-fg: #2c5550;--conf-high: #2f7d5b;--conf-med: #c47a0b;--conf-low: #a8642a;--conf-band: rgba(121,113,107,.18);--ok: #2f7d5b;--warn: #c47a0b;--bad: #e0461f;--ok-soft: rgba(47,125,91,.12);--warn-soft: rgba(196,122,11,.14);--bad-soft: rgba(224,70,31,.12);--land: #efe6d6;--grid-line: rgba(154,140,118,.16);--background: var(--n-50);--foreground: var(--n-900);--card: var(--n-0);--card-foreground: var(--n-900);--popover: var(--n-0);--popover-foreground: var(--n-900);--primary: var(--amber-500);--primary-foreground: var(--n-950);--primary-text: var(--amber-700);--secondary: var(--n-100);--secondary-foreground: var(--n-900);--muted: var(--n-100);--muted-foreground: oklch(53.5% .014 65);--hover: var(--n-100);--hover-foreground: var(--n-900);--destructive: oklch(57.7% .245 27.3);--destructive-foreground: var(--n-0);--border: var(--n-200);--input: var(--n-200);--ring: var(--amber-600);--input-fill: transparent;--tab-selected: var(--card);--tab-selected-border: transparent;--ring-mix: 45%;--band: var(--sea-900);--band-foreground: #f6f2ec;--rating-off: oklch(63.9% .008 78);--control-off: var(--n-300);--heat-1: var(--sea-200);--heat-2: var(--sea-300);--heat-3: var(--sea-500);--radius: .625rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--radius-full: 9999px;--sp: .25rem;--h-xs: calc(var(--sp) * 6);--h-sm: calc(var(--sp) * 8);--h-md: calc(var(--sp) * 9);--h-lg: calc(var(--sp) * 10);--header-h: 3.5rem;--tabbar-h: 3.5rem;--gutter: calc(var(--sp) * 4);--font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-brand: "Fraunces", Georgia, "Iowan Old Style", serif;--text-2xs: .625rem;--text-xs: .75rem;--leading-xs: 1rem;--text-sm: .875rem;--leading-sm: 1.25rem;--text-base: 1rem;--leading-base: 1.5rem;--text-lg: 1.125rem;--leading-lg: 1.75rem;--text-xl: 1.25rem;--leading-xl: 1.75rem;--text-2xl: 1.5rem;--leading-2xl: 2rem;--text-3xl: 1.875rem;--leading-3xl: 2.25rem;--text-4xl: 2.25rem;--leading-4xl: 2.5rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-tight: -.015em;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ring-1: 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .15s;color-scheme:light}:root[data-theme=dark],[data-theme=dark]{--background: var(--n-950);--foreground: var(--n-50);--card: var(--n-900);--card-foreground: var(--n-50);--popover: var(--n-900);--popover-foreground: var(--n-50);--primary: var(--amber-400);--primary-foreground: var(--n-950);--primary-text: var(--amber-400);--secondary: var(--n-800);--secondary-foreground: var(--n-50);--muted: var(--n-800);--muted-foreground: var(--n-400);--hover: var(--n-800);--hover-foreground: var(--n-50);--destructive: oklch(70.4% .191 22.2);--destructive-foreground: var(--n-0);--border: oklch(100% 0 0 / 10%);--input: oklch(100% 0 0 / 15%);--ring: var(--amber-400);--input-fill: color-mix(in oklab, var(--input) 30%, transparent);--tab-selected: var(--secondary);--tab-selected-border: var(--border);--band: #0b2b34;--band-foreground: #f6f2ec;--rating-off: oklch(53.5% .008 78);--control-off: var(--n-700);--heat-1: var(--sea-300);--heat-2: color-mix(in oklab, var(--sea-300), var(--sea-500));--heat-3: var(--sea-500);--ring-1: 0 0 0 1px oklch(100% 0 0 / 10%);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6);--sea-050: #101c20;--sea-100: #14262c;--sea-200: #1b3b45;--sea-300: #2b6474;--sea-500: #5fc6d0;--sea-700: #8fdbe2;--sea-900: #c8eef2;--q-epic: #63e3b1;--q-good: #74a469;--q-fair: #d8901f;--q-poor: #8c7f6a;--q-flat: #5a5245;--q-epic-soft: rgba(99,227,177,.16);--q-good-soft: rgba(116,164,105,.16);--q-fair-soft: rgba(216,144,31,.17);--q-poor-soft: rgba(140,127,106,.17);--q-epic-fg: #63e3b1;--q-good-fg: #74a469;--q-fair-fg: #d8901f;--q-poor-fg: #968a77;--ok-fg: #4fb487;--warn-fg: #d8901f;--bad-fg: #e16044;--destructive-fg: oklch(70.4% .191 22.2);--focus: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);--energy-0: #0f2835;--energy-20: #0d384e;--energy-40: #0e4a6c;--energy-80: #1d5c8a;--energy-120: #376fa6;--energy-200: #5688c5;--energy-400: #699cd4;--energy-800: #87b6e3;--energy-0-fg: #f4f9ff;--energy-20-fg: #f4f9ff;--energy-40-fg: #f4f9ff;--energy-80-fg: #f4f9ff;--energy-120-fg: #f4f9ff;--energy-200-fg: #0b1220;--energy-400-fg: #0b1220;--energy-800-fg: #0b1220;--ov-0: #1d2b4b;--ov-1: #24587e;--ov-2: #2a8080;--ov-3: #59a555;--ov-4: #cfae3f;--ov-5: #cf7c26;--ov-6: #c43e26;--ov-7: #7e1b42;--wind-offshore-bg: #2a331c;--wind-offshore-fg: #b7c98c;--wind-cross-bg: #33291a;--wind-cross-fg: #c9a86a;--wind-onshore-bg: #3a211b;--wind-onshore-fg: #e0907c;--wind-glassy-bg: #1c302e;--wind-glassy-fg: #8fc9c0;--conf-high: #4fb487;--conf-med: #d8901f;--conf-low: #c9a86a;--conf-band: rgba(165,159,152,.16);--ok: #4fb487;--warn: #d8901f;--bad: #dc4626;--ok-soft: rgba(79,180,135,.15);--warn-soft: rgba(216,144,31,.16);--bad-soft: rgba(220,70,38,.16);--land: #231d15;--grid-line: rgba(124,112,88,.13);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--background: var(--n-950);--foreground: var(--n-50);--card: var(--n-900);--card-foreground: var(--n-50);--popover: var(--n-900);--popover-foreground: var(--n-50);--primary: var(--amber-400);--primary-foreground: var(--n-950);--primary-text: var(--amber-400);--secondary: var(--n-800);--secondary-foreground: var(--n-50);--muted: var(--n-800);--muted-foreground: var(--n-400);--hover: var(--n-800);--hover-foreground: var(--n-50);--destructive: oklch(70.4% .191 22.2);--destructive-foreground: var(--n-0);--border: oklch(100% 0 0 / 10%);--input: oklch(100% 0 0 / 15%);--ring: var(--amber-400);--input-fill: color-mix(in oklab, var(--input) 30%, transparent);--tab-selected: var(--secondary);--tab-selected-border: var(--border);--band: #0b2b34;--band-foreground: #f6f2ec;--rating-off: oklch(53.5% .008 78);--control-off: var(--n-700);--heat-1: var(--sea-300);--heat-2: color-mix(in oklab, var(--sea-300), var(--sea-500));--heat-3: var(--sea-500);--ring-1: 0 0 0 1px oklch(100% 0 0 / 10%);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6);--sea-050: #101c20;--sea-100: #14262c;--sea-200: #1b3b45;--sea-300: #2b6474;--sea-500: #5fc6d0;--sea-700: #8fdbe2;--sea-900: #c8eef2;--q-epic: #63e3b1;--q-good: #74a469;--q-fair: #d8901f;--q-poor: #8c7f6a;--q-flat: #5a5245;--q-epic-soft: rgba(99,227,177,.16);--q-good-soft: rgba(116,164,105,.16);--q-fair-soft: rgba(216,144,31,.17);--q-poor-soft: rgba(140,127,106,.17);--q-epic-fg: #63e3b1;--q-good-fg: #74a469;--q-fair-fg: #d8901f;--q-poor-fg: #968a77;--ok-fg: #4fb487;--warn-fg: #d8901f;--bad-fg: #e16044;--destructive-fg: oklch(70.4% .191 22.2);--focus: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);--energy-0: #0f2835;--energy-20: #0d384e;--energy-40: #0e4a6c;--energy-80: #1d5c8a;--energy-120: #376fa6;--energy-200: #5688c5;--energy-400: #699cd4;--energy-800: #87b6e3;--energy-0-fg: #f4f9ff;--energy-20-fg: #f4f9ff;--energy-40-fg: #f4f9ff;--energy-80-fg: #f4f9ff;--energy-120-fg: #f4f9ff;--energy-200-fg: #0b1220;--energy-400-fg: #0b1220;--energy-800-fg: #0b1220;--ov-0: #1d2b4b;--ov-1: #24587e;--ov-2: #2a8080;--ov-3: #59a555;--ov-4: #cfae3f;--ov-5: #cf7c26;--ov-6: #c43e26;--ov-7: #7e1b42;--wind-offshore-bg: #2a331c;--wind-offshore-fg: #b7c98c;--wind-cross-bg: #33291a;--wind-cross-fg: #c9a86a;--wind-onshore-bg: #3a211b;--wind-onshore-fg: #e0907c;--wind-glassy-bg: #1c302e;--wind-glassy-fg: #8fc9c0;--conf-high: #4fb487;--conf-med: #d8901f;--conf-low: #c9a86a;--conf-band: rgba(165,159,152,.16);--ok: #4fb487;--warn: #d8901f;--bad: #dc4626;--ok-soft: rgba(79,180,135,.15);--warn-soft: rgba(216,144,31,.16);--bad-soft: rgba(220,70,38,.16);--land: #231d15;--grid-line: rgba(124,112,88,.13);color-scheme:dark}}}@layer tokens{:root,[data-theme=light]{--space-1: calc(var(--sp) * 1);--space-2: calc(var(--sp) * 2);--space-3: calc(var(--sp) * 3);--space-4: calc(var(--sp) * 4);--space-5: calc(var(--sp) * 5);--space-6: calc(var(--sp) * 6);--space-8: calc(var(--sp) * 8);--space-10: calc(var(--sp) * 10);--space-12: calc(var(--sp) * 12);--primary-soft: color-mix(in oklab, var(--primary) 14%, transparent);--elev-card: var(--ring-1), var(--shadow-xs);--elev-hero: var(--ring-1), var(--shadow-lg);--elev-sheet: 0 -2px 20px -6px rgb(0 0 0 / .22);--shadow-color: rgb(0 0 0 / .12);--focus: 0 0 0 2px var(--background), 0 0 0 4px var(--ring);--rating-on: var(--primary);--rating-faded: var(--amber-700);--tide-observed: var(--sea-500);--st-current: var(--ok);--st-degraded: var(--warn);--st-atrisk: #c2510f;--st-nottrust: #e0461f;--st-running: var(--primary);--st-waiting: var(--muted-foreground);--st-superseded: var(--rating-off);--run: var(--primary);--idle: var(--muted-foreground);--superseded: #c8bca4;--run-soft: var(--primary-soft);--atmo-1: color-mix(in oklab, var(--primary) 6%, transparent);--atmo-2: transparent;--scan: color-mix(in oklab, var(--primary) 2%, transparent);--sea: #dfe9ec;--on-hero: var(--band-foreground);--on-hero-muted: color-mix(in oklab, var(--band-foreground) 72%, transparent);--band-hero: radial-gradient(120% 90% at 88% 0%, color-mix(in oklab, var(--amber-500) 34%, transparent), transparent 58%), linear-gradient(168deg, #14606f 0%, #0e414e 52%, var(--band) 100%);--band-hero-outlook: radial-gradient(120% 92% at 84% 4%, color-mix(in oklab, var(--sea-300) 25%, transparent), transparent 56%), linear-gradient(168deg, #33525c 0%, #24404a 46%, #17303a 100%)}:root[data-theme=dark],[data-theme=dark]{--shadow-color: rgb(0 0 0 / .55);--rating-faded: var(--amber-600);--superseded: #5a4f3c;--sea: #11171c;--elev-sheet: 0 -2px 24px -6px rgb(0 0 0 / .7)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--shadow-color: rgb(0 0 0 / .55);--rating-faded: var(--amber-600);--superseded: #5a4f3c;--sea: #11171c;--elev-sheet: 0 -2px 24px -6px rgb(0 0 0 / .7)}}}