@layer ss-contract,ss-theme,ss-density;@layer ss-base,ss-components,ss-utilities;@layer ss-contract{:root{color-scheme:light dark;--ss-color-canvas: light-dark(#f8fafc, #0b0f19);--ss-color-canvas-subtle: light-dark(#f1f5f9, #111827);--ss-color-surface: light-dark(#ffffff, #151b28);--ss-color-surface-raised: light-dark(#ffffff, #1c2333);--ss-color-surface-sunken: light-dark(#f8fafc, #0e131f);--ss-color-surface-hover: light-dark(#f1f5f9, #1e2636);--ss-color-surface-active: light-dark(#e2e8f0, #253046);--ss-color-surface-selected: light-dark(#eef2ff, #1e2a4a);--ss-color-overlay: light-dark(#0f172a73, #020617a6);--ss-color-fg: light-dark(#0f172a, #e8edf7);--ss-color-fg-muted: light-dark(#64748b, #94a3b8);--ss-color-fg-subtle: light-dark(#94a3b8, #64748b);--ss-color-fg-inverted: light-dark(#ffffff, #0f172a);--ss-color-border: light-dark(#e2e8f0, #2a3346);--ss-color-border-subtle: light-dark(#f1f5f9, #1e2636);--ss-color-border-strong: light-dark(#cbd5e1, #3b4759);--ss-color-focus-ring: light-dark(#4f46e5, #818cf8);--ss-color-brand: light-dark(#4f46e5, #6366f1);--ss-color-brand-hover: light-dark(#4338ca, #818cf8);--ss-color-brand-active: light-dark(#3730a3, #a5b4fc);--ss-color-brand-soft: light-dark(#eef2ff, #6366f126);--ss-color-brand-soft-hover: light-dark(#e0e7ff, #6366f13d);--ss-color-brand-fg: light-dark(#4338ca, #a5b4fc);--ss-color-brand-on: light-dark(#ffffff, #ffffff);--ss-color-brand-border: light-dark(#c7d2fe, #4f46e559);--ss-color-accent: light-dark(#0891b2, #22d3ee);--ss-color-accent-hover: light-dark(#0e7490, #67e8f9);--ss-color-accent-active: light-dark(#155e75, #a5f3fc);--ss-color-accent-soft: light-dark(#ecfeff, #22d3ee26);--ss-color-accent-soft-hover: light-dark(#cffafe, #22d3ee3d);--ss-color-accent-fg: light-dark(#0e7490, #a5f3fc);--ss-color-accent-on: light-dark(#ffffff, #06283d);--ss-color-accent-border: light-dark(#a5f3fc, #22d3ee59);--ss-color-success: light-dark(#059669, #10b981);--ss-color-success-hover: light-dark(#047857, #34d399);--ss-color-success-active: light-dark(#065f46, #6ee7b7);--ss-color-success-soft: light-dark(#ecfdf5, #10b98126);--ss-color-success-soft-hover: light-dark(#d1fae5, #10b9813d);--ss-color-success-fg: light-dark(#047857, #6ee7b7);--ss-color-success-on: light-dark(#ffffff, #022c22);--ss-color-success-border: light-dark(#a7f3d0, #10b98159);--ss-color-warning: light-dark(#d97706, #f59e0b);--ss-color-warning-hover: light-dark(#b45309, #fbbf24);--ss-color-warning-active: light-dark(#92400e, #fcd34d);--ss-color-warning-soft: light-dark(#fffbeb, #f59e0b26);--ss-color-warning-soft-hover: light-dark(#fef3c7, #f59e0b3d);--ss-color-warning-fg: light-dark(#b45309, #fcd34d);--ss-color-warning-on: light-dark(#ffffff, #451a03);--ss-color-warning-border: light-dark(#fde68a, #f59e0b59);--ss-color-danger: light-dark(#dc2626, #ef4444);--ss-color-danger-hover: light-dark(#b91c1c, #f87171);--ss-color-danger-active: light-dark(#991b1b, #fca5a5);--ss-color-danger-soft: light-dark(#fef2f2, #ef444426);--ss-color-danger-soft-hover: light-dark(#fee2e2, #ef44443d);--ss-color-danger-fg: light-dark(#b91c1c, #fca5a5);--ss-color-danger-on: light-dark(#ffffff, #450a0a);--ss-color-danger-border: light-dark(#fecaca, #ef444459);--ss-color-info: light-dark(#0284c7, #38bdf8);--ss-color-info-hover: light-dark(#0369a1, #7dd3fc);--ss-color-info-active: light-dark(#075985, #bae6fd);--ss-color-info-soft: light-dark(#f0f9ff, #38bdf826);--ss-color-info-soft-hover: light-dark(#e0f2fe, #38bdf83d);--ss-color-info-fg: light-dark(#0369a1, #bae6fd);--ss-color-info-on: light-dark(#ffffff, #082f49);--ss-color-info-border: light-dark(#bae6fd, #38bdf859);--ss-gradient-brand: linear-gradient(135deg, var(--ss-color-brand), var(--ss-color-accent));--ss-gradient-accent: linear-gradient(135deg, var(--ss-color-accent), var(--ss-color-brand));--ss-gradient-canvas: none;--ss-chart-1: light-dark(#4f46e5, #818cf8);--ss-chart-2: light-dark(#0891b2, #22d3ee);--ss-chart-3: light-dark(#059669, #34d399);--ss-chart-4: light-dark(#d97706, #fbbf24);--ss-chart-5: light-dark(#dc2626, #f87171);--ss-chart-6: light-dark(#7c3aed, #a78bfa);--ss-chart-7: light-dark(#db2777, #f472b6);--ss-chart-8: light-dark(#0d9488, #2dd4bf);--ss-chart-9: light-dark(#65a30d, #a3e635);--ss-chart-10: light-dark(#ea580c, #fb923c);--ss-chart-11: light-dark(#4338ca, #6366f1);--ss-chart-12: light-dark(#525f6f, #94a3b8);--ss-chart-grid: light-dark(#eef2f7, #1e2636);--ss-chart-axis: light-dark(#cbd5e1, #3b4759);--ss-chart-label: light-dark(#64748b, #94a3b8);--ss-chart-positive: var(--ss-color-success);--ss-chart-negative: var(--ss-color-danger);--ss-tone-blue: hsl(217 91% 60%);--ss-tone-emerald: hsl(142 71% 45%);--ss-tone-amber: hsl(38 92% 50%);--ss-tone-rose: hsl(346 77% 50%);--ss-tone-violet: hsl(262 83% 58%);--ss-tone-cyan: hsl(189 94% 43%);--ss-tone-sky: hsl(199 89% 48%);--ss-tone-lime: hsl(84 81% 44%);--ss-tone-orange: hsl(25 95% 53%);--ss-tone-pink: hsl(330 81% 60%);--ss-tone-slate: hsl(215 25% 27%);--ss-radius-none: 0px;--ss-radius-xs: .25rem;--ss-radius-sm: .375rem;--ss-radius-md: .5rem;--ss-radius-lg: .75rem;--ss-radius-xl: 1rem;--ss-radius-2xl: 1.25rem;--ss-radius-3xl: 1.5rem;--ss-radius-full: 9999px;--ss-radius-control: var(--ss-radius-md);--ss-radius-field: var(--ss-radius-md);--ss-radius-card: var(--ss-radius-lg);--ss-radius-surface: var(--ss-radius-xl);--ss-radius-chip: var(--ss-radius-full);--ss-radius-avatar: var(--ss-radius-full);--ss-border-w: 1px;--ss-border-w-strong: 2px;--ss-space-unit: .25rem;--ss-space-0: 0px;--ss-space-px: 1px;--ss-space-1: calc(var(--ss-space-unit) * 1);--ss-space-2: calc(var(--ss-space-unit) * 2);--ss-space-3: calc(var(--ss-space-unit) * 3);--ss-space-4: calc(var(--ss-space-unit) * 4);--ss-space-5: calc(var(--ss-space-unit) * 5);--ss-space-6: calc(var(--ss-space-unit) * 6);--ss-space-8: calc(var(--ss-space-unit) * 8);--ss-space-10: calc(var(--ss-space-unit) * 10);--ss-space-12: calc(var(--ss-space-unit) * 12);--ss-space-16: calc(var(--ss-space-unit) * 16);--ss-space-20: calc(var(--ss-space-unit) * 20);--ss-space-24: calc(var(--ss-space-unit) * 24);--ss-pad-card: var(--ss-space-5);--ss-pad-surface: var(--ss-space-5);--ss-pad-control-x: var(--ss-space-4);--ss-pad-control-y: var(--ss-space-2);--ss-pad-field-x: var(--ss-space-3);--ss-pad-field-y: var(--ss-space-2);--ss-pad-cell-x: var(--ss-space-4);--ss-pad-cell-y: var(--ss-space-3);--ss-page-pad-x: var(--ss-space-6);--ss-page-pad-y: var(--ss-space-6);--ss-gap-inline: var(--ss-space-2);--ss-gap-control: var(--ss-space-2);--ss-gap-stack: var(--ss-space-4);--ss-gap-grid: var(--ss-space-4);--ss-gap-section: var(--ss-space-6);--ss-control-h-xs: 1.5rem;--ss-control-h-sm: 2rem;--ss-control-h-md: 2.5rem;--ss-control-h-lg: 3rem;--ss-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ss-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ss-font-display: var(--ss-font-sans);--ss-text-2xs: .6875rem;--ss-text-xs: .75rem;--ss-text-sm: .875rem;--ss-text-md: 1rem;--ss-text-lg: 1.125rem;--ss-text-xl: 1.375rem;--ss-text-2xl: 1.75rem;--ss-text-3xl: 2.125rem;--ss-text-4xl: 2.75rem;--ss-leading-tight: 1.2;--ss-leading-snug: 1.35;--ss-leading-normal: 1.55;--ss-leading-relaxed: 1.75;--ss-weight-normal: 400;--ss-weight-medium: 500;--ss-weight-semibold: 600;--ss-weight-bold: 700;--ss-weight-black: 800;--ss-weight-heading: var(--ss-weight-bold);--ss-weight-label: var(--ss-weight-semibold);--ss-weight-control: var(--ss-weight-semibold);--ss-tracking-tight: -.02em;--ss-tracking-normal: 0em;--ss-tracking-wide: .04em;--ss-label-case: uppercase;--ss-label-tracking: var(--ss-tracking-wide);--ss-label-size: var(--ss-text-2xs);--ss-shadow-none: none;--ss-shadow-xs: 0 1px 2px light-dark(#0f172a0f, #00000059);--ss-shadow-sm: 0 1px 3px light-dark(#0f172a14, #00000066);--ss-shadow-md: 0 4px 12px light-dark(#0f172a1a, #00000073);--ss-shadow-lg: 0 12px 28px light-dark(#0f172a1f, #00000080);--ss-shadow-xl: 0 24px 56px light-dark(#0f172a29, #0000008c);--ss-shadow-card: var(--ss-shadow-sm);--ss-shadow-surface: var(--ss-shadow-lg);--ss-shadow-control: var(--ss-shadow-none);--ss-shadow-brand: none;--ss-surface-alpha: 1;--ss-surface-backdrop: none;--ss-dur-instant: 0ms;--ss-dur-fast: .12s;--ss-dur-base: .2s;--ss-dur-slow: .32s;--ss-ease-out: cubic-bezier(.16, 1, .3, 1);--ss-ease-in: cubic-bezier(.4, 0, 1, 1);--ss-ease-in-out: cubic-bezier(.4, 0, .2, 1);--ss-ease-spring: cubic-bezier(.22, 1, .36, 1);--ss-press-scale: .97;--ss-layout-sidebar-w: 15rem;--ss-layout-sidebar-collapsed-w: 4rem;--ss-layout-header-h: 3.5rem;--ss-layout-footer-h: 3rem;--ss-layout-page-max-w: 90rem;--ss-z-base: 0;--ss-z-sticky: 20;--ss-z-dropdown: 30;--ss-z-sidebar: 40;--ss-z-overlay: 90;--ss-z-modal: 100;--ss-z-popover: 110;--ss-z-toast: 120;--ss-z-tooltip: 130}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}}@layer ss-theme{:root[data-theme=aurora],[data-theme=aurora]{--ss-color-canvas: light-dark(#f8f7ff, #120f1e);--ss-color-canvas-subtle: light-dark(#f2effe, #191430);--ss-color-surface: light-dark(#ffffff, #1d1735);--ss-color-surface-raised: light-dark(#ffffff, #241d40);--ss-color-surface-sunken: light-dark(#faf9ff, #150f28);--ss-color-surface-hover: light-dark(#f4f1fe, #261f45);--ss-color-surface-active: light-dark(#e9e4f8, #302751);--ss-color-surface-selected: light-dark(#f0eafe, #2c2350);--ss-color-overlay: light-dark(#201b3366, #0b0818b3);--ss-color-fg: light-dark(#201b33, #ece8ff);--ss-color-fg-muted: light-dark(#7a7292, #a79fc4);--ss-color-fg-subtle: light-dark(#a79fc4, #6f6791);--ss-color-fg-inverted: light-dark(#ffffff, #201b33);--ss-color-border: light-dark(#e9e4f8, #322a56);--ss-color-border-subtle: light-dark(#f2effe, #271f47);--ss-color-border-strong: light-dark(#d5cbf0, #453a70);--ss-color-focus-ring: light-dark(#8b5cf6, #a78bfa);--ss-color-brand: light-dark(#8b5cf6, #a78bfa);--ss-color-brand-hover: light-dark(#7c3aed, #c4b5fd);--ss-color-brand-active: light-dark(#6d28d9, #ddd6fe);--ss-color-brand-soft: light-dark(#ede9fe, #a78bfa2e);--ss-color-brand-soft-hover: light-dark(#ddd6fe, #a78bfa45);--ss-color-brand-fg: light-dark(#6d28d9, #c4b5fd);--ss-color-brand-on: #ffffff;--ss-color-brand-border: light-dark(#ddd6fe, #a78bfa5c);--ss-color-accent: light-dark(#ec4899, #f472b6);--ss-color-accent-hover: light-dark(#db2777, #f9a8d4);--ss-color-accent-active: light-dark(#be185d, #fbcfe8);--ss-color-accent-soft: light-dark(#fce7f3, #f472b62e);--ss-color-accent-soft-hover: light-dark(#fbcfe8, #f472b645);--ss-color-accent-fg: light-dark(#be185d, #f9a8d4);--ss-color-accent-on: #ffffff;--ss-color-accent-border: light-dark(#fbcfe8, #f472b65c);--ss-color-success: light-dark(#10b981, #34d399);--ss-color-success-soft: light-dark(#d1fae5, #34d3992e);--ss-color-success-fg: light-dark(#047857, #6ee7b7);--ss-gradient-brand: linear-gradient(135deg, var(--ss-color-brand), var(--ss-color-accent));--ss-gradient-canvas: radial-gradient(48vmax 48vmax at 8% -6%, var(--ss-color-brand-soft), transparent 70%), radial-gradient(44vmax 44vmax at 96% 104%, var(--ss-color-accent-soft), transparent 70%);--ss-chart-1: light-dark(#8b5cf6, #a78bfa);--ss-chart-2: light-dark(#ec4899, #f472b6);--ss-chart-3: light-dark(#10b981, #34d399);--ss-chart-4: light-dark(#f59e0b, #fbbf24);--ss-chart-5: light-dark(#06b6d4, #22d3ee);--ss-chart-6: light-dark(#6366f1, #818cf8);--ss-chart-grid: light-dark(#f2effe, #271f47);--ss-chart-axis: light-dark(#d5cbf0, #453a70);--ss-chart-label: light-dark(#7a7292, #a79fc4);--ss-radius-control: var(--ss-radius-full);--ss-radius-field: var(--ss-radius-lg);--ss-radius-card: var(--ss-radius-3xl);--ss-radius-surface: var(--ss-radius-3xl);--ss-radius-chip: var(--ss-radius-full);--ss-pad-card: var(--ss-space-5);--ss-pad-control-x: var(--ss-space-5);--ss-pad-control-y: calc(var(--ss-space-unit) * 2.5);--ss-weight-heading: var(--ss-weight-black);--ss-tracking-tight: -.025em;--ss-shadow-card: 0 1px 3px light-dark(#8b5cf60d, #00000066);--ss-shadow-surface: 0 18px 48px light-dark(#8b5cf61f, #00000099);--ss-shadow-brand: 0 10px 24px light-dark(#8b5cf640, #a78bfa33);--ss-surface-alpha: .72;--ss-surface-backdrop: blur(14px);--ss-ease-out: cubic-bezier(.22, 1, .36, 1);--ss-press-scale: .97}}@layer ss-theme{:root[data-theme=slate],[data-theme=slate]{--ss-color-canvas: light-dark(#f6f8fb, #0d1117);--ss-color-canvas-subtle: light-dark(#eef2f7, #131922);--ss-color-surface: light-dark(#ffffff, #161c26);--ss-color-surface-raised: light-dark(#ffffff, #1c242f);--ss-color-surface-sunken: light-dark(#f6f8fb, #10161e);--ss-color-surface-hover: light-dark(#eef2f7, #1e2632);--ss-color-surface-active: light-dark(#e1e8f0, #262f3d);--ss-color-surface-selected: light-dark(#e8f0fe, #1b2740);--ss-color-overlay: light-dark(#1e293b80, #020617b3);--ss-color-fg: light-dark(#111827, #e6edf6);--ss-color-fg-muted: light-dark(#5b6b7f, #8b9bb0);--ss-color-fg-subtle: light-dark(#8b9bb0, #5b6b7f);--ss-color-border: light-dark(#dde5ee, #262f3d);--ss-color-border-subtle: light-dark(#eef2f7, #1c242f);--ss-color-border-strong: light-dark(#c3cfdd, #37424f);--ss-color-focus-ring: light-dark(#2563eb, #60a5fa);--ss-color-brand: light-dark(#2563eb, #3b82f6);--ss-color-brand-hover: light-dark(#1d4ed8, #60a5fa);--ss-color-brand-active: light-dark(#1e40af, #93c5fd);--ss-color-brand-soft: light-dark(#e8f0fe, #3b82f61f);--ss-color-brand-soft-hover: light-dark(#d3e3fd, #3b82f636);--ss-color-brand-fg: light-dark(#1d4ed8, #93c5fd);--ss-color-brand-on: #ffffff;--ss-color-brand-border: light-dark(#bfd8fc, #3b82f652);--ss-color-accent: light-dark(#475569, #94a3b8);--ss-color-accent-hover: light-dark(#334155, #cbd5e1);--ss-color-accent-active: light-dark(#1e293b, #e2e8f0);--ss-color-accent-soft: light-dark(#eef2f7, #94a3b81f);--ss-color-accent-soft-hover: light-dark(#e1e8f0, #94a3b836);--ss-color-accent-fg: light-dark(#334155, #cbd5e1);--ss-color-accent-on: #ffffff;--ss-color-accent-border: light-dark(#cbd5e1, #94a3b852);--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-gradient-canvas: none;--ss-radius-control: var(--ss-radius-sm);--ss-radius-field: var(--ss-radius-sm);--ss-radius-card: var(--ss-radius-md);--ss-radius-surface: var(--ss-radius-md);--ss-radius-chip: var(--ss-radius-xs);--ss-space-unit: .225rem;--ss-pad-card: var(--ss-space-4);--ss-pad-cell-y: var(--ss-space-2);--ss-weight-heading: var(--ss-weight-semibold);--ss-tracking-tight: -.01em;--ss-shadow-card: var(--ss-shadow-xs);--ss-shadow-surface: var(--ss-shadow-md);--ss-shadow-brand: none;--ss-surface-alpha: 1;--ss-surface-backdrop: none;--ss-press-scale: 1;--ss-dur-base: .14s}}@layer ss-theme{:root[data-theme=cosmic],[data-theme=cosmic]{--ss-color-canvas: light-dark(#f5f3ff, #0a0715);--ss-color-canvas-subtle: light-dark(#ede9fe, #120c24);--ss-color-surface: light-dark(#ffffff, #171130);--ss-color-surface-raised: light-dark(#fdfcff, #1f1740);--ss-color-surface-sunken: light-dark(#f5f3ff, #0d0920);--ss-color-surface-hover: light-dark(#ede9fe, #221a45);--ss-color-surface-active: light-dark(#ddd6fe, #2c2255);--ss-color-surface-selected: light-dark(#e4dbff, #2a1f5c);--ss-color-overlay: light-dark(#1e1b4b80, #04010ec7);--ss-color-fg: light-dark(#1e1b4b, #ece9ff);--ss-color-fg-muted: light-dark(#6d68a8, #a09ad4);--ss-color-fg-subtle: light-dark(#a09ad4, #625c9c);--ss-color-border: light-dark(#ddd6fe, #2e2560);--ss-color-border-subtle: light-dark(#ede9fe, #241c4d);--ss-color-border-strong: light-dark(#c4b5fd, #443685);--ss-color-focus-ring: light-dark(#a855f7, #c084fc);--ss-color-brand: light-dark(#a855f7, #c084fc);--ss-color-brand-hover: light-dark(#9333ea, #d8b4fe);--ss-color-brand-active: light-dark(#7e22ce, #e9d5ff);--ss-color-brand-soft: light-dark(#f3e8ff, #c084fc2e);--ss-color-brand-soft-hover: light-dark(#e9d5ff, #c084fc45);--ss-color-brand-fg: light-dark(#7e22ce, #d8b4fe);--ss-color-brand-on: light-dark(#ffffff, #1a0b2e);--ss-color-brand-border: light-dark(#e9d5ff, #c084fc5c);--ss-color-accent: light-dark(#06b6d4, #22d3ee);--ss-color-accent-hover: light-dark(#0891b2, #67e8f9);--ss-color-accent-active: light-dark(#0e7490, #a5f3fc);--ss-color-accent-soft: light-dark(#cffafe, #22d3ee2e);--ss-color-accent-soft-hover: light-dark(#a5f3fc, #22d3ee45);--ss-color-accent-fg: light-dark(#0e7490, #67e8f9);--ss-color-accent-on: light-dark(#ffffff, #062a35);--ss-color-accent-border: light-dark(#a5f3fc, #22d3ee5c);--ss-gradient-brand: linear-gradient(135deg, var(--ss-color-brand), var(--ss-color-accent));--ss-gradient-canvas: radial-gradient(56vmax 56vmax at 12% -10%, var(--ss-color-brand-soft), transparent 68%), radial-gradient(50vmax 50vmax at 92% 108%, var(--ss-color-accent-soft), transparent 68%);--ss-chart-1: light-dark(#a855f7, #c084fc);--ss-chart-2: light-dark(#06b6d4, #22d3ee);--ss-chart-3: light-dark(#f472b6, #f9a8d4);--ss-chart-4: light-dark(#34d399, #6ee7b7);--ss-chart-5: light-dark(#fbbf24, #fcd34d);--ss-chart-6: light-dark(#6366f1, #818cf8);--ss-radius-control: var(--ss-radius-xl);--ss-radius-field: var(--ss-radius-lg);--ss-radius-card: var(--ss-radius-2xl);--ss-radius-surface: var(--ss-radius-2xl);--ss-pad-card: var(--ss-space-6);--ss-pad-control-x: var(--ss-space-5);--ss-weight-heading: var(--ss-weight-bold);--ss-shadow-card: 0 2px 10px light-dark(#a855f714, #00000073);--ss-shadow-surface: 0 24px 64px light-dark(#a855f726, #000000a6);--ss-shadow-brand: 0 12px 32px light-dark(#a855f747, #c084fc3d);--ss-surface-alpha: .74;--ss-surface-backdrop: blur(18px)}}@layer ss-theme{:root[data-theme=material],[data-theme=material]{--ss-color-canvas: light-dark(#fafafa, #121212);--ss-color-canvas-subtle: light-dark(#f5f5f5, #1a1a1a);--ss-color-surface: light-dark(#ffffff, #1e1e1e);--ss-color-surface-raised: light-dark(#ffffff, #242424);--ss-color-surface-sunken: light-dark(#fafafa, #171717);--ss-color-surface-hover: light-dark(#f5f5f5, #272727);--ss-color-surface-active: light-dark(#eeeeee, #323232);--ss-color-surface-selected: light-dark(#e3f2fd, #16324a);--ss-color-overlay: light-dark(#00000061, #000000b3);--ss-color-fg: light-dark(#212121, #ececec);--ss-color-fg-muted: light-dark(#616161, #9e9e9e);--ss-color-fg-subtle: light-dark(#9e9e9e, #6b6b6b);--ss-color-border: light-dark(#e0e0e0, #323232);--ss-color-border-subtle: light-dark(#eeeeee, #272727);--ss-color-border-strong: light-dark(#bdbdbd, #4a4a4a);--ss-color-focus-ring: light-dark(#1976d2, #64b5f6);--ss-color-brand: light-dark(#1976d2, #64b5f6);--ss-color-brand-hover: light-dark(#1565c0, #90caf9);--ss-color-brand-active: light-dark(#0d47a1, #bbdefb);--ss-color-brand-soft: light-dark(#e3f2fd, #64b5f61f);--ss-color-brand-soft-hover: light-dark(#bbdefb, #64b5f636);--ss-color-brand-fg: light-dark(#1565c0, #90caf9);--ss-color-brand-on: light-dark(#ffffff, #0a1929);--ss-color-brand-border: light-dark(#90caf9, #64b5f652);--ss-color-accent: light-dark(#00897b, #4db6ac);--ss-color-accent-hover: light-dark(#00796b, #80cbc4);--ss-color-accent-active: light-dark(#00695c, #b2dfdb);--ss-color-accent-soft: light-dark(#e0f2f1, #4db6ac1f);--ss-color-accent-soft-hover: light-dark(#b2dfdb, #4db6ac36);--ss-color-accent-fg: light-dark(#00796b, #80cbc4);--ss-color-accent-on: light-dark(#ffffff, #04211e);--ss-color-accent-border: light-dark(#80cbc4, #4db6ac52);--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-canvas: none;--ss-chart-1: light-dark(#1976d2, #64b5f6);--ss-chart-2: light-dark(#00897b, #4db6ac);--ss-chart-3: light-dark(#f57c00, #ffb74d);--ss-chart-4: light-dark(#7b1fa2, #ba68c8);--ss-chart-5: light-dark(#c62828, #e57373);--ss-chart-6: light-dark(#558b2f, #aed581);--ss-radius-control: var(--ss-radius-xs);--ss-radius-field: var(--ss-radius-xs);--ss-radius-card: var(--ss-radius-xs);--ss-radius-surface: var(--ss-radius-md);--ss-radius-chip: var(--ss-radius-full);--ss-weight-heading: var(--ss-weight-medium);--ss-weight-control: var(--ss-weight-medium);--ss-tracking-tight: 0em;--ss-label-case: none;--ss-label-tracking: var(--ss-tracking-normal);--ss-label-size: var(--ss-text-xs);--ss-shadow-card: 0 1px 3px light-dark(#00000033, #00000080), 0 1px 2px light-dark(#0000001f, #00000066);--ss-shadow-surface: 0 11px 15px light-dark(#00000033, #00000099), 0 9px 46px light-dark(#0000001f, #00000080);--ss-shadow-control: 0 1px 3px light-dark(#00000033, #00000080);--ss-shadow-brand: none;--ss-surface-alpha: 1;--ss-surface-backdrop: none;--ss-press-scale: 1;--ss-ease-out: cubic-bezier(.4, 0, .2, 1)}}@layer ss-theme{:root[data-theme=nord],[data-theme=nord]{--ss-color-canvas: light-dark(#eceff4, #2e3440);--ss-color-canvas-subtle: light-dark(#e5e9f0, #333b4a);--ss-color-surface: light-dark(#ffffff, #3b4252);--ss-color-surface-raised: light-dark(#ffffff, #434c5e);--ss-color-surface-sunken: light-dark(#e5e9f0, #2b313c);--ss-color-surface-hover: light-dark(#e5e9f0, #434c5e);--ss-color-surface-active: light-dark(#d8dee9, #4c566a);--ss-color-surface-selected: light-dark(#dce4ee, #3f4a5f);--ss-color-overlay: light-dark(#2e344080, #1c212bcc);--ss-color-fg: light-dark(#2e3440, #eceff4);--ss-color-fg-muted: light-dark(#5d6b81, #b8c1ce);--ss-color-fg-subtle: light-dark(#8792a3, #7b8698);--ss-color-border: light-dark(#d8dee9, #4c566a);--ss-color-border-subtle: light-dark(#e5e9f0, #434c5e);--ss-color-border-strong: light-dark(#b8c1ce, #5d6b81);--ss-color-focus-ring: light-dark(#5e81ac, #88c0d0);--ss-color-brand: light-dark(#5e81ac, #88c0d0);--ss-color-brand-hover: light-dark(#4c6f9a, #8fbcbb);--ss-color-brand-active: light-dark(#3f5d82, #a3d3d8);--ss-color-brand-soft: light-dark(#dce4ee, #88c0d029);--ss-color-brand-soft-hover: light-dark(#cbd7e6, #88c0d03d);--ss-color-brand-fg: light-dark(#3f5d82, #a3d3d8);--ss-color-brand-on: light-dark(#ffffff, #2e3440);--ss-color-brand-border: light-dark(#bccbdd, #88c0d052);--ss-color-accent: light-dark(#8fbcbb, #8fbcbb);--ss-color-accent-hover: light-dark(#7aa9a8, #a3cfce);--ss-color-accent-active: light-dark(#679695, #b8dbda);--ss-color-accent-soft: light-dark(#e0edec, #8fbcbb29);--ss-color-accent-soft-hover: light-dark(#cbe1e0, #8fbcbb3d);--ss-color-accent-fg: light-dark(#5c8b8a, #a3cfce);--ss-color-accent-on: #2e3440;--ss-color-accent-border: light-dark(#b8dbda, #8fbcbb52);--ss-color-success: light-dark(#6a9955, #a3be8c);--ss-color-success-soft: light-dark(#e7eede, #a3be8c29);--ss-color-success-fg: light-dark(#587d46, #b9cfa5);--ss-color-success-border: light-dark(#c9d9b8, #a3be8c52);--ss-color-warning: light-dark(#c08a3e, #ebcb8b);--ss-color-warning-soft: light-dark(#f7eeda, #ebcb8b29);--ss-color-warning-fg: light-dark(#9c6f2f, #f0d8a8);--ss-color-warning-border: light-dark(#eadcb8, #ebcb8b52);--ss-color-danger: light-dark(#bf616a, #bf616a);--ss-color-danger-soft: light-dark(#f5e2e4, #bf616a29);--ss-color-danger-fg: light-dark(#a04d55, #d08a91);--ss-color-danger-border: light-dark(#e6c3c7, #bf616a52);--ss-color-info: light-dark(#5e81ac, #81a1c1);--ss-color-info-soft: light-dark(#dce4ee, #81a1c129);--ss-color-info-fg: light-dark(#3f5d82, #a0b8d1);--ss-color-info-border: light-dark(#bccbdd, #81a1c152);--ss-gradient-brand: linear-gradient(135deg, var(--ss-color-brand), var(--ss-color-accent));--ss-gradient-canvas: none;--ss-chart-1: light-dark(#5e81ac, #88c0d0);--ss-chart-2: light-dark(#8fbcbb, #8fbcbb);--ss-chart-3: light-dark(#a3be8c, #a3be8c);--ss-chart-4: light-dark(#ebcb8b, #ebcb8b);--ss-chart-5: light-dark(#bf616a, #bf616a);--ss-chart-6: light-dark(#b48ead, #b48ead);--ss-radius-control: var(--ss-radius-md);--ss-radius-field: var(--ss-radius-md);--ss-radius-card: var(--ss-radius-lg);--ss-radius-surface: var(--ss-radius-lg);--ss-radius-chip: var(--ss-radius-sm);--ss-weight-heading: var(--ss-weight-semibold);--ss-shadow-card: var(--ss-shadow-xs);--ss-shadow-surface: var(--ss-shadow-md);--ss-shadow-brand: none;--ss-surface-alpha: 1;--ss-surface-backdrop: none;--ss-press-scale: .99}}@layer ss-theme{:root[data-theme=terracotta],[data-theme=terracotta]{--ss-color-canvas: light-dark(#fdfaf5, #1a1512);--ss-color-canvas-subtle: light-dark(#f8f1e7, #241d18);--ss-color-surface: light-dark(#ffffff, #26201b);--ss-color-surface-raised: light-dark(#fffdfa, #302822);--ss-color-surface-sunken: light-dark(#f8f1e7, #1f1915);--ss-color-surface-hover: light-dark(#f5ece0, #332b24);--ss-color-surface-active: light-dark(#ecdfcd, #40352c);--ss-color-surface-selected: light-dark(#fbeade, #3d2b21);--ss-color-overlay: light-dark(#3b2a1d73, #100b08b8);--ss-color-fg: light-dark(#3b2a1d, #f5ece0);--ss-color-fg-muted: light-dark(#8a7460, #b8a591);--ss-color-fg-subtle: light-dark(#b8a591, #7d6b5a);--ss-color-border: light-dark(#ecdfcd, #40352c);--ss-color-border-subtle: light-dark(#f5ece0, #332b24);--ss-color-border-strong: light-dark(#d9c5aa, #574839);--ss-color-focus-ring: light-dark(#c2410c, #fb923c);--ss-color-brand: light-dark(#c2410c, #fb923c);--ss-color-brand-hover: light-dark(#9a3412, #fdba74);--ss-color-brand-active: light-dark(#7c2d12, #fed7aa);--ss-color-brand-soft: light-dark(#fbeade, #fb923c26);--ss-color-brand-soft-hover: light-dark(#f6d5bf, #fb923c3d);--ss-color-brand-fg: light-dark(#9a3412, #fdba74);--ss-color-brand-on: light-dark(#ffffff, #2b1508);--ss-color-brand-border: light-dark(#f0c9ab, #fb923c59);--ss-color-accent: light-dark(#4d7c0f, #a3e635);--ss-color-accent-hover: light-dark(#3f6212, #bef264);--ss-color-accent-active: light-dark(#365314, #d9f99d);--ss-color-accent-soft: light-dark(#eef5e0, #a3e63526);--ss-color-accent-soft-hover: light-dark(#dcebc4, #a3e6353d);--ss-color-accent-fg: light-dark(#3f6212, #bef264);--ss-color-accent-on: light-dark(#ffffff, #1a2408);--ss-color-accent-border: light-dark(#cde0a8, #a3e63559);--ss-gradient-brand: linear-gradient(135deg, var(--ss-color-brand), light-dark(#d97706, #fbbf24));--ss-gradient-canvas: radial-gradient(46vmax 46vmax at 4% -8%, var(--ss-color-brand-soft), transparent 72%);--ss-chart-1: light-dark(#c2410c, #fb923c);--ss-chart-2: light-dark(#4d7c0f, #a3e635);--ss-chart-3: light-dark(#b45309, #fbbf24);--ss-chart-4: light-dark(#0f766e, #2dd4bf);--ss-chart-5: light-dark(#9f1239, #fb7185);--ss-chart-6: light-dark(#78350f, #d6bd98);--ss-font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--ss-radius-control: var(--ss-radius-lg);--ss-radius-field: var(--ss-radius-md);--ss-radius-card: var(--ss-radius-xl);--ss-radius-surface: var(--ss-radius-xl);--ss-radius-chip: var(--ss-radius-full);--ss-space-unit: .28rem;--ss-pad-card: var(--ss-space-6);--ss-page-pad-y: var(--ss-space-8);--ss-weight-heading: var(--ss-weight-bold);--ss-label-case: none;--ss-label-tracking: var(--ss-tracking-normal);--ss-label-size: var(--ss-text-xs);--ss-leading-normal: 1.65;--ss-shadow-card: 0 1px 3px light-dark(#3b2a1d14, #00000066);--ss-shadow-surface: 0 16px 40px light-dark(#3b2a1d1f, #00000099);--ss-shadow-brand: none;--ss-surface-alpha: 1;--ss-surface-backdrop: none}}@layer ss-theme{:root[data-theme=mono],[data-theme=mono]{--ss-color-canvas: light-dark(#ffffff, #0a0a0a);--ss-color-canvas-subtle: light-dark(#fafafa, #111111);--ss-color-surface: light-dark(#ffffff, #141414);--ss-color-surface-raised: light-dark(#ffffff, #1b1b1b);--ss-color-surface-sunken: light-dark(#f4f4f5, #0f0f0f);--ss-color-surface-hover: light-dark(#f4f4f5, #1f1f1f);--ss-color-surface-active: light-dark(#e4e4e7, #2a2a2a);--ss-color-surface-selected: light-dark(#e4e4e7, #262626);--ss-color-overlay: light-dark(#18181b8c, #000000cc);--ss-color-fg: light-dark(#18181b, #fafafa);--ss-color-fg-muted: light-dark(#52525b, #a1a1aa);--ss-color-fg-subtle: light-dark(#a1a1aa, #52525b);--ss-color-border: light-dark(#d4d4d8, #2f2f2f);--ss-color-border-subtle: light-dark(#e4e4e7, #232323);--ss-color-border-strong: light-dark(#18181b, #fafafa);--ss-color-focus-ring: light-dark(#18181b, #fafafa);--ss-color-brand: light-dark(#18181b, #fafafa);--ss-color-brand-hover: light-dark(#3f3f46, #e4e4e7);--ss-color-brand-active: light-dark(#52525b, #d4d4d8);--ss-color-brand-soft: light-dark(#f4f4f5, #fafafa1a);--ss-color-brand-soft-hover: light-dark(#e4e4e7, #fafafa2e);--ss-color-brand-fg: light-dark(#18181b, #fafafa);--ss-color-brand-on: light-dark(#ffffff, #0a0a0a);--ss-color-brand-border: light-dark(#18181b, #fafafa);--ss-color-accent: light-dark(#52525b, #a1a1aa);--ss-color-accent-hover: light-dark(#3f3f46, #d4d4d8);--ss-color-accent-active: light-dark(#27272a, #e4e4e7);--ss-color-accent-soft: light-dark(#f4f4f5, #a1a1aa1a);--ss-color-accent-soft-hover: light-dark(#e4e4e7, #a1a1aa2e);--ss-color-accent-fg: light-dark(#3f3f46, #d4d4d8);--ss-color-accent-on: light-dark(#ffffff, #0a0a0a);--ss-color-accent-border: light-dark(#a1a1aa, #52525b);--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-gradient-canvas: none;--ss-chart-1: light-dark(#18181b, #fafafa);--ss-chart-2: light-dark(#52525b, #a1a1aa);--ss-chart-3: light-dark(#8f8f99, #71717a);--ss-chart-4: light-dark(#b8b8c0, #52525b);--ss-chart-5: light-dark(#d4d4d8, #3f3f46);--ss-chart-6: light-dark(#e4e4e7, #2a2a2a);--ss-chart-grid: light-dark(#e4e4e7, #232323);--ss-chart-axis: light-dark(#18181b, #fafafa);--ss-font-display: var(--ss-font-mono);--ss-radius-none: 0px;--ss-radius-control: 2px;--ss-radius-field: 2px;--ss-radius-card: 2px;--ss-radius-surface: 2px;--ss-radius-chip: 2px;--ss-radius-avatar: 2px;--ss-border-w: 1px;--ss-border-w-strong: 2px;--ss-space-unit: .22rem;--ss-pad-card: var(--ss-space-4);--ss-pad-cell-y: var(--ss-space-2);--ss-weight-heading: var(--ss-weight-bold);--ss-tracking-tight: -.01em;--ss-label-case: uppercase;--ss-label-tracking: .08em;--ss-shadow-card: none;--ss-shadow-surface: none;--ss-shadow-control: none;--ss-shadow-brand: none;--ss-shadow-xs: none;--ss-shadow-sm: none;--ss-shadow-md: none;--ss-surface-alpha: 1;--ss-surface-backdrop: none;--ss-press-scale: 1;--ss-dur-fast: 0ms;--ss-dur-base: 90ms}}@layer ss-theme{:root[data-theme=island],[data-theme=island]{--ss-color-canvas: light-dark(#dcefe6, #16210f);--ss-color-canvas-subtle: light-dark(#cfe6db, #111a0c);--ss-color-surface: light-dark(#fdf9ed, #26331f);--ss-color-surface-raised: light-dark(#fffdf7, #2f3d26);--ss-color-surface-sunken: light-dark(#f1e4c4, #1a2416);--ss-color-surface-hover: light-dark(#f8f1de, #34432a);--ss-color-surface-active: light-dark(#ece2c6, #3d4f31);--ss-color-surface-selected: light-dark(#e9f1d9, #38492d);--ss-color-overlay: light-dark(#2f3a2ca6, #0e150cd9);--ss-color-fg: light-dark(#33402c, #eef3e2);--ss-color-fg-muted: light-dark(#5f7052, #b3c4a2);--ss-color-fg-subtle: light-dark(#93a186, #7d8f6d);--ss-color-fg-inverted: light-dark(#fdf9ed, #16210f);--ss-color-border: light-dark(#d7c69a, #3d5033);--ss-color-border-subtle: light-dark(#e6dabb, #32422a);--ss-color-border-strong: light-dark(#7fae4a, #a8c85a);--ss-color-focus-ring: light-dark(#2b7f9c, #7fc9d8);--ss-color-brand: light-dark(#7fae4a, #a8c85a);--ss-color-brand-hover: light-dark(#6f9e3e, #b8d66c);--ss-color-brand-active: light-dark(#5f8a34, #c6e07f);--ss-color-brand-soft: light-dark(#e4efd0, #a8c85a24);--ss-color-brand-soft-hover: light-dark(#d8e8bd, #a8c85a3d);--ss-color-brand-fg: light-dark(#446a2a, #c6e07f);--ss-color-brand-on: light-dark(#ffffff, #16210f);--ss-color-brand-border: light-dark(#a8c85a, #6f9e3e);--ss-color-accent: light-dark(#d9a441, #e8bc63);--ss-color-accent-hover: light-dark(#c9942f, #f0cc82);--ss-color-accent-active: light-dark(#b58326, #f5d99e);--ss-color-accent-soft: light-dark(#f8ecce, #e8bc6324);--ss-color-accent-soft-hover: light-dark(#f2e0b4, #e8bc633d);--ss-color-accent-fg: light-dark(#8a6520, #f0cc82);--ss-color-accent-on: light-dark(#3a2c0c, #16210f);--ss-color-accent-border: light-dark(#e8c47a, #b58326);--ss-color-success: light-dark(#6f9e3e, #a8c85a);--ss-color-success-hover: light-dark(#5f8a34, #b8d66c);--ss-color-success-active: light-dark(#4f752b, #c6e07f);--ss-color-success-soft: light-dark(#e4efd0, #a8c85a24);--ss-color-success-soft-hover: light-dark(#d8e8bd, #a8c85a3d);--ss-color-success-fg: light-dark(#446a2a, #b8d66c);--ss-color-success-on: light-dark(#ffffff, #16210f);--ss-color-success-border: light-dark(#a8c85a, #6f9e3e);--ss-color-warning: light-dark(#d9a441, #e8bc63);--ss-color-warning-hover: light-dark(#c9942f, #f0cc82);--ss-color-warning-active: light-dark(#b58326, #f5d99e);--ss-color-warning-soft: light-dark(#f8ecce, #e8bc6324);--ss-color-warning-soft-hover: light-dark(#f2e0b4, #e8bc633d);--ss-color-warning-fg: light-dark(#8a6520, #f0cc82);--ss-color-warning-on: light-dark(#3a2c0c, #16210f);--ss-color-warning-border: light-dark(#e8c47a, #b58326);--ss-color-danger: light-dark(#a85040, #d4796a);--ss-color-danger-hover: light-dark(#944436, #e08e7f);--ss-color-danger-active: light-dark(#7f392c, #eaa598);--ss-color-danger-soft: light-dark(#f4ddd6, #d4796a24);--ss-color-danger-soft-hover: light-dark(#eccbc1, #d4796a3d);--ss-color-danger-fg: light-dark(#8a3a2c, #e08e7f);--ss-color-danger-on: light-dark(#ffffff, #16210f);--ss-color-danger-border: light-dark(#d4796a, #944436);--ss-color-info: light-dark(#2b7f9c, #7fc9d8);--ss-color-info-hover: light-dark(#246e88, #96d6e2);--ss-color-info-active: light-dark(#1d5d73, #aee0e9);--ss-color-info-soft: light-dark(#cfe6ee, #7fc9d824);--ss-color-info-soft-hover: light-dark(#b9d9e6, #7fc9d83d);--ss-color-info-fg: light-dark(#235f77, #96d6e2);--ss-color-info-on: light-dark(#ffffff, #16210f);--ss-color-info-border: light-dark(#7fb8cc, #246e88);--ss-gradient-brand: linear-gradient(180deg, #a8c85a 0%, #7fae4a 100%);--ss-gradient-accent: linear-gradient(180deg, #e8bc63 0%, #d9a441 100%);--ss-gradient-canvas: radial-gradient( 128% 96% at 50% 0%, light-dark(#eaf7f0, #24331f) 0%, light-dark(#d3e9de, #16210f) 46%, light-dark(#b6d8cd, #0e150c) 100% );--ss-chart-1: light-dark(#7fae4a, #a8c85a);--ss-chart-2: light-dark(#2b7f9c, #7fc9d8);--ss-chart-3: light-dark(#d9a441, #e8bc63);--ss-chart-4: light-dark(#a85040, #d4796a);--ss-chart-5: light-dark(#5f8a34, #8fb85c);--ss-chart-6: light-dark(#8a6a45, #b89a72);--ss-chart-grid: light-dark(#e0d3ad, #32422a);--ss-chart-axis: light-dark(#93a186, #7d8f6d)}}@layer ss-theme{:root[data-theme=ember],[data-theme=ember]{--ss-color-canvas: light-dark(#fbf6f0, #17120f);--ss-color-canvas-subtle: light-dark(#f4ebe0, #1e1815);--ss-color-surface: light-dark(#fffcf8, #221b17);--ss-color-surface-raised: light-dark(#ffffff, #2b231d);--ss-color-surface-sunken: light-dark(#f4ebe0, #1a1512);--ss-color-surface-hover: light-dark(#f9f0e6, #2f2620);--ss-color-surface-active: light-dark(#f0e2d2, #3a2f27);--ss-color-surface-selected: light-dark(#fdeade, #3a2820);--ss-color-overlay: light-dark(#2e1d1266, #0b0705c7);--ss-color-fg: light-dark(#2e1d12, #f6ede2);--ss-color-fg-muted: light-dark(#7d6553, #b6a190);--ss-color-fg-subtle: light-dark(#a89283, #7b6757);--ss-color-fg-inverted: light-dark(#fffcf8, #221b17);--ss-color-border: light-dark(#eaddcd, #372c25);--ss-color-border-subtle: light-dark(#f4ebe0, #2b231d);--ss-color-border-strong: light-dark(#d7c1a8, #4e4035);--ss-color-focus-ring: light-dark(#d2500a, #ff9f4a);--ss-color-brand: light-dark(#d2500a, #ff9f4a);--ss-color-brand-hover: light-dark(#b03f05, #ffb877);--ss-color-brand-active: light-dark(#8c3204, #ffd0a5);--ss-color-brand-soft: light-dark(#fdeade, #ff9f4a1f);--ss-color-brand-soft-hover: light-dark(#fad7bf, #ff9f4a33);--ss-color-brand-fg: light-dark(#b03f05, #ffb877);--ss-color-brand-on: light-dark(#fffcf8, #241004);--ss-color-brand-border: light-dark(#f3c8a5, #ff9f4a4d);--ss-color-accent: light-dark(#0f766e, #2dd4bf);--ss-color-accent-hover: light-dark(#115e59, #5eead4);--ss-color-accent-active: light-dark(#134e4a, #99f6e4);--ss-color-accent-soft: light-dark(#e2f4f1, #2dd4bf1f);--ss-color-accent-soft-hover: light-dark(#c7e9e3, #2dd4bf33);--ss-color-accent-fg: light-dark(#115e59, #5eead4);--ss-color-accent-on: light-dark(#fffcf8, #04201d);--ss-color-accent-border: light-dark(#a9dcd5, #2dd4bf4d);--ss-color-success: light-dark(#4d7c0f, #a3e635);--ss-color-success-hover: light-dark(#3f6212, #bef264);--ss-color-success-active: light-dark(#365314, #d9f99d);--ss-color-success-soft: light-dark(#eef5e0, #a3e6351f);--ss-color-success-soft-hover: light-dark(#dcebc4, #a3e63533);--ss-color-success-fg: light-dark(#3f6212, #bef264);--ss-color-success-on: light-dark(#fffcf8, #18240a);--ss-color-success-border: light-dark(#cde0a8, #a3e6354d);--ss-color-danger: light-dark(#b91c1c, #f87171);--ss-color-danger-hover: light-dark(#991b1b, #fca5a5);--ss-color-danger-active: light-dark(#7f1d1d, #fecaca);--ss-color-danger-soft: light-dark(#fdeaea, #f871711f);--ss-color-danger-soft-hover: light-dark(#fad4d4, #f8717133);--ss-color-danger-fg: light-dark(#991b1b, #fca5a5);--ss-color-danger-on: light-dark(#fffcf8, #2b0a0a);--ss-color-danger-border: light-dark(#f5bcbc, #f871714d);--ss-color-info: light-dark(#1d4ed8, #93b4ff);--ss-color-info-hover: light-dark(#1e40af, #b6ccff);--ss-color-info-active: light-dark(#1e3a8a, #d3e0ff);--ss-color-info-soft: light-dark(#e8effd, #93b4ff1f);--ss-color-info-soft-hover: light-dark(#d2e0fb, #93b4ff33);--ss-color-info-fg: light-dark(#1e40af, #b6ccff);--ss-color-info-on: light-dark(#fffcf8, #0a142e);--ss-color-info-border: light-dark(#bcd0f7, #93b4ff4d);--ss-color-warning: light-dark(#b45309, #fbbf24);--ss-color-warning-hover: light-dark(#92400e, #fcd34d);--ss-color-warning-active: light-dark(#78350f, #fde68a);--ss-color-warning-soft: light-dark(#fdf0dc, #fbbf241f);--ss-color-warning-soft-hover: light-dark(#fae0bb, #fbbf2433);--ss-color-warning-fg: light-dark(#92400e, #fcd34d);--ss-color-warning-on: light-dark(#fffcf8, #2b1a04);--ss-color-warning-border: light-dark(#f4d5a8, #fbbf244d);--ss-gradient-brand: linear-gradient(135deg, var(--ss-color-brand), light-dark(#e8791f, #ffc98a));--ss-gradient-canvas: radial-gradient(52vmax 40vmax at 88% -12%, var(--ss-color-brand-soft), transparent 70%);--ss-chart-1: light-dark(#d2500a, #ff9f4a);--ss-chart-2: light-dark(#0f766e, #2dd4bf);--ss-chart-3: light-dark(#b45309, #fbbf24);--ss-chart-4: light-dark(#4d7c0f, #a3e635);--ss-chart-5: light-dark(#9f1239, #fb7185);--ss-chart-6: light-dark(#6d4534, #d6bd98);--ss-font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--ss-space-unit: .28rem;--ss-pad-card: var(--ss-space-6);--ss-page-pad-y: var(--ss-space-8);--ss-radius-control: var(--ss-radius-lg);--ss-radius-field: var(--ss-radius-lg);--ss-radius-card: var(--ss-radius-xl);--ss-radius-surface: var(--ss-radius-xl);--ss-radius-chip: var(--ss-radius-full);--ss-weight-heading: var(--ss-weight-bold);--ss-label-case: none;--ss-label-tracking: var(--ss-tracking-normal);--ss-leading-normal: 1.65;--ss-shadow-card: 0 1px 2px light-dark(#2e1d1214, #00000059), 0 6px 16px light-dark(#2e1d120f, #0000004d);--ss-shadow-surface: 0 20px 48px light-dark(#2e1d1226, #000000a6);--ss-shadow-brand: 0 6px 20px light-dark(#d2500a2e, #ff9f4a26);--ss-surface-alpha: 1;--ss-surface-backdrop: none}}@layer ss-theme{:root[data-theme=surf-default-light],[data-theme=surf-default-light]{color-scheme:light;--ss-color-canvas: hsl(0 0% 100%);--ss-color-canvas-subtle: hsl(0 0% 97%);--ss-color-surface: hsl(0 0% 100%);--ss-color-surface-raised: hsl(0 0% 100%);--ss-color-surface-sunken: hsl(0 0% 96%);--ss-color-surface-hover: hsl(0 0% 96%);--ss-color-surface-active: hsl(0 0% 89%);--ss-color-surface-selected: hsl(0 0% 96%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(0 0% 4%);--ss-color-fg-muted: hsl(0 0% 4%);--ss-color-fg-subtle: hsl(0 0% 33%);--ss-color-fg-inverted: hsl(0 0% 100%);--ss-color-border: hsl(0 0% 90%);--ss-color-border-subtle: hsl(0 0% 95%);--ss-color-border-strong: hsl(0 0% 71%);--ss-color-focus-ring: hsl(0 0% 9%);--ss-color-brand: hsl(0 0% 9%);--ss-color-brand-hover: hsl(0 0% 8%);--ss-color-brand-active: hsl(0 0% 7%);--ss-color-brand-soft: hsl(0 0% 9% / .14);--ss-color-brand-soft-hover: hsl(0 0% 9% / .22);--ss-color-brand-fg: hsl(0 0% 9%);--ss-color-brand-on: hsl(0 0% 98%);--ss-color-brand-border: hsl(0 0% 9% / .38);--ss-color-accent: hsl(0 0% 9%);--ss-color-accent-hover: hsl(0 0% 8%);--ss-color-accent-active: hsl(0 0% 7%);--ss-color-accent-soft: hsl(0 0% 9% / .14);--ss-color-accent-soft-hover: hsl(0 0% 9% / .22);--ss-color-accent-fg: hsl(0 0% 9%);--ss-color-accent-on: hsl(0 0% 98%);--ss-color-accent-border: hsl(0 0% 9% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: Geist, system-ui, sans-serif;--ss-font-mono: "Geist Mono", ui-monospace, monospace;--ss-font-display: Geist, system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-default-dark],[data-theme=surf-default-dark]{color-scheme:dark;--ss-color-canvas: hsl(0 0% 4%);--ss-color-canvas-subtle: hsl(0 0% 7%);--ss-color-surface: hsl(0 0% 4%);--ss-color-surface-raised: hsl(0 0% 4%);--ss-color-surface-sunken: hsl(0 0% 15%);--ss-color-surface-hover: hsl(0 0% 15%);--ss-color-surface-active: hsl(0 0% 22%);--ss-color-surface-selected: hsl(0 0% 15%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(0 0% 98%);--ss-color-fg-muted: hsl(0 0% 98%);--ss-color-fg-subtle: hsl(0 0% 70%);--ss-color-fg-inverted: hsl(0 0% 4%);--ss-color-border: hsl(0 0% 15%);--ss-color-border-subtle: hsl(0 0% 10%);--ss-color-border-strong: hsl(0 0% 33%);--ss-color-focus-ring: hsl(0 0% 98%);--ss-color-brand: hsl(0 0% 98%);--ss-color-brand-hover: hsl(0 0% 98%);--ss-color-brand-active: hsl(0 0% 98%);--ss-color-brand-soft: hsl(0 0% 98% / .14);--ss-color-brand-soft-hover: hsl(0 0% 98% / .22);--ss-color-brand-fg: hsl(0 0% 98%);--ss-color-brand-on: hsl(0 0% 9%);--ss-color-brand-border: hsl(0 0% 98% / .38);--ss-color-accent: hsl(0 0% 98%);--ss-color-accent-hover: hsl(0 0% 98%);--ss-color-accent-active: hsl(0 0% 98%);--ss-color-accent-soft: hsl(0 0% 98% / .14);--ss-color-accent-soft-hover: hsl(0 0% 98% / .22);--ss-color-accent-fg: hsl(0 0% 98%);--ss-color-accent-on: hsl(0 0% 9%);--ss-color-accent-border: hsl(0 0% 98% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: Geist, system-ui, sans-serif;--ss-font-mono: "Geist Mono", ui-monospace, monospace;--ss-font-display: Geist, system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-ocean-blue],[data-theme=surf-ocean-blue]{color-scheme:dark;--ss-color-canvas: hsl(224 48% 9%);--ss-color-canvas-subtle: hsl(224 38% 11%);--ss-color-surface: hsl(224 48% 9%);--ss-color-surface-raised: hsl(224 48% 9%);--ss-color-surface-sunken: hsl(217 33% 17%);--ss-color-surface-hover: hsl(214 52% 25%);--ss-color-surface-active: hsl(214 40% 30%);--ss-color-surface-selected: hsl(214 52% 25%);--ss-color-overlay: hsl(224 48% 6% / .72);--ss-color-fg: hsl(214 32% 91%);--ss-color-fg-muted: hsl(214 32% 91%);--ss-color-fg-subtle: hsl(217 9% 67%);--ss-color-fg-inverted: hsl(224 48% 9%);--ss-color-border: hsl(214 52% 25%);--ss-color-border-subtle: hsl(217 51% 18%);--ss-color-border-strong: hsl(214 27% 39%);--ss-color-focus-ring: hsl(198 93% 60%);--ss-color-brand: hsl(198 93% 60%);--ss-color-brand-hover: hsl(198 93% 65%);--ss-color-brand-active: hsl(198 94% 69%);--ss-color-brand-soft: hsl(198 93% 60% / .14);--ss-color-brand-soft-hover: hsl(198 93% 60% / .22);--ss-color-brand-fg: hsl(198 93% 60%);--ss-color-brand-on: hsl(224 48% 9%);--ss-color-brand-border: hsl(198 93% 60% / .38);--ss-color-accent: hsl(198 93% 60%);--ss-color-accent-hover: hsl(198 93% 65%);--ss-color-accent-active: hsl(198 94% 69%);--ss-color-accent-soft: hsl(198 93% 60% / .14);--ss-color-accent-soft-hover: hsl(198 93% 60% / .22);--ss-color-accent-fg: hsl(198 93% 60%);--ss-color-accent-on: hsl(224 48% 9%);--ss-color-accent-border: hsl(198 93% 60% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-tone-blue: hsl(210 95% 60%);--ss-tone-emerald: hsl(175 70% 48%);--ss-tone-amber: hsl(190 85% 55%);--ss-tone-rose: hsl(230 70% 62%);--ss-tone-violet: hsl(245 85% 62%);--ss-tone-cyan: hsl(190 95% 50%);--ss-tone-sky: hsl(205 90% 58%);--ss-tone-lime: hsl(160 70% 48%);--ss-tone-orange: hsl(200 90% 58%);--ss-tone-pink: hsl(240 80% 65%);--ss-tone-slate: hsl(215 25% 55%);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Inter", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Inter", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-forest-green],[data-theme=surf-forest-green]{color-scheme:dark;--ss-color-canvas: hsl(139 44% 7%);--ss-color-canvas-subtle: hsl(138 35% 10%);--ss-color-surface: hsl(139 44% 7%);--ss-color-surface-raised: hsl(139 44% 7%);--ss-color-surface-sunken: hsl(143 34% 12%);--ss-color-surface-hover: hsl(144 32% 15%);--ss-color-surface-active: hsl(143 24% 21%);--ss-color-surface-selected: hsl(144 32% 15%);--ss-color-overlay: hsl(139 44% 6% / .72);--ss-color-fg: hsl(149 80% 90%);--ss-color-fg-muted: hsl(149 80% 90%);--ss-color-fg-subtle: hsl(148 19% 65%);--ss-color-fg-inverted: hsl(139 44% 7%);--ss-color-border: hsl(144 32% 15%);--ss-color-border-subtle: hsl(143 36% 12%);--ss-color-border-strong: hsl(145 18% 32%);--ss-color-focus-ring: hsl(142 71% 45%);--ss-color-brand: hsl(142 71% 45%);--ss-color-brand-hover: hsl(142 58% 52%);--ss-color-brand-active: hsl(142 58% 58%);--ss-color-brand-soft: hsl(142 71% 45% / .14);--ss-color-brand-soft-hover: hsl(142 71% 45% / .22);--ss-color-brand-fg: hsl(142 71% 45%);--ss-color-brand-on: hsl(139 44% 7%);--ss-color-brand-border: hsl(142 71% 45% / .38);--ss-color-accent: hsl(142 71% 45%);--ss-color-accent-hover: hsl(142 58% 52%);--ss-color-accent-active: hsl(142 58% 58%);--ss-color-accent-soft: hsl(142 71% 45% / .14);--ss-color-accent-soft-hover: hsl(142 71% 45% / .22);--ss-color-accent-fg: hsl(142 71% 45%);--ss-color-accent-on: hsl(139 44% 7%);--ss-color-accent-border: hsl(142 71% 45% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Fira Sans", system-ui, sans-serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Fira Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-sunset-orange],[data-theme=surf-sunset-orange]{color-scheme:dark;--ss-color-canvas: hsl(19 44% 7%);--ss-color-canvas-subtle: hsl(21 35% 10%);--ss-color-surface: hsl(19 44% 7%);--ss-color-surface-raised: hsl(19 44% 7%);--ss-color-surface-sunken: hsl(25 36% 13%);--ss-color-surface-hover: hsl(22 45% 16%);--ss-color-surface-active: hsl(24 33% 22%);--ss-color-surface-selected: hsl(22 45% 16%);--ss-color-overlay: hsl(19 44% 6% / .72);--ss-color-fg: hsl(32 92% 90%);--ss-color-fg-muted: hsl(32 92% 90%);--ss-color-fg-subtle: hsl(30 20% 65%);--ss-color-fg-inverted: hsl(19 44% 7%);--ss-color-border: hsl(22 45% 16%);--ss-color-border-subtle: hsl(21 45% 12%);--ss-color-border-strong: hsl(25 23% 33%);--ss-color-focus-ring: hsl(25 95% 53%);--ss-color-brand: hsl(25 95% 53%);--ss-color-brand-hover: hsl(25 95% 59%);--ss-color-brand-active: hsl(25 95% 64%);--ss-color-brand-soft: hsl(25 95% 53% / .14);--ss-color-brand-soft-hover: hsl(25 95% 53% / .22);--ss-color-brand-fg: hsl(25 95% 53%);--ss-color-brand-on: hsl(19 44% 7%);--ss-color-brand-border: hsl(25 95% 53% / .38);--ss-color-accent: hsl(25 95% 53%);--ss-color-accent-hover: hsl(25 95% 59%);--ss-color-accent-active: hsl(25 95% 64%);--ss-color-accent-soft: hsl(25 95% 53% / .14);--ss-color-accent-soft-hover: hsl(25 95% 53% / .22);--ss-color-accent-fg: hsl(25 95% 53%);--ss-color-accent-on: hsl(19 44% 7%);--ss-color-accent-border: hsl(25 95% 53% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Nunito", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Nunito", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-rose-pink],[data-theme=surf-rose-pink]{color-scheme:dark;--ss-color-canvas: hsl(323 44% 7%);--ss-color-canvas-subtle: hsl(323 32% 10%);--ss-color-surface: hsl(323 44% 7%);--ss-color-surface-raised: hsl(323 44% 7%);--ss-color-surface-sunken: hsl(323 36% 13%);--ss-color-surface-hover: hsl(322 40% 17%);--ss-color-surface-active: hsl(321 29% 23%);--ss-color-surface-selected: hsl(322 40% 17%);--ss-color-overlay: hsl(323 44% 6% / .72);--ss-color-fg: hsl(326 78% 95%);--ss-color-fg-muted: hsl(326 78% 95%);--ss-color-fg-subtle: hsl(325 12% 68%);--ss-color-fg-inverted: hsl(323 44% 7%);--ss-color-border: hsl(322 40% 17%);--ss-color-border-subtle: hsl(323 41% 13%);--ss-color-border-strong: hsl(323 18% 34%);--ss-color-focus-ring: hsl(330 81% 60%);--ss-color-brand: hsl(330 81% 60%);--ss-color-brand-hover: hsl(330 81% 65%);--ss-color-brand-active: hsl(331 82% 70%);--ss-color-brand-soft: hsl(330 81% 60% / .14);--ss-color-brand-soft-hover: hsl(330 81% 60% / .22);--ss-color-brand-fg: hsl(330 81% 60%);--ss-color-brand-on: hsl(323 44% 7%);--ss-color-brand-border: hsl(330 81% 60% / .38);--ss-color-accent: hsl(330 81% 60%);--ss-color-accent-hover: hsl(330 81% 65%);--ss-color-accent-active: hsl(331 82% 70%);--ss-color-accent-soft: hsl(330 81% 60% / .14);--ss-color-accent-soft-hover: hsl(330 81% 60% / .22);--ss-color-accent-fg: hsl(330 81% 60%);--ss-color-accent-on: hsl(323 44% 7%);--ss-color-accent-border: hsl(330 81% 60% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Quicksand", system-ui, sans-serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Quicksand", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-purple-galaxy],[data-theme=surf-purple-galaxy]{color-scheme:dark;--ss-color-canvas: hsl(259 44% 7%);--ss-color-canvas-subtle: hsl(259 32% 10%);--ss-color-surface: hsl(259 44% 7%);--ss-color-surface-raised: hsl(259 44% 7%);--ss-color-surface-sunken: hsl(263 36% 13%);--ss-color-surface-hover: hsl(258 49% 19%);--ss-color-surface-active: hsl(258 36% 25%);--ss-color-surface-selected: hsl(258 49% 19%);--ss-color-overlay: hsl(259 44% 6% / .72);--ss-color-fg: hsl(255 44% 93%);--ss-color-fg-muted: hsl(255 44% 93%);--ss-color-fg-subtle: hsl(259 10% 67%);--ss-color-fg-inverted: hsl(259 44% 7%);--ss-color-border: hsl(258 49% 19%);--ss-color-border-subtle: hsl(259 49% 14%);--ss-color-border-strong: hsl(257 23% 36%);--ss-color-focus-ring: hsl(271 91% 65%);--ss-color-brand: hsl(271 91% 65%);--ss-color-brand-hover: hsl(271 91% 69%);--ss-color-brand-active: hsl(271 91% 74%);--ss-color-brand-soft: hsl(271 91% 65% / .14);--ss-color-brand-soft-hover: hsl(271 91% 65% / .22);--ss-color-brand-fg: hsl(271 91% 65%);--ss-color-brand-on: hsl(259 44% 7%);--ss-color-brand-border: hsl(271 91% 65% / .38);--ss-color-accent: hsl(271 91% 65%);--ss-color-accent-hover: hsl(271 91% 69%);--ss-color-accent-active: hsl(271 91% 74%);--ss-color-accent-soft: hsl(271 91% 65% / .14);--ss-color-accent-soft-hover: hsl(271 91% 65% / .22);--ss-color-accent-fg: hsl(271 91% 65%);--ss-color-accent-on: hsl(259 44% 7%);--ss-color-accent-border: hsl(271 91% 65% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-tone-blue: hsl(240 85% 68%);--ss-tone-emerald: hsl(200 75% 55%);--ss-tone-amber: hsl(290 75% 62%);--ss-tone-rose: hsl(330 80% 62%);--ss-tone-violet: hsl(265 85% 65%);--ss-tone-cyan: hsl(210 80% 58%);--ss-tone-sky: hsl(230 80% 62%);--ss-tone-lime: hsl(280 65% 58%);--ss-tone-orange: hsl(310 75% 62%);--ss-tone-pink: hsl(325 85% 65%);--ss-tone-slate: hsl(260 25% 55%);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Space Grotesk", system-ui, sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Space Grotesk", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-arctic-frost],[data-theme=surf-arctic-frost]{color-scheme:light;--ss-color-canvas: hsl(208 100% 97%);--ss-color-canvas-subtle: hsl(210 62% 95%);--ss-color-surface: hsl(208 100% 97%);--ss-color-surface-raised: hsl(208 100% 97%);--ss-color-surface-sunken: hsl(204 94% 94%);--ss-color-surface-hover: hsl(201 94% 86%);--ss-color-surface-active: hsl(202 69% 81%);--ss-color-surface-selected: hsl(201 94% 86%);--ss-color-overlay: hsl(208 100% 6% / .72);--ss-color-fg: hsl(214 52% 25%);--ss-color-fg-muted: hsl(214 52% 25%);--ss-color-fg-subtle: hsl(214 21% 46%);--ss-color-fg-inverted: hsl(208 100% 97%);--ss-color-border: hsl(201 94% 86%);--ss-color-border-subtle: hsl(202 96% 91%);--ss-color-border-strong: hsl(204 47% 73%);--ss-color-focus-ring: hsl(199 89% 48%);--ss-color-brand: hsl(199 89% 48%);--ss-color-brand-hover: hsl(199 89% 43%);--ss-color-brand-active: hsl(199 88% 37%);--ss-color-brand-soft: hsl(199 89% 48% / .14);--ss-color-brand-soft-hover: hsl(199 89% 48% / .22);--ss-color-brand-fg: hsl(199 89% 48%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(199 89% 48% / .38);--ss-color-accent: hsl(199 89% 48%);--ss-color-accent-hover: hsl(199 89% 43%);--ss-color-accent-active: hsl(199 88% 37%);--ss-color-accent-soft: hsl(199 89% 48% / .14);--ss-color-accent-soft-hover: hsl(199 89% 48% / .22);--ss-color-accent-fg: hsl(199 89% 48%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(199 89% 48% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Work Sans", system-ui, sans-serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Work Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-monokai-pro],[data-theme=surf-monokai-pro]{color-scheme:dark;--ss-color-canvas: hsl(285 5% 17%);--ss-color-canvas-subtle: hsl(285 4% 20%);--ss-color-surface: hsl(285 5% 17%);--ss-color-surface-raised: hsl(285 5% 17%);--ss-color-surface-sunken: hsl(280 2% 25%);--ss-color-surface-hover: hsl(280 2% 35%);--ss-color-surface-active: hsl(280 1% 41%);--ss-color-surface-selected: hsl(280 2% 35%);--ss-color-overlay: hsl(285 5% 6% / .72);--ss-color-fg: hsl(60 25% 98%);--ss-color-fg-muted: hsl(60 25% 98%);--ss-color-fg-subtle: hsl(0 1% 74%);--ss-color-fg-inverted: hsl(285 5% 17%);--ss-color-border: hsl(280 2% 35%);--ss-color-border-subtle: hsl(280 2% 27%);--ss-color-border-strong: hsl(270 1% 49%);--ss-color-focus-ring: hsl(45 100% 70%);--ss-color-brand: hsl(45 100% 70%);--ss-color-brand-hover: hsl(45 100% 74%);--ss-color-brand-active: hsl(44 100% 77%);--ss-color-brand-soft: hsl(45 100% 70% / .14);--ss-color-brand-soft-hover: hsl(45 100% 70% / .22);--ss-color-brand-fg: hsl(45 100% 70%);--ss-color-brand-on: hsl(285 5% 17%);--ss-color-brand-border: hsl(45 100% 70% / .38);--ss-color-accent: hsl(45 100% 70%);--ss-color-accent-hover: hsl(45 100% 74%);--ss-color-accent-active: hsl(44 100% 77%);--ss-color-accent-soft: hsl(45 100% 70% / .14);--ss-color-accent-soft-hover: hsl(45 100% 70% / .22);--ss-color-accent-fg: hsl(45 100% 70%);--ss-color-accent-on: hsl(285 5% 17%);--ss-color-accent-border: hsl(45 100% 70% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "IBM Plex Sans", system-ui, sans-serif;--ss-font-mono: "Source Code Pro", monospace;--ss-font-display: "IBM Plex Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-gold-luxury],[data-theme=surf-gold-luxury]{color-scheme:dark;--ss-color-canvas: hsl(0 0% 5%);--ss-color-canvas-subtle: hsl(60 3% 8%);--ss-color-surface: hsl(0 0% 5%);--ss-color-surface-raised: hsl(0 0% 5%);--ss-color-surface-sunken: hsl(48 24% 8%);--ss-color-surface-hover: hsl(48 45% 11%);--ss-color-surface-active: hsl(48 27% 18%);--ss-color-surface-selected: hsl(48 45% 11%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(45 50% 92%);--ss-color-fg-muted: hsl(45 50% 92%);--ss-color-fg-subtle: hsl(47 8% 66%);--ss-color-fg-inverted: hsl(0 0% 5%);--ss-color-border: hsl(48 45% 11%);--ss-color-border-subtle: hsl(47 32% 9%);--ss-color-border-strong: hsl(48 17% 29%);--ss-color-focus-ring: hsl(42 65% 52%);--ss-color-brand: hsl(42 65% 52%);--ss-color-brand-hover: hsl(42 64% 58%);--ss-color-brand-active: hsl(42 64% 64%);--ss-color-brand-soft: hsl(42 65% 52% / .14);--ss-color-brand-soft-hover: hsl(42 65% 52% / .22);--ss-color-brand-fg: hsl(42 65% 52%);--ss-color-brand-on: hsl(0 0% 5%);--ss-color-brand-border: hsl(42 65% 52% / .38);--ss-color-accent: hsl(42 65% 52%);--ss-color-accent-hover: hsl(42 64% 58%);--ss-color-accent-active: hsl(42 64% 64%);--ss-color-accent-soft: hsl(42 65% 52% / .14);--ss-color-accent-soft-hover: hsl(42 65% 52% / .22);--ss-color-accent-fg: hsl(42 65% 52%);--ss-color-accent-on: hsl(0 0% 5%);--ss-color-accent-border: hsl(42 65% 52% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Playfair Display", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Playfair Display", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-cyber-neon],[data-theme=surf-cyber-neon]{color-scheme:dark;--ss-color-canvas: hsl(0 0% 2%);--ss-color-canvas-subtle: hsl(120 4% 5%);--ss-color-surface: hsl(0 0% 2%);--ss-color-surface-raised: hsl(0 0% 2%);--ss-color-surface-sunken: hsl(139 44% 7%);--ss-color-surface-hover: hsl(137 53% 11%);--ss-color-surface-active: hsl(134 33% 17%);--ss-color-surface-selected: hsl(137 53% 11%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(120 100% 94%);--ss-color-fg-muted: hsl(120 100% 94%);--ss-color-fg-subtle: hsl(120 13% 66%);--ss-color-fg-inverted: hsl(0 0% 2%);--ss-color-border: hsl(137 53% 11%);--ss-color-border-subtle: hsl(139 47% 7%);--ss-color-border-strong: hsl(134 20% 29%);--ss-color-focus-ring: hsl(152 100% 50%);--ss-color-brand: hsl(152 100% 50%);--ss-color-brand-hover: hsl(152 100% 56%);--ss-color-brand-active: hsl(152 100% 62%);--ss-color-brand-soft: hsl(152 100% 50% / .14);--ss-color-brand-soft-hover: hsl(152 100% 50% / .22);--ss-color-brand-fg: hsl(152 100% 50%);--ss-color-brand-on: hsl(0 0% 2%);--ss-color-brand-border: hsl(152 100% 50% / .38);--ss-color-accent: hsl(152 100% 50%);--ss-color-accent-hover: hsl(152 100% 56%);--ss-color-accent-active: hsl(152 100% 62%);--ss-color-accent-soft: hsl(152 100% 50% / .14);--ss-color-accent-soft-hover: hsl(152 100% 50% / .22);--ss-color-accent-fg: hsl(152 100% 50%);--ss-color-accent-on: hsl(0 0% 2%);--ss-color-accent-border: hsl(152 100% 50% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Orbitron", "Rajdhani", sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Orbitron", "Rajdhani", sans-serif}}@layer ss-theme{:root[data-theme=surf-paper-book],[data-theme=surf-paper-book]{color-scheme:light;--ss-color-canvas: hsl(42 50% 96%);--ss-color-canvas-subtle: hsl(42 31% 94%);--ss-color-surface: hsl(42 50% 96%);--ss-color-surface-raised: hsl(42 50% 96%);--ss-color-surface-sunken: hsl(43 38% 89%);--ss-color-surface-hover: hsl(45 30% 79%);--ss-color-surface-active: hsl(46 23% 74%);--ss-color-surface-selected: hsl(45 30% 79%);--ss-color-overlay: hsl(42 50% 6% / .72);--ss-color-fg: hsl(40 11% 16%);--ss-color-fg-muted: hsl(40 11% 16%);--ss-color-fg-subtle: hsl(42 5% 40%);--ss-color-fg-inverted: hsl(42 50% 96%);--ss-color-border: hsl(45 30% 79%);--ss-color-border-subtle: hsl(44 33% 86%);--ss-color-border-strong: hsl(45 16% 65%);--ss-color-focus-ring: hsl(25 76% 31%);--ss-color-brand: hsl(25 76% 31%);--ss-color-brand-hover: hsl(25 76% 27%);--ss-color-brand-active: hsl(25 77% 24%);--ss-color-brand-soft: hsl(25 76% 31% / .14);--ss-color-brand-soft-hover: hsl(25 76% 31% / .22);--ss-color-brand-fg: hsl(25 76% 31%);--ss-color-brand-on: hsl(42 50% 96%);--ss-color-brand-border: hsl(25 76% 31% / .38);--ss-color-accent: hsl(25 76% 31%);--ss-color-accent-hover: hsl(25 76% 27%);--ss-color-accent-active: hsl(25 77% 24%);--ss-color-accent-soft: hsl(25 76% 31% / .14);--ss-color-accent-soft-hover: hsl(25 76% 31% / .22);--ss-color-accent-fg: hsl(25 76% 31%);--ss-color-accent-on: hsl(42 50% 96%);--ss-color-accent-border: hsl(25 76% 31% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Lora", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Lora", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-nord-frost],[data-theme=surf-nord-frost]{color-scheme:dark;--ss-color-canvas: hsl(220 16% 22%);--ss-color-canvas-subtle: hsl(219 14% 24%);--ss-color-surface: hsl(220 16% 22%);--ss-color-surface-raised: hsl(220 16% 22%);--ss-color-surface-sunken: hsl(222 16% 28%);--ss-color-surface-hover: hsl(220 16% 36%);--ss-color-surface-active: hsl(221 14% 40%);--ss-color-surface-selected: hsl(220 16% 36%);--ss-color-overlay: hsl(220 16% 6% / .72);--ss-color-fg: hsl(218 27% 94%);--ss-color-fg-muted: hsl(218 27% 94%);--ss-color-fg-subtle: hsl(218 8% 72%);--ss-color-fg-inverted: hsl(220 16% 22%);--ss-color-border: hsl(220 17% 32%);--ss-color-border-subtle: hsl(222 17% 27%);--ss-color-border-strong: hsl(219 10% 45%);--ss-color-focus-ring: hsl(193 43% 67%);--ss-color-brand: hsl(193 43% 67%);--ss-color-brand-hover: hsl(193 44% 71%);--ss-color-brand-active: hsl(193 43% 75%);--ss-color-brand-soft: hsl(193 43% 67% / .14);--ss-color-brand-soft-hover: hsl(193 43% 67% / .22);--ss-color-brand-fg: hsl(193 43% 67%);--ss-color-brand-on: hsl(220 16% 22%);--ss-color-brand-border: hsl(193 43% 67% / .38);--ss-color-accent: hsl(193 43% 67%);--ss-color-accent-hover: hsl(193 44% 71%);--ss-color-accent-active: hsl(193 43% 75%);--ss-color-accent-soft: hsl(193 43% 67% / .14);--ss-color-accent-soft-hover: hsl(193 43% 67% / .22);--ss-color-accent-fg: hsl(193 43% 67%);--ss-color-accent-on: hsl(220 16% 22%);--ss-color-accent-border: hsl(193 43% 67% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Inter", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Inter", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-dracula],[data-theme=surf-dracula]{color-scheme:dark;--ss-color-canvas: hsl(231 15% 18%);--ss-color-canvas-subtle: hsl(231 13% 21%);--ss-color-surface: hsl(231 15% 18%);--ss-color-surface-raised: hsl(231 15% 18%);--ss-color-surface-sunken: hsl(232 14% 31%);--ss-color-surface-hover: hsl(225 27% 51%);--ss-color-surface-active: hsl(225 26% 55%);--ss-color-surface-selected: hsl(225 27% 51%);--ss-color-overlay: hsl(231 15% 6% / .72);--ss-color-fg: hsl(60 30% 96%);--ss-color-fg-muted: hsl(60 30% 96%);--ss-color-fg-subtle: hsl(0 0% 73%);--ss-color-fg-inverted: hsl(231 15% 18%);--ss-color-border: hsl(225 27% 51%);--ss-color-border-subtle: hsl(226 23% 37%);--ss-color-border-strong: hsl(226 25% 61%);--ss-color-focus-ring: hsl(326 100% 74%);--ss-color-brand: hsl(265 89% 78%);--ss-color-brand-hover: hsl(265 90% 80%);--ss-color-brand-active: hsl(265 89% 83%);--ss-color-brand-soft: hsl(265 89% 78% / .14);--ss-color-brand-soft-hover: hsl(265 89% 78% / .22);--ss-color-brand-fg: hsl(265 89% 78%);--ss-color-brand-on: hsl(231 15% 18%);--ss-color-brand-border: hsl(265 89% 78% / .38);--ss-color-accent: hsl(326 100% 74%);--ss-color-accent-hover: hsl(325 100% 77%);--ss-color-accent-active: hsl(325 100% 80%);--ss-color-accent-soft: hsl(326 100% 74% / .14);--ss-color-accent-soft-hover: hsl(326 100% 74% / .22);--ss-color-accent-fg: hsl(326 100% 74%);--ss-color-accent-on: hsl(231 15% 18%);--ss-color-accent-border: hsl(326 100% 74% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Fira Sans", system-ui, sans-serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Fira Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-solarized-light],[data-theme=surf-solarized-light]{color-scheme:light;--ss-color-canvas: hsl(44 87% 94%);--ss-color-canvas-subtle: hsl(45 63% 93%);--ss-color-surface: hsl(44 87% 94%);--ss-color-surface-raised: hsl(44 87% 94%);--ss-color-surface-sunken: hsl(46 42% 88%);--ss-color-surface-hover: hsl(180 7% 60%);--ss-color-surface-active: hsl(180 7% 59%);--ss-color-surface-selected: hsl(180 7% 60%);--ss-color-overlay: hsl(44 87% 6% / .72);--ss-color-fg: hsl(194 14% 40%);--ss-color-fg-muted: hsl(194 14% 40%);--ss-color-fg-subtle: hsl(175 6% 57%);--ss-color-fg-inverted: hsl(44 87% 94%);--ss-color-border: hsl(180 7% 60%);--ss-color-border-subtle: hsl(90 7% 76%);--ss-color-border-strong: hsl(184 8% 56%);--ss-color-focus-ring: hsl(205 69% 49%);--ss-color-brand: hsl(205 69% 49%);--ss-color-brand-hover: hsl(205 70% 43%);--ss-color-brand-active: hsl(205 69% 37%);--ss-color-brand-soft: hsl(205 69% 49% / .14);--ss-color-brand-soft-hover: hsl(205 69% 49% / .22);--ss-color-brand-fg: hsl(205 69% 49%);--ss-color-brand-on: hsl(44 87% 94%);--ss-color-brand-border: hsl(205 69% 49% / .38);--ss-color-accent: hsl(205 69% 49%);--ss-color-accent-hover: hsl(205 70% 43%);--ss-color-accent-active: hsl(205 69% 37%);--ss-color-accent-soft: hsl(205 69% 49% / .14);--ss-color-accent-soft-hover: hsl(205 69% 49% / .22);--ss-color-accent-fg: hsl(205 69% 49%);--ss-color-accent-on: hsl(44 87% 94%);--ss-color-accent-border: hsl(205 69% 49% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "IBM Plex Sans", system-ui, sans-serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "IBM Plex Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-tokyo-night],[data-theme=surf-tokyo-night]{color-scheme:dark;--ss-color-canvas: hsl(235 19% 13%);--ss-color-canvas-subtle: hsl(235 17% 15%);--ss-color-surface: hsl(235 19% 13%);--ss-color-surface-raised: hsl(235 19% 13%);--ss-color-surface-sunken: hsl(230 24% 19%);--ss-color-surface-hover: hsl(229 23% 33%);--ss-color-surface-active: hsl(229 21% 37%);--ss-color-surface-selected: hsl(229 23% 33%);--ss-color-overlay: hsl(235 19% 6% / .72);--ss-color-fg: hsl(229 73% 86%);--ss-color-fg-muted: hsl(229 73% 86%);--ss-color-fg-subtle: hsl(228 22% 64%);--ss-color-fg-inverted: hsl(235 19% 13%);--ss-color-border: hsl(229 23% 33%);--ss-color-border-subtle: hsl(229 22% 24%);--ss-color-border-strong: hsl(229 18% 45%);--ss-color-focus-ring: hsl(261 85% 79%);--ss-color-brand: hsl(221 89% 72%);--ss-color-brand-hover: hsl(221 89% 76%);--ss-color-brand-active: hsl(221 89% 79%);--ss-color-brand-soft: hsl(221 89% 72% / .14);--ss-color-brand-soft-hover: hsl(221 89% 72% / .22);--ss-color-brand-fg: hsl(221 89% 72%);--ss-color-brand-on: hsl(235 19% 13%);--ss-color-brand-border: hsl(221 89% 72% / .38);--ss-color-accent: hsl(261 85% 79%);--ss-color-accent-hover: hsl(261 85% 81%);--ss-color-accent-active: hsl(261 86% 84%);--ss-color-accent-soft: hsl(261 85% 79% / .14);--ss-color-accent-soft-hover: hsl(261 85% 79% / .22);--ss-color-accent-fg: hsl(261 85% 79%);--ss-color-accent-on: hsl(235 19% 13%);--ss-color-accent-border: hsl(261 85% 79% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Inter", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Inter", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-catppuccin-mocha],[data-theme=surf-catppuccin-mocha]{color-scheme:dark;--ss-color-canvas: hsl(240 21% 15%);--ss-color-canvas-subtle: hsl(236 20% 17%);--ss-color-surface: hsl(240 21% 15%);--ss-color-surface-raised: hsl(240 21% 15%);--ss-color-surface-sunken: hsl(237 16% 23%);--ss-color-surface-hover: hsl(234 13% 31%);--ss-color-surface-active: hsl(235 12% 36%);--ss-color-surface-selected: hsl(234 13% 31%);--ss-color-overlay: hsl(240 21% 6% / .72);--ss-color-fg: hsl(226 64% 88%);--ss-color-fg-muted: hsl(226 64% 88%);--ss-color-fg-subtle: hsl(229 19% 66%);--ss-color-fg-inverted: hsl(240 21% 15%);--ss-color-border: hsl(234 13% 31%);--ss-color-border-subtle: hsl(234 16% 24%);--ss-color-border-strong: hsl(233 11% 44%);--ss-color-focus-ring: hsl(316 72% 86%);--ss-color-brand: hsl(267 84% 81%);--ss-color-brand-hover: hsl(267 84% 83%);--ss-color-brand-active: hsl(267 84% 85%);--ss-color-brand-soft: hsl(267 84% 81% / .14);--ss-color-brand-soft-hover: hsl(267 84% 81% / .22);--ss-color-brand-fg: hsl(267 84% 81%);--ss-color-brand-on: hsl(240 21% 15%);--ss-color-brand-border: hsl(267 84% 81% / .38);--ss-color-accent: hsl(316 72% 86%);--ss-color-accent-hover: hsl(316 71% 88%);--ss-color-accent-active: hsl(316 70% 89%);--ss-color-accent-soft: hsl(316 72% 86% / .14);--ss-color-accent-soft-hover: hsl(316 72% 86% / .22);--ss-color-accent-fg: hsl(316 72% 86%);--ss-color-accent-on: hsl(240 21% 15%);--ss-color-accent-border: hsl(316 72% 86% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Manrope", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Manrope", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-desert-sand],[data-theme=surf-desert-sand]{color-scheme:light;--ss-color-canvas: hsl(35 69% 94%);--ss-color-canvas-subtle: hsl(37 53% 92%);--ss-color-surface: hsl(35 69% 94%);--ss-color-surface-raised: hsl(35 69% 94%);--ss-color-surface-sunken: hsl(38 54% 84%);--ss-color-surface-hover: hsl(36 51% 70%);--ss-color-surface-active: hsl(35 45% 66%);--ss-color-surface-selected: hsl(36 51% 70%);--ss-color-overlay: hsl(35 69% 6% / .72);--ss-color-fg: hsl(28 51% 24%);--ss-color-fg-muted: hsl(28 51% 24%);--ss-color-fg-subtle: hsl(30 22% 45%);--ss-color-fg-inverted: hsl(35 69% 94%);--ss-color-border: hsl(36 51% 70%);--ss-color-border-subtle: hsl(35 54% 81%);--ss-color-border-strong: hsl(34 37% 60%);--ss-color-focus-ring: hsl(17 88% 40%);--ss-color-brand: hsl(17 88% 40%);--ss-color-brand-hover: hsl(17 88% 36%);--ss-color-brand-active: hsl(17 88% 31%);--ss-color-brand-soft: hsl(17 88% 40% / .14);--ss-color-brand-soft-hover: hsl(17 88% 40% / .22);--ss-color-brand-fg: hsl(17 88% 40%);--ss-color-brand-on: hsl(35 69% 94%);--ss-color-brand-border: hsl(17 88% 40% / .38);--ss-color-accent: hsl(17 88% 40%);--ss-color-accent-hover: hsl(17 88% 36%);--ss-color-accent-active: hsl(17 88% 31%);--ss-color-accent-soft: hsl(17 88% 40% / .14);--ss-color-accent-soft-hover: hsl(17 88% 40% / .22);--ss-color-accent-fg: hsl(17 88% 40%);--ss-color-accent-on: hsl(35 69% 94%);--ss-color-accent-border: hsl(17 88% 40% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Spectral", Georgia, serif;--ss-font-mono: "DM Mono", monospace;--ss-font-display: "Spectral", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-midnight-copper],[data-theme=surf-midnight-copper]{color-scheme:dark;--ss-color-canvas: hsl(20 16% 4%);--ss-color-canvas-subtle: hsl(15 13% 6%);--ss-color-surface: hsl(20 16% 4%);--ss-color-surface-raised: hsl(20 16% 4%);--ss-color-surface-sunken: hsl(27 20% 9%);--ss-color-surface-hover: hsl(30 27% 13%);--ss-color-surface-active: hsl(30 21% 19%);--ss-color-surface-selected: hsl(30 27% 13%);--ss-color-overlay: hsl(20 16% 6% / .72);--ss-color-fg: hsl(36 68% 85%);--ss-color-fg-muted: hsl(36 68% 85%);--ss-color-fg-subtle: hsl(36 18% 61%);--ss-color-fg-inverted: hsl(20 16% 4%);--ss-color-border: hsl(30 27% 13%);--ss-color-border-subtle: hsl(27 24% 9%);--ss-color-border-strong: hsl(34 17% 29%);--ss-color-focus-ring: hsl(15 63% 60%);--ss-color-brand: hsl(15 63% 60%);--ss-color-brand-hover: hsl(15 64% 65%);--ss-color-brand-active: hsl(15 63% 69%);--ss-color-brand-soft: hsl(15 63% 60% / .14);--ss-color-brand-soft-hover: hsl(15 63% 60% / .22);--ss-color-brand-fg: hsl(15 63% 60%);--ss-color-brand-on: hsl(20 16% 4%);--ss-color-brand-border: hsl(15 63% 60% / .38);--ss-color-accent: hsl(15 63% 60%);--ss-color-accent-hover: hsl(15 64% 65%);--ss-color-accent-active: hsl(15 63% 69%);--ss-color-accent-soft: hsl(15 63% 60% / .14);--ss-color-accent-soft-hover: hsl(15 63% 60% / .22);--ss-color-accent-fg: hsl(15 63% 60%);--ss-color-accent-on: hsl(20 16% 4%);--ss-color-accent-border: hsl(15 63% 60% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "DM Sans", system-ui, sans-serif;--ss-font-mono: "DM Mono", monospace;--ss-font-display: "DM Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-editorial],[data-theme=surf-editorial]{color-scheme:light;--ss-color-canvas: hsl(60 11% 98%);--ss-color-canvas-subtle: hsl(60 4% 95%);--ss-color-surface: hsl(60 11% 98%);--ss-color-surface-raised: hsl(60 11% 98%);--ss-color-surface-sunken: hsl(40 9% 93%);--ss-color-surface-hover: hsl(47 18% 80%);--ss-color-surface-active: hsl(49 13% 75%);--ss-color-surface-selected: hsl(47 18% 80%);--ss-color-overlay: hsl(60 11% 6% / .72);--ss-color-fg: hsl(60 4% 11%);--ss-color-fg-muted: hsl(60 4% 11%);--ss-color-fg-subtle: hsl(60 1% 37%);--ss-color-fg-inverted: hsl(60 11% 98%);--ss-color-border: hsl(47 18% 80%);--ss-color-border-subtle: hsl(44 19% 88%);--ss-color-border-strong: hsl(47 8% 65%);--ss-color-focus-ring: hsl(343 80% 35%);--ss-color-brand: hsl(343 80% 35%);--ss-color-brand-hover: hsl(344 79% 31%);--ss-color-brand-active: hsl(344 79% 26%);--ss-color-brand-soft: hsl(343 80% 35% / .14);--ss-color-brand-soft-hover: hsl(343 80% 35% / .22);--ss-color-brand-fg: hsl(343 80% 35%);--ss-color-brand-on: hsl(60 11% 98%);--ss-color-brand-border: hsl(343 80% 35% / .38);--ss-color-accent: hsl(343 80% 35%);--ss-color-accent-hover: hsl(344 79% 31%);--ss-color-accent-active: hsl(344 79% 26%);--ss-color-accent-soft: hsl(343 80% 35% / .14);--ss-color-accent-soft-hover: hsl(343 80% 35% / .22);--ss-color-accent-fg: hsl(343 80% 35%);--ss-color-accent-on: hsl(60 11% 98%);--ss-color-accent-border: hsl(343 80% 35% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Fraunces", "Lora", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Fraunces", "Lora", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-terminal-green],[data-theme=surf-terminal-green]{color-scheme:dark;--ss-color-canvas: hsl(0 0% 0%);--ss-color-canvas-subtle: hsl(120 60% 2%);--ss-color-surface: hsl(0 0% 0%);--ss-color-surface-raised: hsl(0 0% 0%);--ss-color-surface-sunken: hsl(120 44% 7%);--ss-color-surface-hover: hsl(120 47% 11%);--ss-color-surface-active: hsl(120 53% 15%);--ss-color-surface-selected: hsl(120 47% 11%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(120 100% 60%);--ss-color-fg-muted: hsl(120 100% 60%);--ss-color-fg-subtle: hsl(120 67% 42%);--ss-color-fg-inverted: hsl(0 0% 0%);--ss-color-border: hsl(120 47% 11%);--ss-color-border-subtle: hsl(120 48% 6%);--ss-color-border-strong: hsl(120 59% 22%);--ss-color-focus-ring: hsl(120 100% 60%);--ss-color-brand: hsl(120 100% 60%);--ss-color-brand-hover: hsl(120 100% 65%);--ss-color-brand-active: hsl(120 100% 70%);--ss-color-brand-soft: hsl(120 100% 60% / .14);--ss-color-brand-soft-hover: hsl(120 100% 60% / .22);--ss-color-brand-fg: hsl(120 100% 60%);--ss-color-brand-on: hsl(0 0% 0%);--ss-color-brand-border: hsl(120 100% 60% / .38);--ss-color-accent: hsl(120 100% 60%);--ss-color-accent-hover: hsl(120 100% 65%);--ss-color-accent-active: hsl(120 100% 70%);--ss-color-accent-soft: hsl(120 100% 60% / .14);--ss-color-accent-soft-hover: hsl(120 100% 60% / .22);--ss-color-accent-fg: hsl(120 100% 60%);--ss-color-accent-on: hsl(0 0% 0%);--ss-color-accent-border: hsl(120 100% 60% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "IBM Plex Mono", monospace;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "IBM Plex Mono", monospace}}@layer ss-theme{:root[data-theme=surf-aurora],[data-theme=surf-aurora]{color-scheme:dark;--ss-color-canvas: hsl(226 51% 8%);--ss-color-canvas-subtle: hsl(226 38% 11%);--ss-color-surface: hsl(226 51% 8%);--ss-color-surface-raised: hsl(226 51% 8%);--ss-color-surface-sunken: hsl(225 43% 11%);--ss-color-surface-hover: hsl(226 42% 18%);--ss-color-surface-active: hsl(225 31% 24%);--ss-color-surface-selected: hsl(226 42% 18%);--ss-color-overlay: hsl(226 51% 6% / .72);--ss-color-fg: hsl(211 100% 95%);--ss-color-fg-muted: hsl(211 100% 95%);--ss-color-fg-subtle: hsl(216 16% 69%);--ss-color-fg-inverted: hsl(226 51% 8%);--ss-color-border: hsl(226 42% 18%);--ss-color-border-subtle: hsl(226 44% 13%);--ss-color-border-strong: hsl(223 20% 35%);--ss-color-focus-ring: hsl(186 94% 82%);--ss-color-brand: hsl(171 77% 64%);--ss-color-brand-hover: hsl(170 78% 69%);--ss-color-brand-active: hsl(170 77% 73%);--ss-color-brand-soft: hsl(171 77% 64% / .14);--ss-color-brand-soft-hover: hsl(171 77% 64% / .22);--ss-color-brand-fg: hsl(171 77% 64%);--ss-color-brand-on: hsl(226 51% 8%);--ss-color-brand-border: hsl(171 77% 64% / .38);--ss-color-accent: hsl(186 94% 82%);--ss-color-accent-hover: hsl(186 93% 84%);--ss-color-accent-active: hsl(186 94% 86%);--ss-color-accent-soft: hsl(186 94% 82% / .14);--ss-color-accent-soft-hover: hsl(186 94% 82% / .22);--ss-color-accent-fg: hsl(186 94% 82%);--ss-color-accent-on: hsl(226 51% 8%);--ss-color-accent-border: hsl(186 94% 82% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Cormorant Garamond", Georgia, serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Cormorant Garamond", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-shibui],[data-theme=surf-shibui]{color-scheme:light;--ss-color-canvas: hsl(40 31% 94%);--ss-color-canvas-subtle: hsl(40 21% 92%);--ss-color-surface: hsl(40 31% 94%);--ss-color-surface-raised: hsl(40 31% 94%);--ss-color-surface-sunken: hsl(40 23% 90%);--ss-color-surface-hover: hsl(40 24% 80%);--ss-color-surface-active: hsl(39 18% 75%);--ss-color-surface-selected: hsl(40 24% 80%);--ss-color-overlay: hsl(40 31% 6% / .72);--ss-color-fg: hsl(33 21% 8%);--ss-color-fg-muted: hsl(33 21% 8%);--ss-color-fg-subtle: hsl(33 5% 34%);--ss-color-fg-inverted: hsl(40 31% 94%);--ss-color-border: hsl(40 24% 80%);--ss-color-border-subtle: hsl(40 26% 87%);--ss-color-border-strong: hsl(40 12% 65%);--ss-color-focus-ring: hsl(0 63% 31%);--ss-color-brand: hsl(0 63% 31%);--ss-color-brand-hover: hsl(0 62% 27%);--ss-color-brand-active: hsl(0 63% 23%);--ss-color-brand-soft: hsl(0 63% 31% / .14);--ss-color-brand-soft-hover: hsl(0 63% 31% / .22);--ss-color-brand-fg: hsl(0 63% 31%);--ss-color-brand-on: hsl(40 31% 94%);--ss-color-brand-border: hsl(0 63% 31% / .38);--ss-color-accent: hsl(0 63% 31%);--ss-color-accent-hover: hsl(0 62% 27%);--ss-color-accent-active: hsl(0 63% 23%);--ss-color-accent-soft: hsl(0 63% 31% / .14);--ss-color-accent-soft-hover: hsl(0 63% 31% / .22);--ss-color-accent-fg: hsl(0 63% 31%);--ss-color-accent-on: hsl(40 31% 94%);--ss-color-accent-border: hsl(0 63% 31% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Shippori Mincho", "Lora", serif;--ss-font-mono: "Noto Sans Mono", monospace;--ss-font-display: "Shippori Mincho", "Lora", serif}}@layer ss-theme{:root[data-theme=surf-moon],[data-theme=surf-moon]{color-scheme:light;--ss-color-canvas: hsl(216 45% 98%);--ss-color-canvas-subtle: hsl(210 25% 95%);--ss-color-surface: hsl(216 45% 98%);--ss-color-surface-raised: hsl(216 45% 98%);--ss-color-surface-sunken: hsl(216 31% 94%);--ss-color-surface-hover: hsl(213 34% 87%);--ss-color-surface-active: hsl(214 25% 82%);--ss-color-surface-selected: hsl(213 34% 87%);--ss-color-overlay: hsl(216 45% 6% / .72);--ss-color-fg: hsl(216 37% 16%);--ss-color-fg-muted: hsl(216 37% 16%);--ss-color-fg-subtle: hsl(217 11% 41%);--ss-color-fg-inverted: hsl(216 45% 98%);--ss-color-border: hsl(213 34% 87%);--ss-color-border-subtle: hsl(214 35% 92%);--ss-color-border-strong: hsl(212 17% 72%);--ss-color-focus-ring: hsl(218 30% 60%);--ss-color-brand: hsl(218 30% 60%);--ss-color-brand-hover: hsl(218 22% 53%);--ss-color-brand-active: hsl(218 20% 46%);--ss-color-brand-soft: hsl(218 30% 60% / .14);--ss-color-brand-soft-hover: hsl(218 30% 60% / .22);--ss-color-brand-fg: hsl(218 30% 60%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(218 30% 60% / .38);--ss-color-accent: hsl(218 30% 60%);--ss-color-accent-hover: hsl(218 22% 53%);--ss-color-accent-active: hsl(218 20% 46%);--ss-color-accent-soft: hsl(218 30% 60% / .14);--ss-color-accent-soft-hover: hsl(218 30% 60% / .22);--ss-color-accent-fg: hsl(218 30% 60%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(218 30% 60% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Inter", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Inter", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-onyx],[data-theme=surf-onyx]{color-scheme:dark;--ss-color-canvas: hsl(0 0% 0%);--ss-color-canvas-subtle: hsl(0 0% 3%);--ss-color-surface: hsl(0 0% 0%);--ss-color-surface-raised: hsl(0 0% 0%);--ss-color-surface-sunken: hsl(0 0% 5%);--ss-color-surface-hover: hsl(0 0% 10%);--ss-color-surface-active: hsl(0 0% 17%);--ss-color-surface-selected: hsl(0 0% 10%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(0 0% 100%);--ss-color-fg-muted: hsl(0 0% 100%);--ss-color-fg-subtle: hsl(0 0% 70%);--ss-color-fg-inverted: hsl(0 0% 0%);--ss-color-border: hsl(0 0% 10%);--ss-color-border-subtle: hsl(0 0% 5%);--ss-color-border-strong: hsl(0 0% 30%);--ss-color-focus-ring: hsl(0 0% 100%);--ss-color-brand: hsl(220 13% 91%);--ss-color-brand-hover: hsl(216 12% 92%);--ss-color-brand-active: hsl(216 14% 93%);--ss-color-brand-soft: hsl(220 13% 91% / .14);--ss-color-brand-soft-hover: hsl(220 13% 91% / .22);--ss-color-brand-fg: hsl(220 13% 91%);--ss-color-brand-on: hsl(0 0% 0%);--ss-color-brand-border: hsl(220 13% 91% / .38);--ss-color-accent: hsl(0 0% 100%);--ss-color-accent-hover: hsl(0 0% 100%);--ss-color-accent-active: hsl(0 0% 100%);--ss-color-accent-soft: hsl(0 0% 100% / .14);--ss-color-accent-soft-hover: hsl(0 0% 100% / .22);--ss-color-accent-fg: hsl(0 0% 100%);--ss-color-accent-on: hsl(0 0% 0%);--ss-color-accent-border: hsl(0 0% 100% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Archivo", system-ui, sans-serif;--ss-font-mono: "Source Code Pro", monospace;--ss-font-display: "Archivo", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-sakura],[data-theme=surf-sakura]{color-scheme:light;--ss-color-canvas: hsl(336 100% 98%);--ss-color-canvas-subtle: hsl(336 45% 96%);--ss-color-surface: hsl(336 100% 98%);--ss-color-surface-raised: hsl(336 100% 98%);--ss-color-surface-sunken: hsl(326 78% 95%);--ss-color-surface-hover: hsl(326 85% 90%);--ss-color-surface-active: hsl(327 53% 84%);--ss-color-surface-selected: hsl(326 85% 90%);--ss-color-overlay: hsl(336 100% 6% / .72);--ss-color-fg: hsl(332 33% 18%);--ss-color-fg-muted: hsl(332 33% 18%);--ss-color-fg-subtle: hsl(332 11% 42%);--ss-color-fg-inverted: hsl(336 100% 98%);--ss-color-border: hsl(326 85% 90%);--ss-color-border-subtle: hsl(327 88% 94%);--ss-color-border-strong: hsl(326 31% 74%);--ss-color-focus-ring: hsl(330 81% 60%);--ss-color-brand: hsl(330 81% 60%);--ss-color-brand-hover: hsl(330 61% 53%);--ss-color-brand-active: hsl(330 53% 46%);--ss-color-brand-soft: hsl(330 81% 60% / .14);--ss-color-brand-soft-hover: hsl(330 81% 60% / .22);--ss-color-brand-fg: hsl(330 81% 60%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(330 81% 60% / .38);--ss-color-accent: hsl(330 81% 60%);--ss-color-accent-hover: hsl(330 61% 53%);--ss-color-accent-active: hsl(330 53% 46%);--ss-color-accent-soft: hsl(330 81% 60% / .14);--ss-color-accent-soft-hover: hsl(330 81% 60% / .22);--ss-color-accent-fg: hsl(330 81% 60%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(330 81% 60% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Quicksand", system-ui, sans-serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Quicksand", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-peacock],[data-theme=surf-peacock]{color-scheme:dark;--ss-color-canvas: hsl(210 73% 15%);--ss-color-canvas-subtle: hsl(210 60% 17%);--ss-color-surface: hsl(210 73% 15%);--ss-color-surface-raised: hsl(210 73% 15%);--ss-color-surface-sunken: hsl(208 73% 22%);--ss-color-surface-hover: hsl(199 62% 31%);--ss-color-surface-active: hsl(199 49% 35%);--ss-color-surface-selected: hsl(199 62% 31%);--ss-color-overlay: hsl(210 73% 6% / .72);--ss-color-fg: hsl(167 39% 93%);--ss-color-fg-muted: hsl(167 39% 93%);--ss-color-fg-subtle: hsl(195 15% 69%);--ss-color-fg-inverted: hsl(210 73% 15%);--ss-color-border: hsl(199 62% 31%);--ss-color-border-subtle: hsl(203 65% 23%);--ss-color-border-strong: hsl(198 34% 44%);--ss-color-focus-ring: hsl(46 65% 52%);--ss-color-brand: hsl(173 80% 40%);--ss-color-brand-hover: hsl(173 60% 47%);--ss-color-brand-active: hsl(173 54% 54%);--ss-color-brand-soft: hsl(173 80% 40% / .14);--ss-color-brand-soft-hover: hsl(173 80% 40% / .22);--ss-color-brand-fg: hsl(173 80% 40%);--ss-color-brand-on: hsl(210 73% 15%);--ss-color-brand-border: hsl(173 80% 40% / .38);--ss-color-accent: hsl(46 65% 52%);--ss-color-accent-hover: hsl(46 64% 58%);--ss-color-accent-active: hsl(46 64% 64%);--ss-color-accent-soft: hsl(46 65% 52% / .14);--ss-color-accent-soft-hover: hsl(46 65% 52% / .22);--ss-color-accent-fg: hsl(46 65% 52%);--ss-color-accent-on: hsl(210 73% 15%);--ss-color-accent-border: hsl(46 65% 52% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Playfair Display", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Playfair Display", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-volcano],[data-theme=surf-volcano]{color-scheme:dark;--ss-color-canvas: hsl(0 44% 7%);--ss-color-canvas-subtle: hsl(4 35% 10%);--ss-color-surface: hsl(0 44% 7%);--ss-color-surface-raised: hsl(0 44% 7%);--ss-color-surface-sunken: hsl(0 38% 13%);--ss-color-surface-hover: hsl(0 45% 19%);--ss-color-surface-active: hsl(1 34% 25%);--ss-color-surface-selected: hsl(0 45% 19%);--ss-color-overlay: hsl(0 44% 6% / .72);--ss-color-fg: hsl(31 100% 91%);--ss-color-fg-muted: hsl(31 100% 91%);--ss-color-fg-subtle: hsl(26 21% 66%);--ss-color-fg-inverted: hsl(0 44% 7%);--ss-color-border: hsl(0 45% 19%);--ss-color-border-subtle: hsl(0 45% 14%);--ss-color-border-strong: hsl(7 25% 35%);--ss-color-focus-ring: hsl(25 95% 53%);--ss-color-brand: hsl(0 72% 51%);--ss-color-brand-hover: hsl(0 72% 56%);--ss-color-brand-active: hsl(0 72% 62%);--ss-color-brand-soft: hsl(0 72% 51% / .14);--ss-color-brand-soft-hover: hsl(0 72% 51% / .22);--ss-color-brand-fg: hsl(0 72% 51%);--ss-color-brand-on: hsl(0 44% 7%);--ss-color-brand-border: hsl(0 72% 51% / .38);--ss-color-accent: hsl(25 95% 53%);--ss-color-accent-hover: hsl(25 95% 59%);--ss-color-accent-active: hsl(25 95% 64%);--ss-color-accent-soft: hsl(25 95% 53% / .14);--ss-color-accent-soft-hover: hsl(25 95% 53% / .22);--ss-color-accent-fg: hsl(25 95% 53%);--ss-color-accent-on: hsl(0 44% 7%);--ss-color-accent-border: hsl(25 95% 53% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Rajdhani", system-ui, sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Rajdhani", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-pastel-candy],[data-theme=surf-pastel-candy]{color-scheme:light;--ss-color-canvas: hsl(288 100% 99%);--ss-color-canvas-subtle: hsl(280 37% 97%);--ss-color-surface: hsl(288 100% 99%);--ss-color-surface-raised: hsl(288 100% 99%);--ss-color-surface-sunken: hsl(269 100% 95%);--ss-color-surface-hover: hsl(296 100% 95%);--ss-color-surface-active: hsl(294 50% 89%);--ss-color-surface-selected: hsl(296 100% 95%);--ss-color-overlay: hsl(288 100% 6% / .72);--ss-color-fg: hsl(279 28% 23%);--ss-color-fg-muted: hsl(279 28% 23%);--ss-color-fg-subtle: hsl(280 10% 45%);--ss-color-fg-inverted: hsl(288 100% 99%);--ss-color-border: hsl(267 100% 92%);--ss-color-border-subtle: hsl(269 100% 95%);--ss-color-border-strong: hsl(270 33% 76%);--ss-color-focus-ring: hsl(255 92% 76%);--ss-color-brand: hsl(255 92% 76%);--ss-color-brand-hover: hsl(255 58% 67%);--ss-color-brand-active: hsl(255 39% 58%);--ss-color-brand-soft: hsl(255 92% 76% / .14);--ss-color-brand-soft-hover: hsl(255 92% 76% / .22);--ss-color-brand-fg: hsl(255 92% 76%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(255 92% 76% / .38);--ss-color-accent: hsl(255 92% 76%);--ss-color-accent-hover: hsl(255 58% 67%);--ss-color-accent-active: hsl(255 39% 58%);--ss-color-accent-soft: hsl(255 92% 76% / .14);--ss-color-accent-soft-hover: hsl(255 92% 76% / .22);--ss-color-accent-fg: hsl(255 92% 76%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(255 92% 76% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Nunito", system-ui, sans-serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Nunito", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-mono-slate],[data-theme=surf-mono-slate]{color-scheme:light;--ss-color-canvas: hsl(210 17% 98%);--ss-color-canvas-subtle: hsl(210 8% 95%);--ss-color-surface: hsl(210 17% 98%);--ss-color-surface-raised: hsl(210 17% 98%);--ss-color-surface-sunken: hsl(210 16% 93%);--ss-color-surface-hover: hsl(210 14% 83%);--ss-color-surface-active: hsl(210 11% 78%);--ss-color-surface-selected: hsl(210 14% 83%);--ss-color-overlay: hsl(210 17% 6% / .72);--ss-color-fg: hsl(210 11% 15%);--ss-color-fg-muted: hsl(210 11% 15%);--ss-color-fg-subtle: hsl(210 3% 40%);--ss-color-fg-inverted: hsl(210 17% 98%);--ss-color-border: hsl(210 14% 83%);--ss-color-border-subtle: hsl(206 13% 90%);--ss-color-border-strong: hsl(207 7% 68%);--ss-color-focus-ring: hsl(210 9% 31%);--ss-color-brand: hsl(210 9% 31%);--ss-color-brand-hover: hsl(212 9% 28%);--ss-color-brand-active: hsl(207 9% 24%);--ss-color-brand-soft: hsl(210 9% 31% / .14);--ss-color-brand-soft-hover: hsl(210 9% 31% / .22);--ss-color-brand-fg: hsl(210 9% 31%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(210 9% 31% / .38);--ss-color-accent: hsl(210 9% 31%);--ss-color-accent-hover: hsl(212 9% 28%);--ss-color-accent-active: hsl(207 9% 24%);--ss-color-accent-soft: hsl(210 9% 31% / .14);--ss-color-accent-soft-hover: hsl(210 9% 31% / .22);--ss-color-accent-fg: hsl(210 9% 31%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(210 9% 31% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Inter", system-ui, sans-serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Inter", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-solarized-sun],[data-theme=surf-solarized-sun]{color-scheme:light;--ss-color-canvas: hsl(43 100% 93%);--ss-color-canvas-subtle: hsl(43 83% 91%);--ss-color-surface: hsl(43 100% 93%);--ss-color-surface-raised: hsl(43 100% 93%);--ss-color-surface-sunken: hsl(43 95% 85%);--ss-color-surface-hover: hsl(44 84% 76%);--ss-color-surface-active: hsl(44 72% 72%);--ss-color-surface-selected: hsl(44 84% 76%);--ss-color-overlay: hsl(43 100% 6% / .72);--ss-color-fg: hsl(44 100% 24%);--ss-color-fg-muted: hsl(44 100% 24%);--ss-color-fg-subtle: hsl(44 42% 45%);--ss-color-fg-inverted: hsl(43 100% 93%);--ss-color-border: hsl(44 84% 76%);--ss-color-border-subtle: hsl(44 88% 84%);--ss-color-border-strong: hsl(44 59% 65%);--ss-color-focus-ring: hsl(42 67% 48%);--ss-color-brand: hsl(38 80% 56%);--ss-color-brand-hover: hsl(38 63% 49%);--ss-color-brand-active: hsl(38 63% 42%);--ss-color-brand-soft: hsl(38 80% 56% / .14);--ss-color-brand-soft-hover: hsl(38 80% 56% / .22);--ss-color-brand-fg: hsl(38 80% 56%);--ss-color-brand-on: hsl(35 100% 5%);--ss-color-brand-border: hsl(38 80% 56% / .38);--ss-color-accent: hsl(42 67% 48%);--ss-color-accent-hover: hsl(42 67% 42%);--ss-color-accent-active: hsl(43 67% 36%);--ss-color-accent-soft: hsl(42 67% 48% / .14);--ss-color-accent-soft-hover: hsl(42 67% 48% / .22);--ss-color-accent-fg: hsl(42 67% 48%);--ss-color-accent-on: hsl(35 100% 5%);--ss-color-accent-border: hsl(42 67% 48% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "IBM Plex Sans", system-ui, sans-serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "IBM Plex Sans", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-botanical],[data-theme=surf-botanical]{color-scheme:light;--ss-color-canvas: hsl(45 35% 93%);--ss-color-canvas-subtle: hsl(50 26% 91%);--ss-color-surface: hsl(45 35% 93%);--ss-color-surface-raised: hsl(45 35% 93%);--ss-color-surface-sunken: hsl(48 25% 88%);--ss-color-surface-hover: hsl(81 26% 77%);--ss-color-surface-active: hsl(82 21% 73%);--ss-color-surface-selected: hsl(81 26% 77%);--ss-color-overlay: hsl(45 35% 6% / .72);--ss-color-fg: hsl(120 16% 21%);--ss-color-fg-muted: hsl(120 16% 21%);--ss-color-fg-subtle: hsl(104 7% 43%);--ss-color-fg-inverted: hsl(45 35% 93%);--ss-color-border: hsl(81 26% 77%);--ss-color-border-subtle: hsl(74 26% 84%);--ss-color-border-strong: hsl(86 16% 65%);--ss-color-focus-ring: hsl(100 24% 38%);--ss-color-brand: hsl(100 24% 38%);--ss-color-brand-hover: hsl(100 24% 34%);--ss-color-brand-active: hsl(101 25% 29%);--ss-color-brand-soft: hsl(100 24% 38% / .14);--ss-color-brand-soft-hover: hsl(100 24% 38% / .22);--ss-color-brand-fg: hsl(100 24% 38%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(100 24% 38% / .38);--ss-color-accent: hsl(100 24% 38%);--ss-color-accent-hover: hsl(100 24% 34%);--ss-color-accent-active: hsl(101 25% 29%);--ss-color-accent-soft: hsl(100 24% 38% / .14);--ss-color-accent-soft-hover: hsl(100 24% 38% / .22);--ss-color-accent-fg: hsl(100 24% 38%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(100 24% 38% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Lora", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Lora", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-latte],[data-theme=surf-latte]{color-scheme:light;--ss-color-canvas: hsl(36 50% 92%);--ss-color-canvas-subtle: hsl(36 38% 90%);--ss-color-surface: hsl(36 50% 92%);--ss-color-surface-raised: hsl(36 50% 92%);--ss-color-surface-sunken: hsl(39 44% 86%);--ss-color-surface-hover: hsl(34 35% 74%);--ss-color-surface-active: hsl(33 29% 70%);--ss-color-surface-selected: hsl(34 35% 74%);--ss-color-overlay: hsl(36 50% 6% / .72);--ss-color-fg: hsl(25 33% 17%);--ss-color-fg-muted: hsl(25 33% 17%);--ss-color-fg-subtle: hsl(28 13% 40%);--ss-color-fg-inverted: hsl(36 50% 92%);--ss-color-border: hsl(34 35% 74%);--ss-color-border-subtle: hsl(34 38% 82%);--ss-color-border-strong: hsl(33 21% 62%);--ss-color-focus-ring: hsl(29 53% 36%);--ss-color-brand: hsl(29 53% 36%);--ss-color-brand-hover: hsl(29 53% 31%);--ss-color-brand-active: hsl(29 53% 27%);--ss-color-brand-soft: hsl(29 53% 36% / .14);--ss-color-brand-soft-hover: hsl(29 53% 36% / .22);--ss-color-brand-fg: hsl(29 53% 36%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(29 53% 36% / .38);--ss-color-accent: hsl(29 53% 36%);--ss-color-accent-hover: hsl(29 53% 31%);--ss-color-accent-active: hsl(29 53% 27%);--ss-color-accent-soft: hsl(29 53% 36% / .14);--ss-color-accent-soft-hover: hsl(29 53% 36% / .22);--ss-color-accent-fg: hsl(29 53% 36%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(29 53% 36% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Merriweather", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Merriweather", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-synthwave],[data-theme=surf-synthwave]{color-scheme:dark;--ss-color-canvas: hsl(266 61% 11%);--ss-color-canvas-subtle: hsl(268 53% 13%);--ss-color-surface: hsl(266 61% 11%);--ss-color-surface-raised: hsl(266 61% 11%);--ss-color-surface-sunken: hsl(264 59% 20%);--ss-color-surface-hover: hsl(269 61% 30%);--ss-color-surface-active: hsl(270 52% 34%);--ss-color-surface-selected: hsl(269 61% 30%);--ss-color-overlay: hsl(266 61% 6% / .72);--ss-color-fg: hsl(300 100% 86%);--ss-color-fg-muted: hsl(300 100% 86%);--ss-color-fg-subtle: hsl(294 32% 64%);--ss-color-fg-inverted: hsl(266 61% 11%);--ss-color-border: hsl(269 61% 30%);--ss-color-border-subtle: hsl(268 61% 21%);--ss-color-border-strong: hsl(274 40% 42%);--ss-color-focus-ring: hsl(180 100% 50%);--ss-color-brand: hsl(320 100% 50%);--ss-color-brand-hover: hsl(320 100% 56%);--ss-color-brand-active: hsl(320 100% 62%);--ss-color-brand-soft: hsl(320 100% 50% / .14);--ss-color-brand-soft-hover: hsl(320 100% 50% / .22);--ss-color-brand-fg: hsl(320 100% 50%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(320 100% 50% / .38);--ss-color-accent: hsl(180 100% 50%);--ss-color-accent-hover: hsl(180 100% 56%);--ss-color-accent-active: hsl(180 100% 62%);--ss-color-accent-soft: hsl(180 100% 50% / .14);--ss-color-accent-soft-hover: hsl(180 100% 50% / .22);--ss-color-accent-fg: hsl(180 100% 50%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(180 100% 50% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Orbitron", "Rajdhani", sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Orbitron", "Rajdhani", sans-serif}}@layer ss-theme{:root[data-theme=surf-bronze-age],[data-theme=surf-bronze-age]{color-scheme:light;--ss-color-canvas: hsl(37 57% 95%);--ss-color-canvas-subtle: hsl(34 41% 93%);--ss-color-surface: hsl(37 57% 95%);--ss-color-surface-raised: hsl(37 57% 95%);--ss-color-surface-sunken: hsl(40 39% 88%);--ss-color-surface-hover: hsl(29 53% 64%);--ss-color-surface-active: hsl(29 46% 61%);--ss-color-surface-selected: hsl(29 53% 64%);--ss-color-overlay: hsl(37 57% 6% / .72);--ss-color-fg: hsl(25 48% 20%);--ss-color-fg-muted: hsl(25 48% 20%);--ss-color-fg-subtle: hsl(27 18% 42%);--ss-color-fg-inverted: hsl(37 57% 95%);--ss-color-border: hsl(29 53% 64%);--ss-color-border-subtle: hsl(31 53% 78%);--ss-color-border-strong: hsl(29 37% 55%);--ss-color-focus-ring: hsl(29 57% 46%);--ss-color-brand: hsl(29 57% 46%);--ss-color-brand-hover: hsl(29 57% 41%);--ss-color-brand-active: hsl(29 56% 35%);--ss-color-brand-soft: hsl(29 57% 46% / .14);--ss-color-brand-soft-hover: hsl(29 57% 46% / .22);--ss-color-brand-fg: hsl(29 57% 46%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(29 57% 46% / .38);--ss-color-accent: hsl(29 57% 46%);--ss-color-accent-hover: hsl(29 57% 41%);--ss-color-accent-active: hsl(29 56% 35%);--ss-color-accent-soft: hsl(29 57% 46% / .14);--ss-color-accent-soft-hover: hsl(29 57% 46% / .22);--ss-color-accent-fg: hsl(29 57% 46%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(29 57% 46% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Spectral", Georgia, serif;--ss-font-mono: "DM Mono", monospace;--ss-font-display: "Spectral", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-maroon],[data-theme=surf-maroon]{color-scheme:dark;--ss-color-canvas: hsl(0 53% 7%);--ss-color-canvas-subtle: hsl(0 40% 9%);--ss-color-surface: hsl(0 53% 7%);--ss-color-surface-raised: hsl(0 53% 7%);--ss-color-surface-sunken: hsl(354 55% 11%);--ss-color-surface-hover: hsl(348 56% 19%);--ss-color-surface-active: hsl(348 41% 25%);--ss-color-surface-selected: hsl(348 56% 19%);--ss-color-overlay: hsl(0 53% 6% / .72);--ss-color-fg: hsl(353 51% 90%);--ss-color-fg-muted: hsl(353 51% 90%);--ss-color-fg-subtle: hsl(355 13% 65%);--ss-color-fg-inverted: hsl(0 53% 7%);--ss-color-border: hsl(348 56% 19%);--ss-color-border-subtle: hsl(350 55% 13%);--ss-color-border-strong: hsl(347 27% 34%);--ss-color-focus-ring: hsl(351 71% 37%);--ss-color-brand: hsl(351 71% 37%);--ss-color-brand-hover: hsl(351 52% 45%);--ss-color-brand-active: hsl(351 42% 52%);--ss-color-brand-soft: hsl(351 71% 37% / .14);--ss-color-brand-soft-hover: hsl(351 71% 37% / .22);--ss-color-brand-fg: hsl(351 71% 37%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(351 71% 37% / .38);--ss-color-accent: hsl(351 71% 37%);--ss-color-accent-hover: hsl(351 52% 45%);--ss-color-accent-active: hsl(351 42% 52%);--ss-color-accent-soft: hsl(351 71% 37% / .14);--ss-color-accent-soft-hover: hsl(351 71% 37% / .22);--ss-color-accent-fg: hsl(351 71% 37%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(351 71% 37% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Playfair Display", Georgia, serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Playfair Display", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-jade-temple],[data-theme=surf-jade-temple]{color-scheme:light;--ss-color-canvas: hsl(43 39% 93%);--ss-color-canvas-subtle: hsl(47 29% 91%);--ss-color-surface: hsl(43 39% 93%);--ss-color-surface-raised: hsl(43 39% 93%);--ss-color-surface-sunken: hsl(43 36% 84%);--ss-color-surface-hover: hsl(41 36% 66%);--ss-color-surface-active: hsl(43 28% 62%);--ss-color-surface-selected: hsl(41 36% 66%);--ss-color-overlay: hsl(43 39% 6% / .72);--ss-color-fg: hsl(154 32% 17%);--ss-color-fg-muted: hsl(154 32% 17%);--ss-color-fg-subtle: hsl(142 9% 41%);--ss-color-fg-inverted: hsl(43 39% 93%);--ss-color-border: hsl(41 36% 66%);--ss-color-border-subtle: hsl(41 37% 78%);--ss-color-border-strong: hsl(47 20% 55%);--ss-color-focus-ring: hsl(158 100% 33%);--ss-color-brand: hsl(158 100% 33%);--ss-color-brand-hover: hsl(158 100% 29%);--ss-color-brand-active: hsl(158 100% 25%);--ss-color-brand-soft: hsl(158 100% 33% / .14);--ss-color-brand-soft-hover: hsl(158 100% 33% / .22);--ss-color-brand-fg: hsl(158 100% 33%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(158 100% 33% / .38);--ss-color-accent: hsl(158 100% 33%);--ss-color-accent-hover: hsl(158 100% 29%);--ss-color-accent-active: hsl(158 100% 25%);--ss-color-accent-soft: hsl(158 100% 33% / .14);--ss-color-accent-soft-hover: hsl(158 100% 33% / .22);--ss-color-accent-fg: hsl(158 100% 33%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(158 100% 33% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Shippori Mincho", "Lora", serif;--ss-font-mono: "Noto Sans Mono", monospace;--ss-font-display: "Shippori Mincho", "Lora", serif}}@layer ss-theme{:root[data-theme=surf-frost-aurora],[data-theme=surf-frost-aurora]{color-scheme:dark;--ss-color-canvas: hsl(211 61% 10%);--ss-color-canvas-subtle: hsl(209 49% 12%);--ss-color-surface: hsl(211 61% 10%);--ss-color-surface-raised: hsl(211 61% 10%);--ss-color-surface-sunken: hsl(211 52% 16%);--ss-color-surface-hover: hsl(207 57% 28%);--ss-color-surface-active: hsl(207 46% 33%);--ss-color-surface-selected: hsl(207 57% 28%);--ss-color-overlay: hsl(211 61% 6% / .72);--ss-color-fg: hsl(201 100% 94%);--ss-color-fg-muted: hsl(201 100% 94%);--ss-color-fg-subtle: hsl(205 19% 69%);--ss-color-fg-inverted: hsl(211 61% 10%);--ss-color-border: hsl(207 57% 28%);--ss-color-border-subtle: hsl(208 58% 20%);--ss-color-border-strong: hsl(207 32% 42%);--ss-color-focus-ring: hsl(252 95% 85%);--ss-color-brand: hsl(200 100% 70%);--ss-color-brand-hover: hsl(200 100% 74%);--ss-color-brand-active: hsl(200 100% 77%);--ss-color-brand-soft: hsl(200 100% 70% / .14);--ss-color-brand-soft-hover: hsl(200 100% 70% / .22);--ss-color-brand-fg: hsl(200 100% 70%);--ss-color-brand-on: hsl(211 61% 10%);--ss-color-brand-border: hsl(200 100% 70% / .38);--ss-color-accent: hsl(252 95% 85%);--ss-color-accent-hover: hsl(252 94% 87%);--ss-color-accent-active: hsl(252 93% 89%);--ss-color-accent-soft: hsl(252 95% 85% / .14);--ss-color-accent-soft-hover: hsl(252 95% 85% / .22);--ss-color-accent-fg: hsl(252 95% 85%);--ss-color-accent-on: hsl(211 61% 10%);--ss-color-accent-border: hsl(252 95% 85% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Outfit", system-ui, sans-serif;--ss-font-mono: "JetBrains Mono", monospace;--ss-font-display: "Outfit", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-ink-blot],[data-theme=surf-ink-blot]{color-scheme:light;--ss-color-canvas: hsl(0 0% 100%);--ss-color-canvas-subtle: hsl(0 0% 97%);--ss-color-surface: hsl(0 0% 100%);--ss-color-surface-raised: hsl(0 0% 100%);--ss-color-surface-sunken: hsl(0 0% 96%);--ss-color-surface-hover: hsl(0 0% 90%);--ss-color-surface-active: hsl(0 0% 83%);--ss-color-surface-selected: hsl(0 0% 90%);--ss-color-overlay: hsl(0 0% 6% / .72);--ss-color-fg: hsl(0 0% 0%);--ss-color-fg-muted: hsl(0 0% 0%);--ss-color-fg-subtle: hsl(0 0% 30%);--ss-color-fg-inverted: hsl(0 0% 100%);--ss-color-border: hsl(0 0% 82%);--ss-color-border-subtle: hsl(0 0% 90%);--ss-color-border-strong: hsl(0 0% 64%);--ss-color-focus-ring: hsl(0 100% 27%);--ss-color-brand: hsl(0 100% 27%);--ss-color-brand-hover: hsl(0 100% 24%);--ss-color-brand-active: hsl(0 100% 21%);--ss-color-brand-soft: hsl(0 100% 27% / .14);--ss-color-brand-soft-hover: hsl(0 100% 27% / .22);--ss-color-brand-fg: hsl(0 100% 27%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(0 100% 27% / .38);--ss-color-accent: hsl(0 100% 27%);--ss-color-accent-hover: hsl(0 100% 24%);--ss-color-accent-active: hsl(0 100% 21%);--ss-color-accent-soft: hsl(0 100% 27% / .14);--ss-color-accent-soft-hover: hsl(0 100% 27% / .22);--ss-color-accent-fg: hsl(0 100% 27%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(0 100% 27% / .38);--ss-color-warning-soft: oklch(96.2% .059 95.617);--ss-color-warning-fg: oklch(47.3% .137 46.201);--ss-color-success-soft: oklch(95% .052 163.051);--ss-color-success-fg: oklch(43.2% .095 166.913);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Merriweather", Georgia, serif;--ss-font-mono: "IBM Plex Mono", monospace;--ss-font-display: "Merriweather", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-plasma],[data-theme=surf-plasma]{color-scheme:dark;--ss-color-canvas: hsl(285 100% 4%);--ss-color-canvas-subtle: hsl(286 64% 6%);--ss-color-surface: hsl(285 100% 4%);--ss-color-surface-raised: hsl(285 100% 4%);--ss-color-surface-sunken: hsl(280 60% 10%);--ss-color-surface-hover: hsl(288 54% 18%);--ss-color-surface-active: hsl(290 40% 24%);--ss-color-surface-selected: hsl(288 54% 18%);--ss-color-overlay: hsl(285 100% 6% / .72);--ss-color-fg: hsl(315 100% 92%);--ss-color-fg-muted: hsl(315 100% 92%);--ss-color-fg-subtle: hsl(309 19% 65%);--ss-color-fg-inverted: hsl(285 100% 4%);--ss-color-border: hsl(288 54% 18%);--ss-color-border-subtle: hsl(287 60% 12%);--ss-color-border-strong: hsl(293 27% 34%);--ss-color-focus-ring: hsl(328 100% 54%);--ss-color-brand: hsl(328 100% 54%);--ss-color-brand-hover: hsl(328 100% 59%);--ss-color-brand-active: hsl(327 100% 65%);--ss-color-brand-soft: hsl(328 100% 54% / .14);--ss-color-brand-soft-hover: hsl(328 100% 54% / .22);--ss-color-brand-fg: hsl(328 100% 54%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(328 100% 54% / .38);--ss-color-accent: hsl(328 100% 54%);--ss-color-accent-hover: hsl(328 100% 59%);--ss-color-accent-active: hsl(327 100% 65%);--ss-color-accent-soft: hsl(328 100% 54% / .14);--ss-color-accent-soft-hover: hsl(328 100% 54% / .22);--ss-color-accent-fg: hsl(328 100% 54%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(328 100% 54% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Poppins", system-ui, sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Poppins", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-crimson-court],[data-theme=surf-crimson-court]{color-scheme:dark;--ss-color-canvas: hsl(341 44% 7%);--ss-color-canvas-subtle: hsl(349 32% 10%);--ss-color-surface: hsl(341 44% 7%);--ss-color-surface-raised: hsl(341 44% 7%);--ss-color-surface-sunken: hsl(343 48% 12%);--ss-color-surface-hover: hsl(344 51% 19%);--ss-color-surface-active: hsl(350 38% 25%);--ss-color-surface-selected: hsl(344 51% 19%);--ss-color-overlay: hsl(341 44% 6% / .72);--ss-color-fg: hsl(44 88% 84%);--ss-color-fg-muted: hsl(44 88% 84%);--ss-color-fg-subtle: hsl(39 28% 61%);--ss-color-fg-inverted: hsl(341 44% 7%);--ss-color-border: hsl(344 51% 19%);--ss-color-border-subtle: hsl(344 49% 14%);--ss-color-border-strong: hsl(1 25% 35%);--ss-color-focus-ring: hsl(46 65% 52%);--ss-color-brand: hsl(2 64% 48%);--ss-color-brand-hover: hsl(2 59% 54%);--ss-color-brand-active: hsl(2 59% 61%);--ss-color-brand-soft: hsl(2 64% 48% / .14);--ss-color-brand-soft-hover: hsl(2 64% 48% / .22);--ss-color-brand-fg: hsl(2 64% 48%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(2 64% 48% / .38);--ss-color-accent: hsl(46 65% 52%);--ss-color-accent-hover: hsl(46 64% 58%);--ss-color-accent-active: hsl(46 64% 64%);--ss-color-accent-soft: hsl(46 65% 52% / .14);--ss-color-accent-soft-hover: hsl(46 65% 52% / .22);--ss-color-accent-fg: hsl(46 65% 52%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(46 65% 52% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Cormorant Garamond", Georgia, serif;--ss-font-mono: "Fira Code", monospace;--ss-font-display: "Cormorant Garamond", Georgia, serif}}@layer ss-theme{:root[data-theme=surf-space],[data-theme=surf-space]{color-scheme:dark;--ss-color-canvas: hsl(249 100% 4%);--ss-color-canvas-subtle: hsl(251 64% 6%);--ss-color-surface: hsl(249 100% 4%);--ss-color-surface-raised: hsl(249 100% 4%);--ss-color-surface-sunken: hsl(257 82% 11%);--ss-color-surface-hover: hsl(259 73% 16%);--ss-color-surface-active: hsl(259 54% 22%);--ss-color-surface-selected: hsl(259 73% 16%);--ss-color-overlay: hsl(249 100% 6% / .72);--ss-color-fg: hsl(265 100% 88%);--ss-color-fg-muted: hsl(265 100% 88%);--ss-color-fg-subtle: hsl(263 26% 63%);--ss-color-fg-inverted: hsl(249 100% 4%);--ss-color-border: hsl(259 73% 16%);--ss-color-border-subtle: hsl(257 78% 11%);--ss-color-border-strong: hsl(261 37% 32%);--ss-color-focus-ring: hsl(292 91% 73%);--ss-color-brand: hsl(271 81% 56%);--ss-color-brand-hover: hsl(271 82% 61%);--ss-color-brand-active: hsl(272 81% 66%);--ss-color-brand-soft: hsl(271 81% 56% / .14);--ss-color-brand-soft-hover: hsl(271 81% 56% / .22);--ss-color-brand-fg: hsl(271 81% 56%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(271 81% 56% / .38);--ss-color-accent: hsl(292 91% 73%);--ss-color-accent-hover: hsl(292 92% 76%);--ss-color-accent-active: hsl(293 91% 79%);--ss-color-accent-soft: hsl(292 91% 73% / .14);--ss-color-accent-soft-hover: hsl(292 91% 73% / .22);--ss-color-accent-fg: hsl(292 91% 73%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(292 91% 73% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Orbitron", "Rajdhani", sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Orbitron", "Rajdhani", sans-serif}}@layer ss-theme{:root[data-theme=surf-cyber-crimson],[data-theme=surf-cyber-crimson]{color-scheme:dark;--ss-color-canvas: hsl(0 100% 2%);--ss-color-canvas-subtle: hsl(0 48% 5%);--ss-color-surface: hsl(0 100% 2%);--ss-color-surface-raised: hsl(0 100% 2%);--ss-color-surface-sunken: hsl(351 68% 6%);--ss-color-surface-hover: hsl(343 64% 11%);--ss-color-surface-active: hsl(345 41% 17%);--ss-color-surface-selected: hsl(343 64% 11%);--ss-color-overlay: hsl(0 100% 6% / .72);--ss-color-fg: hsl(1 100% 90%);--ss-color-fg-muted: hsl(1 100% 90%);--ss-color-fg-subtle: hsl(1 22% 64%);--ss-color-fg-inverted: hsl(0 100% 2%);--ss-color-border: hsl(343 64% 11%);--ss-color-border-subtle: hsl(347 66% 7%);--ss-color-border-strong: hsl(349 26% 28%);--ss-color-focus-ring: hsl(348 100% 51%);--ss-color-brand: hsl(348 100% 51%);--ss-color-brand-hover: hsl(348 100% 57%);--ss-color-brand-active: hsl(348 100% 63%);--ss-color-brand-soft: hsl(348 100% 51% / .14);--ss-color-brand-soft-hover: hsl(348 100% 51% / .22);--ss-color-brand-fg: hsl(348 100% 51%);--ss-color-brand-on: hsl(0 0% 100%);--ss-color-brand-border: hsl(348 100% 51% / .38);--ss-color-accent: hsl(348 100% 51%);--ss-color-accent-hover: hsl(348 100% 57%);--ss-color-accent-active: hsl(348 100% 63%);--ss-color-accent-soft: hsl(348 100% 51% / .14);--ss-color-accent-soft-hover: hsl(348 100% 51% / .22);--ss-color-accent-fg: hsl(348 100% 51%);--ss-color-accent-on: hsl(0 0% 100%);--ss-color-accent-border: hsl(348 100% 51% / .38);--ss-color-warning-soft: oklch(41.4% .112 45.904);--ss-color-warning-fg: oklch(92.4% .12 95.746);--ss-color-success-soft: oklch(37.8% .077 168.94);--ss-color-success-fg: oklch(90.5% .093 164.15);--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: "Rajdhani", system-ui, sans-serif;--ss-font-mono: "Space Mono", monospace;--ss-font-display: "Rajdhani", system-ui, sans-serif}}@layer ss-theme{:root[data-theme=surf-base],[data-theme=surf-base]{--ss-color-canvas: light-dark(hsl(0 0% 100%), hsl(222.2 84% 4.9%));--ss-color-canvas-subtle: light-dark(hsl(210 40% 96%), hsl(217.2 32.6% 17.5%));--ss-color-surface: light-dark(hsl(0 0% 100%), hsl(222.2 84% 6%));--ss-color-surface-raised: light-dark(hsl(0 0% 100%), hsl(222.2 84% 6%));--ss-color-surface-sunken: light-dark(hsl(210 40% 96%), hsl(217.2 32.6% 17.5%));--ss-color-surface-hover: light-dark(hsl(210 40% 94%), hsl(217.2 32.6% 17.5%));--ss-color-surface-active: light-dark(hsl(210 40% 94%), hsl(217.2 32.6% 17.5%));--ss-color-surface-selected: light-dark(hsl(210 40% 96%), hsl(217.2 32.6% 17.5%));--ss-color-fg: light-dark(hsl(222.2 84% 4.9%), hsl(210 40% 98%));--ss-color-fg-muted: light-dark(hsl(215.4 16.3% 46.9%), hsl(215 20.2% 65.1%));--ss-color-fg-subtle: light-dark(hsl(215.4 16.3% 46.9%), hsl(215 20.2% 65.1%));--ss-color-fg-inverted: light-dark(hsl(0 0% 100%), hsl(222.2 84% 4.9%));--ss-color-border: light-dark(hsl(214.3 31.8% 91.4%), hsl(217.2 32.6% 17.5%));--ss-color-border-subtle: light-dark(hsl(214.3 31.8% 91.4%), hsl(217.2 32.6% 17.5%));--ss-color-border-strong: light-dark(hsl(214.3 31.8% 91.4%), hsl(217.2 32.6% 17.5%));--ss-color-focus-ring: light-dark(hsl(221.2 83.2% 53.3%), hsl(224.3 76.3% 48%));--ss-color-brand: light-dark(hsl(221.2 83.2% 53.3%), hsl(217.2 91.2% 59.8%));--ss-color-brand-hover: light-dark(hsl(221.2 83.2% 53.3%), hsl(217.2 91.2% 59.8%));--ss-color-brand-active: light-dark(hsl(221.2 83.2% 53.3%), hsl(217.2 91.2% 59.8%));--ss-color-brand-fg: light-dark(hsl(221.2 83.2% 53.3%), hsl(217.2 91.2% 59.8%));--ss-color-brand-on: light-dark(hsl(210 40% 98%), hsl(222.2 47.4% 11.2%));--ss-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--ss-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ss-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ss-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ss-shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-control: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ss-shadow-surface: 0 25px 50px -12px rgb(0 0 0 / .25);--ss-shadow-brand: none;--ss-gradient-brand: linear-gradient(var(--ss-color-brand), var(--ss-color-brand));--ss-gradient-accent: linear-gradient(var(--ss-color-accent), var(--ss-color-accent));--ss-font-sans: var(--font-geist-sans);--ss-font-mono: var(--font-geist-mono);--ss-font-display: var(--font-geist-sans)}}@layer ss-density{:root[data-density=compact],[data-density=compact]{--ss-space-unit: .2rem;--ss-pad-card: var(--ss-space-3);--ss-pad-surface: var(--ss-space-4);--ss-pad-control-x: var(--ss-space-3);--ss-pad-control-y: var(--ss-space-1);--ss-pad-field-x: var(--ss-space-2);--ss-pad-field-y: var(--ss-space-1);--ss-pad-cell-x: var(--ss-space-3);--ss-pad-cell-y: var(--ss-space-2);--ss-page-pad-x: var(--ss-space-4);--ss-page-pad-y: var(--ss-space-4);--ss-gap-inline: var(--ss-space-1);--ss-gap-control: var(--ss-space-1);--ss-gap-stack: var(--ss-space-3);--ss-gap-grid: var(--ss-space-3);--ss-gap-section: var(--ss-space-4);--ss-control-h-xs: 1.25rem;--ss-control-h-sm: 1.75rem;--ss-control-h-md: 2.125rem;--ss-control-h-lg: 2.5rem;--ss-text-2xs: .625rem;--ss-text-xs: .6875rem;--ss-text-sm: .8125rem;--ss-text-md: .875rem;--ss-text-lg: 1rem;--ss-text-xl: 1.25rem;--ss-text-2xl: 1.5rem;--ss-text-3xl: 1.875rem;--ss-text-4xl: 2.25rem;--ss-leading-normal: 1.45;--ss-layout-sidebar-w: 13.5rem;--ss-layout-header-h: 3rem}}@layer ss-density{:root[data-density=comfortable],[data-density=comfortable]{--ss-space-unit: .25rem;--ss-pad-card: var(--ss-space-5);--ss-pad-surface: var(--ss-space-5);--ss-pad-control-x: var(--ss-space-4);--ss-pad-control-y: var(--ss-space-2);--ss-pad-field-x: var(--ss-space-3);--ss-pad-field-y: var(--ss-space-2);--ss-pad-cell-x: var(--ss-space-4);--ss-pad-cell-y: var(--ss-space-3);--ss-page-pad-x: var(--ss-space-6);--ss-page-pad-y: var(--ss-space-6);--ss-gap-inline: var(--ss-space-2);--ss-gap-control: var(--ss-space-2);--ss-gap-stack: var(--ss-space-4);--ss-gap-grid: var(--ss-space-4);--ss-gap-section: var(--ss-space-6);--ss-control-h-xs: 1.5rem;--ss-control-h-sm: 2rem;--ss-control-h-md: 2.5rem;--ss-control-h-lg: 3rem}}@layer ss-density{:root[data-density=spacious],[data-density=spacious]{--ss-space-unit: .3rem;--ss-pad-card: var(--ss-space-6);--ss-pad-surface: var(--ss-space-6);--ss-pad-control-x: var(--ss-space-6);--ss-pad-control-y: var(--ss-space-3);--ss-pad-field-x: var(--ss-space-4);--ss-pad-field-y: var(--ss-space-3);--ss-pad-cell-x: var(--ss-space-5);--ss-pad-cell-y: var(--ss-space-4);--ss-page-pad-x: var(--ss-space-8);--ss-page-pad-y: var(--ss-space-8);--ss-gap-inline: var(--ss-space-3);--ss-gap-control: var(--ss-space-3);--ss-gap-stack: var(--ss-space-5);--ss-gap-grid: var(--ss-space-6);--ss-gap-section: var(--ss-space-10);--ss-control-h-xs: 1.75rem;--ss-control-h-sm: 2.25rem;--ss-control-h-md: 2.875rem;--ss-control-h-lg: 3.375rem;--ss-leading-normal: 1.65;--ss-leading-relaxed: 1.85;--ss-layout-sidebar-w: 17rem;--ss-layout-header-h: 4rem}}@layer ss-base{.ss-root{background:var(--ss-color-canvas);color:var(--ss-color-fg);font-family:var(--ss-font-sans);font-size:var(--ss-text-md);line-height:var(--ss-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss-root *,.ss-root *:before,.ss-root *:after{box-sizing:border-box}.ss-canvas-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--ss-gradient-canvas)}.ss-root :focus-visible{outline:var(--ss-border-w-strong) solid var(--ss-color-focus-ring);outline-offset:2px}.ss-root ::selection{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-root ::-webkit-scrollbar{width:10px;height:10px}.ss-root ::-webkit-scrollbar-thumb{background:var(--ss-color-border-strong);border-radius:var(--ss-radius-full)}.ss-root ::-webkit-scrollbar-track{background:transparent}.ss-root{scrollbar-color:var(--ss-color-border-strong) transparent}}@layer ss-utilities{.ss-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ss-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-tabular{font-variant-numeric:tabular-nums}.ss-mono{font-family:var(--ss-font-mono)}.ss-label-text{font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted)}.ss-brand-text{background-image:var(--ss-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.ss-text-muted{color:var(--ss-color-fg-muted)}.ss-text-subtle{color:var(--ss-color-fg-subtle)}.ss-text-brand{color:var(--ss-color-brand-fg)}.ss-text-danger{color:var(--ss-color-danger-fg)}.ss-text-success{color:var(--ss-color-success-fg)}.ss-surface{background-color:color-mix(in srgb,var(--ss-color-surface) calc(var(--ss-surface-alpha) * 100%),transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop);border:var(--ss-border-w) solid var(--ss-color-border)}.ss-pop-in{animation:ss-pop-in var(--ss-dur-slow) var(--ss-ease-spring)}.ss-fade-in{animation:ss-fade-in var(--ss-dur-base) var(--ss-ease-out)}}@keyframes ss-pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes ss-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ss-spin{to{transform:rotate(360deg)}}@keyframes ss-shimmer{to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.ss-root *,.ss-root *:before,.ss-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@layer ss-components{.ss-shell{min-height:100vh;background:var(--ss-color-canvas);color:var(--ss-color-fg)}.ss-shell__main{min-width:0}.ss-shell--sidebar .ss-shell__main{margin-inline-start:var(--ss-layout-sidebar-w);transition:margin-inline-start var(--ss-dur-base) var(--ss-ease-out)}.ss-shell--sidebar:has(.ss-sidebar--collapsed) .ss-shell__main{margin-inline-start:var(--ss-layout-sidebar-collapsed-w)}.ss-shell__main--padded{padding:var(--ss-page-pad-y) var(--ss-page-pad-x)}.ss-shell__main--max{max-width:var(--ss-layout-page-max-w);margin-inline:auto}@media(max-width:48rem){.ss-shell--sidebar .ss-shell__main{margin-inline-start:0}.ss-sidebar{transform:translate(-100%);transition:transform var(--ss-dur-base) var(--ss-ease-out)}.ss-sidebar[data-open=true]{transform:none}}.ss-page-header{display:flex;align-items:flex-start;gap:var(--ss-gap-control);margin-bottom:var(--ss-gap-section);min-width:0}.ss-page-header--between{justify-content:space-between}.ss-page-header__title{font-family:var(--ss-font-display);font-size:var(--ss-text-3xl);font-weight:var(--ss-weight-heading);letter-spacing:var(--ss-tracking-tight);line-height:var(--ss-leading-tight);margin:0}.ss-page-header__subtitle{font-size:var(--ss-text-sm);color:var(--ss-color-fg-muted);margin:var(--ss-space-1) 0 0}.ss-page-header__actions{display:flex;align-items:center;gap:var(--ss-gap-control);flex-shrink:0}.ss-container{width:100%;margin-inline:auto;min-width:0}.ss-container--sm{max-width:40rem}.ss-container--md{max-width:56rem}.ss-container--lg{max-width:72rem}.ss-container--xl{max-width:var(--ss-layout-page-max-w)}.ss-container--full{max-width:none}.ss-stack{display:flex;flex-direction:column;min-width:0}.ss-inline{display:flex;flex-direction:row;min-width:0}.ss-stack--gap-none{gap:0}.ss-stack--gap-xs{gap:var(--ss-space-1)}.ss-stack--gap-sm{gap:var(--ss-gap-inline)}.ss-stack--gap-md{gap:var(--ss-gap-stack)}.ss-stack--gap-lg{gap:var(--ss-gap-section)}.ss-stack--gap-xl{gap:var(--ss-space-12)}.ss-stack--align-start{align-items:flex-start}.ss-stack--align-center{align-items:center}.ss-stack--align-end{align-items:flex-end}.ss-stack--align-stretch{align-items:stretch}.ss-inline--align-start{align-items:flex-start}.ss-inline--align-center{align-items:center}.ss-inline--align-end{align-items:flex-end}.ss-inline--align-baseline{align-items:baseline}.ss-inline--justify-start{justify-content:flex-start}.ss-inline--justify-center{justify-content:center}.ss-inline--justify-end{justify-content:flex-end}.ss-inline--justify-between{justify-content:space-between}.ss-inline--wrap{flex-wrap:wrap}.ss-grid{display:grid;min-width:0}.ss-grid--auto{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.ss-grid--1{grid-template-columns:1fr}.ss-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ss-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.ss-grid--12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(max-width:64rem){.ss-grid--3,.ss-grid--4,.ss-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-grid--12{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:40rem){.ss-grid--2,.ss-grid--3,.ss-grid--4,.ss-grid--6,.ss-grid--12{grid-template-columns:1fr}}.ss-split{display:grid;gap:var(--ss-gap-grid);min-width:0}.ss-split--half{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}.ss-split--third{grid-template-columns:2fr 1fr}.ss-split--sidebar{grid-template-columns:1fr minmax(16rem,20rem)}@media(max-width:64rem){.ss-split--third,.ss-split--sidebar{grid-template-columns:1fr}}.ss-shell--stacked{display:flex;flex-direction:column;min-height:100vh}.ss-shell--stacked>.ss-topbar,.ss-shell--stacked>.ss-navbar{flex-shrink:0}.ss-shell--stacked .ss-shell__main{flex:1;width:100%;margin-inline-start:0}.ss-page-header--start{justify-content:flex-start}}@layer ss-components{.ss-card{display:block;border-radius:var(--ss-radius-card);color:var(--ss-color-fg);min-width:0}.ss-card--default,.ss-card--glass{background-color:color-mix(in srgb,var(--ss-color-surface) calc(var(--ss-surface-alpha) * 100%),transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop);border:var(--ss-border-w) solid var(--ss-color-border);box-shadow:var(--ss-shadow-card)}.ss-card--glass{background-color:color-mix(in srgb,var(--ss-color-surface) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ss-card--raised{background-color:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);box-shadow:var(--ss-shadow-surface)}.ss-card--outline{background-color:transparent;border:var(--ss-border-w) solid var(--ss-color-border)}.ss-card--sunken{background-color:var(--ss-color-surface-sunken);border:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-card--plain{background-color:transparent}.ss-card--pad-none{padding:0}.ss-card--pad-sm{padding:var(--ss-space-3)}.ss-card--pad-md{padding:var(--ss-pad-card)}.ss-card--pad-lg{padding:var(--ss-space-8)}.ss-card--tone-brand{border-color:var(--ss-color-brand-border);background-color:var(--ss-color-brand-soft)}.ss-card--tone-success{border-color:var(--ss-color-success-border);background-color:var(--ss-color-success-soft)}.ss-card--tone-warning{border-color:var(--ss-color-warning-border);background-color:var(--ss-color-warning-soft)}.ss-card--tone-danger{border-color:var(--ss-color-danger-border);background-color:var(--ss-color-danger-soft)}.ss-card--tone-info{border-color:var(--ss-color-info-border);background-color:var(--ss-color-info-soft)}.ss-card--interactive{cursor:pointer;transition:border-color var(--ss-dur-fast) var(--ss-ease-out),box-shadow var(--ss-dur-base) var(--ss-ease-out),transform var(--ss-dur-base) var(--ss-ease-out)}.ss-card--interactive:hover{border-color:var(--ss-color-brand-border);box-shadow:var(--ss-shadow-surface)}.ss-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ss-gap-control);padding:var(--ss-space-4) var(--ss-pad-card);min-width:0}.ss-card__header--divided{border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-card__title{font-family:var(--ss-font-display);font-size:var(--ss-text-sm);font-weight:var(--ss-weight-heading);letter-spacing:var(--ss-tracking-tight);margin:0}.ss-card__subtitle{font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted);margin:0}.ss-card__body{padding:var(--ss-pad-card);min-width:0}.ss-card__body--scroll{overflow-y:auto;max-height:100%}.ss-card__footer{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-4) var(--ss-pad-card)}.ss-card__footer--divided{border-top:var(--ss-border-w) solid var(--ss-color-border)}.ss-card__footer--start{justify-content:flex-start}.ss-card__footer--between{justify-content:space-between}.ss-card__footer--end{justify-content:flex-end}.ss-divider{border:0;background:var(--ss-color-border);flex-shrink:0}.ss-divider--horizontal{width:100%;height:var(--ss-border-w)}.ss-divider--vertical{width:var(--ss-border-w);align-self:stretch}.ss-divider--dashed{background:none;border-top:var(--ss-border-w) dashed var(--ss-color-border)}.ss-divider--vertical.ss-divider--dashed{border-top:0;border-left:var(--ss-border-w) dashed var(--ss-color-border)}.ss-divider--space-none{margin:0}.ss-divider--space-sm{margin-block:var(--ss-space-2)}.ss-divider--space-md{margin-block:var(--ss-space-4)}.ss-divider--space-lg{margin-block:var(--ss-space-6)}.ss-divider--vertical:is(.ss-divider--space-sm,.ss-divider--space-md,.ss-divider--space-lg){margin-block:0;margin-inline:var(--ss-space-2)}.ss-divider--solid{border-top:0;background:var(--ss-color-border)}.ss-divider--vertical.ss-divider--solid{border-left:0}}@layer ss-components{.ss-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ss-gap-control);isolation:isolate;border:var(--ss-border-w) solid transparent;border-radius:var(--ss-radius-control);font-family:inherit;font-weight:var(--ss-weight-control);line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),border-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out),box-shadow var(--ss-dur-fast) var(--ss-ease-out),transform var(--ss-dur-fast) var(--ss-ease-out)}.ss-btn:active:not(:disabled,[aria-disabled=true]){transform:scale(var(--ss-press-scale))}.ss-btn:disabled,.ss-btn[aria-disabled=true]{opacity:.5;pointer-events:none}:where(.ss-btn--primary,.ss-btn--secondary,.ss-btn--danger,.ss-btn--success,.ss-btn--warning):after{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:0;transition:opacity var(--ss-dur-fast) var(--ss-ease-out)}:where(.ss-btn--primary,.ss-btn--secondary,.ss-btn--danger,.ss-btn--success,.ss-btn--warning):hover:not(:disabled,[aria-disabled=true]):after{opacity:.12}:where(.ss-btn--primary,.ss-btn--secondary,.ss-btn--danger,.ss-btn--success,.ss-btn--warning):active:not(:disabled,[aria-disabled=true]):after{opacity:.2}.ss-btn--primary{background-color:var(--ss-color-brand);background-image:var(--ss-gradient-brand);color:var(--ss-color-brand-on);box-shadow:var(--ss-shadow-brand)}.ss-btn--secondary{background-color:var(--ss-color-accent);color:var(--ss-color-accent-on)}.ss-btn--danger{background-color:var(--ss-color-danger);color:var(--ss-color-danger-on)}.ss-btn--success{background-color:var(--ss-color-success);color:var(--ss-color-success-on)}.ss-btn--warning{background-color:var(--ss-color-warning);color:var(--ss-color-warning-on)}.ss-btn--soft{background-color:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-btn--soft:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ss-color-brand-soft-hover)}.ss-btn--outline{background-color:transparent;border-color:var(--ss-color-border-strong);color:var(--ss-color-fg)}.ss-btn--outline:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ss-color-surface-hover);border-color:var(--ss-color-brand);color:var(--ss-color-brand-fg)}.ss-btn--ghost{background-color:transparent;color:var(--ss-color-fg-muted)}.ss-btn--ghost:hover:not(:disabled,[aria-disabled=true]){background-color:var(--ss-color-surface-hover);color:var(--ss-color-fg)}.ss-btn--link{background:none;color:var(--ss-color-brand-fg);padding:0;height:auto;border-radius:var(--ss-radius-xs)}.ss-btn--link:hover:not(:disabled,[aria-disabled=true]){text-decoration:underline;text-underline-offset:3px}.ss-btn--xs{height:var(--ss-control-h-xs);padding-inline:var(--ss-space-2);font-size:var(--ss-text-2xs)}.ss-btn--sm{height:var(--ss-control-h-sm);padding-inline:var(--ss-space-3);font-size:var(--ss-text-xs)}.ss-btn--md{height:var(--ss-control-h-md);padding-inline:var(--ss-pad-control-x);font-size:var(--ss-text-sm)}.ss-btn--lg{height:var(--ss-control-h-lg);padding-inline:var(--ss-space-6);font-size:var(--ss-text-md)}.ss-btn--square{padding-inline:0;aspect-ratio:1}.ss-btn--circle{padding-inline:0;aspect-ratio:1;border-radius:var(--ss-radius-full)}.ss-btn--block{display:flex;width:100%}.ss-btn--loading{pointer-events:none}.ss-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--ss-radius-full);opacity:.85;animation:ss-spin .6s linear infinite}.ss-btn-group{display:inline-flex}.ss-btn-group--vertical{flex-direction:column}.ss-btn-group--attached.ss-btn-group--horizontal>.ss-btn:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:calc(var(--ss-border-w) * -1)}.ss-btn-group--attached.ss-btn-group--horizontal>.ss-btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.ss-btn-group--attached.ss-btn-group--vertical>.ss-btn:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:calc(var(--ss-border-w) * -1)}.ss-btn-group--attached.ss-btn-group--vertical>.ss-btn:not(:last-child){border-end-start-radius:0;border-end-end-radius:0}.ss-btn-group:not(.ss-btn-group--attached){gap:var(--ss-gap-control)}.ss-btn-group>.ss-btn:hover{z-index:1}}@layer ss-components{.ss-field{display:block;min-width:0}.ss-field--stacked{display:flex;flex-direction:column;gap:var(--ss-space-1)}.ss-field--inline{display:grid;grid-template-columns:minmax(8rem,20%) 1fr;align-items:center;gap:var(--ss-gap-control)}.ss-field--disabled{opacity:.6;pointer-events:none}.ss-field__label{display:block;font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted)}.ss-field__label--md{font-size:var(--ss-text-sm);text-transform:none;letter-spacing:var(--ss-tracking-normal);color:var(--ss-color-fg)}.ss-field__label--required:after{content:"*";margin-inline-start:var(--ss-space-1);color:var(--ss-color-danger)}.ss-field__hint{font-size:var(--ss-text-xs);line-height:var(--ss-leading-snug)}.ss-field__hint--muted{color:var(--ss-color-fg-muted)}.ss-field__hint--danger{color:var(--ss-color-danger-fg)}.ss-field__hint--success{color:var(--ss-color-success-fg)}.ss-input{display:block;width:100%;min-width:0;font-family:inherit;font-size:var(--ss-text-sm);color:var(--ss-color-fg);background-color:var(--ss-color-surface);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-field);transition:border-color var(--ss-dur-fast) var(--ss-ease-out),background-color var(--ss-dur-fast) var(--ss-ease-out),box-shadow var(--ss-dur-fast) var(--ss-ease-out)}.ss-input::placeholder{color:var(--ss-color-fg-subtle)}.ss-input:hover:not(:disabled,:focus){border-color:var(--ss-color-border-strong)}.ss-input:focus{outline:none;border-color:var(--ss-color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-color-focus-ring) 22%,transparent)}.ss-input:disabled{background-color:var(--ss-color-surface-sunken);color:var(--ss-color-fg-subtle);cursor:not-allowed}.ss-input--filled{background-color:var(--ss-color-surface-sunken);border-color:transparent}.ss-input--flush{background-color:transparent;border-width:0;border-bottom-width:var(--ss-border-w);border-radius:0}.ss-input--flush:focus{box-shadow:none;border-bottom-color:var(--ss-color-brand)}.ss-input--invalid,.ss-field--invalid .ss-input{border-color:var(--ss-color-danger)}.ss-input--invalid:focus,.ss-field--invalid .ss-input:focus{border-color:var(--ss-color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-color-danger) 22%,transparent)}.ss-input--sm{min-height:var(--ss-control-h-sm);padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-input--md{min-height:var(--ss-control-h-md);padding:var(--ss-pad-field-y) var(--ss-pad-field-x)}.ss-input--lg{min-height:var(--ss-control-h-lg);padding:var(--ss-space-3) var(--ss-space-4);font-size:var(--ss-text-md)}.ss-input--leading{padding-inline-start:var(--ss-control-h-md)}.ss-input--trailing{padding-inline-end:var(--ss-control-h-md)}.ss-textarea{min-height:calc(var(--ss-control-h-md) * 2.4);line-height:var(--ss-leading-normal)}.ss-textarea--mono{font-family:var(--ss-font-mono);font-size:var(--ss-text-xs)}.ss-textarea--resize-none{resize:none}.ss-textarea--resize-y{resize:vertical}.ss-textarea--resize-both{resize:both}.ss-select{cursor:pointer;appearance:none;padding-inline-end:var(--ss-space-8);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 1.1rem) calc(50% + 1px),calc(100% - .75rem) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.ss-input-group{position:relative;display:flex;align-items:center;width:100%}.ss-input__affix{position:absolute;display:grid;place-items:center;width:var(--ss-control-h-md);height:100%;color:var(--ss-color-fg-subtle);pointer-events:none;z-index:1}.ss-input__affix--leading{inset-inline-start:0}.ss-input__affix--trailing{inset-inline-end:0}.ss-input__affix--interactive{pointer-events:auto;cursor:pointer}.ss-input__affix--interactive:hover{color:var(--ss-color-brand-fg)}.ss-input-group>.ss-input,.ss-input-group>.ss-select,.ss-input-group>.ss-textarea{flex:1 1 auto;min-width:0}.ss-input-addon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;align-self:stretch;gap:var(--ss-space-2);min-height:var(--ss-control-h-md);padding-inline:var(--ss-space-3);border:var(--ss-border-w) solid var(--ss-color-border);background-color:var(--ss-color-surface-sunken);color:var(--ss-color-fg-muted);font-size:var(--ss-text-sm);white-space:nowrap}.ss-input-addon--leading{border-inline-end:0;border-start-start-radius:var(--ss-radius-field);border-end-start-radius:var(--ss-radius-field)}.ss-input-addon--trailing{border-inline-start:0;border-start-end-radius:var(--ss-radius-field);border-end-end-radius:var(--ss-radius-field)}.ss-input-addon--interactive{padding-inline:var(--ss-space-1)}.ss-input-addon--leading~.ss-input,.ss-input-addon--leading~.ss-select{border-start-start-radius:0;border-end-start-radius:0}.ss-input-group:has(>.ss-input-addon--trailing)>.ss-input,.ss-input-group:has(>.ss-input-addon--trailing)>.ss-select{border-start-end-radius:0;border-end-end-radius:0}.ss-form-row{display:grid;gap:var(--ss-gap-grid)}.ss-form-row--1{grid-template-columns:1fr}.ss-form-row--2{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.ss-form-row--3{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.ss-form-row--4{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.ss-fieldset{display:flex;flex-direction:column;gap:var(--ss-gap-stack);border:0;padding:0;margin:0;min-width:0}.ss-fieldset--boxed{border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);padding:var(--ss-pad-card)}.ss-fieldset__legend{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-heading);padding-inline:var(--ss-space-1)}.ss-field__label--sm{font-size:var(--ss-label-size);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted)}.ss-field--floating{position:relative;display:block}.ss-field--floating .ss-input{padding-top:var(--ss-space-5);padding-bottom:var(--ss-space-1);min-height:var(--ss-control-h-lg)}.ss-field--floating .ss-textarea{padding-top:var(--ss-space-6)}.ss-field--floating .ss-field__label{position:absolute;top:0;inset-inline-start:var(--ss-pad-field-x);display:flex;align-items:center;height:var(--ss-control-h-lg);max-width:calc(100% - var(--ss-pad-field-x) * 2);color:var(--ss-color-fg-subtle);font-size:var(--ss-text-sm);font-weight:var(--ss-weight-normal);letter-spacing:var(--ss-tracking-normal);text-transform:none;white-space:nowrap;overflow:hidden;pointer-events:none;transition:height var(--ss-dur-fast) var(--ss-ease-out),font-size var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out)}.ss-field--floating:focus-within .ss-field__label,.ss-field--floating.ss-field--filled .ss-field__label,.ss-field--floating:has(.ss-select) .ss-field__label,.ss-field--floating:has(.ss-input:not(:placeholder-shown)) .ss-field__label{height:var(--ss-space-6);font-size:var(--ss-text-2xs);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted)}.ss-field--floating:focus-within .ss-field__label{color:var(--ss-color-brand-fg)}.ss-field--floating.ss-field--invalid .ss-field__label{color:var(--ss-color-danger-fg)}.ss-field--floating .ss-field__hint{margin-top:var(--ss-space-1)}.ss-input--outline{background-color:var(--ss-color-surface);border-color:var(--ss-color-border)}.ss-input-group--sm .ss-input{min-height:var(--ss-control-h-sm);padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-input-group--sm .ss-input__affix{width:var(--ss-control-h-sm)}.ss-input-group--sm .ss-input--leading{padding-inline-start:var(--ss-control-h-sm)}.ss-input-group--sm .ss-input--trailing{padding-inline-end:var(--ss-control-h-sm)}.ss-input-group--md .ss-input{min-height:var(--ss-control-h-md)}.ss-input-group--md .ss-input__affix{width:var(--ss-control-h-md)}.ss-input-group--lg .ss-input{min-height:var(--ss-control-h-lg);padding:var(--ss-space-3) var(--ss-space-4);font-size:var(--ss-text-md)}.ss-input-group--lg .ss-input__affix{width:var(--ss-control-h-lg)}.ss-input-group--lg .ss-input--leading{padding-inline-start:var(--ss-control-h-lg)}.ss-input-group--lg .ss-input--trailing{padding-inline-end:var(--ss-control-h-lg)}.ss-input-group--sm .ss-select,.ss-input-group--lg .ss-select{padding-inline-end:var(--ss-space-8)}.ss-input-group--sm .ss-input-addon{min-height:var(--ss-control-h-sm);padding-inline:var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-input-group--lg .ss-input-addon{min-height:var(--ss-control-h-lg);padding-inline:var(--ss-space-4);font-size:var(--ss-text-md)}.ss-fieldset--plain{border:0;padding:0}}@layer ss-components{.ss-checkbox,.ss-radio{appearance:none;display:inline-grid;place-content:center;flex-shrink:0;margin:0;background-color:var(--ss-color-surface);border:var(--ss-border-w-strong) solid var(--ss-color-border-strong);cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),border-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-checkbox{border-radius:var(--ss-radius-xs)}.ss-radio{border-radius:var(--ss-radius-full)}.ss-checkbox--sm,.ss-radio--sm{width:.875rem;height:.875rem}.ss-checkbox--md,.ss-radio--md{width:1.0625rem;height:1.0625rem}.ss-checkbox:before{content:"";width:.6em;height:.6em;transform:scale(0);transition:transform var(--ss-dur-fast) var(--ss-ease-spring);box-shadow:inset 1em 1em var(--ss-color-brand-on);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.ss-radio:before{content:"";width:.5em;height:.5em;border-radius:var(--ss-radius-full);transform:scale(0);transition:transform var(--ss-dur-fast) var(--ss-ease-spring);box-shadow:inset 1em 1em var(--ss-color-brand-on)}.ss-checkbox:checked,.ss-radio:checked,.ss-checkbox:indeterminate{background-color:var(--ss-color-brand);border-color:var(--ss-color-brand)}.ss-checkbox:checked:before,.ss-radio:checked:before{transform:scale(1)}.ss-checkbox:indeterminate:before{transform:scale(1);clip-path:polygon(12% 42%,88% 42%,88% 58%,12% 58%)}.ss-checkbox:hover:not(:disabled),.ss-radio:hover:not(:disabled){border-color:var(--ss-color-brand)}.ss-checkbox:disabled,.ss-radio:disabled{opacity:.5;cursor:not-allowed}.ss-checkbox--invalid,.ss-radio--invalid{border-color:var(--ss-color-danger)}.ss-choice{display:inline-flex;align-items:center;gap:var(--ss-gap-control);font-size:var(--ss-text-sm);cursor:pointer}.ss-choice--card{width:100%;padding:var(--ss-space-3) var(--ss-space-4);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-field);background-color:var(--ss-color-surface);transition:border-color var(--ss-dur-fast) var(--ss-ease-out),background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-choice--card:hover{border-color:var(--ss-color-brand-border);background-color:var(--ss-color-surface-hover)}.ss-choice--card:has(:checked){border-color:var(--ss-color-brand);background-color:var(--ss-color-brand-soft)}.ss-choice--disabled{opacity:.55;cursor:not-allowed}.ss-switch{appearance:none;position:relative;flex-shrink:0;margin:0;border:0;border-radius:var(--ss-radius-full);background-color:var(--ss-color-border-strong);cursor:pointer;transition:background-color var(--ss-dur-base) var(--ss-ease-out)}.ss-switch{width:var(--switch-w);height:var(--switch-h)}.ss-switch:after{content:"";position:absolute;top:2px;inset-inline-start:2px;aspect-ratio:1;height:calc(100% - 4px);border-radius:var(--ss-radius-full);background:var(--ss-color-surface);box-shadow:var(--ss-shadow-xs);translate:0;transition:translate var(--ss-dur-base) var(--ss-ease-spring)}.ss-switch:checked:after{translate:calc(var(--switch-w) - var(--switch-h))}.ss-switch--sm{--switch-w: 1.75rem;--switch-h: 1rem}.ss-switch--md{--switch-w: 2.25rem;--switch-h: 1.25rem}.ss-switch--lg{--switch-w: 2.75rem;--switch-h: 1.5rem}.ss-switch--brand:checked{background-color:var(--ss-color-brand)}.ss-switch--success:checked{background-color:var(--ss-color-success)}.ss-switch--danger:checked{background-color:var(--ss-color-danger)}.ss-switch:disabled{opacity:.5;cursor:not-allowed}.ss-slider{appearance:none;width:100%;background:transparent;cursor:pointer}.ss-slider::-webkit-slider-runnable-track{height:var(--slider-track, .375rem);border-radius:var(--ss-radius-full);background:var(--ss-color-surface-active)}.ss-slider::-moz-range-track{height:var(--slider-track, .375rem);border-radius:var(--ss-radius-full);background:var(--ss-color-surface-active)}.ss-slider::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb, 1rem);height:var(--slider-thumb, 1rem);margin-top:calc((var(--slider-track, .375rem) - var(--slider-thumb, 1rem)) / 2);border-radius:var(--ss-radius-full);background:var(--ss-color-brand);border:2px solid var(--ss-color-surface);box-shadow:var(--ss-shadow-xs);transition:transform var(--ss-dur-fast) var(--ss-ease-spring)}.ss-slider::-moz-range-thumb{width:var(--slider-thumb, 1rem);height:var(--slider-thumb, 1rem);border-radius:var(--ss-radius-full);background:var(--ss-color-brand);border:2px solid var(--ss-color-surface)}.ss-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.ss-slider--sm{--slider-track: .25rem;--slider-thumb: .8125rem}.ss-slider--disabled{opacity:.5;pointer-events:none}.ss-segmented{display:inline-flex;gap:2px;padding:2px;min-width:0;max-width:100%;background:var(--ss-color-surface-sunken);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-control)}.ss-segmented--block{display:flex;width:100%}.ss-segmented--block .ss-segmented__item{padding-inline:var(--ss-space-1)}.ss-segmented__item{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;justify-content:center;gap:var(--ss-gap-control);padding:var(--ss-space-1) var(--ss-space-3);border:0;border-radius:calc(var(--ss-radius-control) - 2px);background:transparent;color:var(--ss-color-fg-muted);font-family:inherit;font-size:var(--ss-text-xs);font-weight:var(--ss-weight-control);white-space:nowrap;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out)}.ss-segmented--md .ss-segmented__item{padding:var(--ss-space-2) var(--ss-space-4);font-size:var(--ss-text-sm)}.ss-segmented__item:hover:not(.ss-segmented__item--active){color:var(--ss-color-fg);background:var(--ss-color-surface-hover)}.ss-segmented__item--active{background:var(--ss-color-surface);color:var(--ss-color-brand-fg);box-shadow:var(--ss-shadow-xs)}.ss-rating{display:inline-flex;align-items:center;gap:var(--ss-space-1);color:var(--ss-color-warning)}.ss-rating--readonly{pointer-events:none}.ss-rating__star{display:inline-grid;place-items:center;border:0;padding:0;background:none;color:var(--ss-color-border-strong);cursor:pointer;transition:color var(--ss-dur-fast) var(--ss-ease-out)}.ss-rating__star--filled{color:var(--ss-color-warning)}.ss-dropzone{display:grid;place-items:center;gap:var(--ss-space-2);padding:var(--ss-space-8);text-align:center;border:var(--ss-border-w-strong) dashed var(--ss-color-border-strong);border-radius:var(--ss-radius-card);background:var(--ss-color-surface-sunken);color:var(--ss-color-fg-muted);cursor:pointer;transition:border-color var(--ss-dur-fast) var(--ss-ease-out),background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-dropzone--idle:hover,.ss-dropzone--active{border-color:var(--ss-color-brand);background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-dropzone--invalid{border-color:var(--ss-color-danger);background:var(--ss-color-danger-soft);color:var(--ss-color-danger-fg)}.ss-dropzone--disabled{opacity:.55;pointer-events:none}.ss-tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ss-space-1);padding:var(--ss-space-1) var(--ss-pad-field-x);min-height:var(--ss-control-h-md);background:var(--ss-color-surface);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-field)}.ss-tag-input:focus-within{border-color:var(--ss-color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-color-focus-ring) 22%,transparent)}.ss-tag-input--invalid{border-color:var(--ss-color-danger)}.ss-tag-input__entry{flex:1;min-width:6rem;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-size:var(--ss-text-sm)}.ss-choice--plain{padding:0;border:0;background:none}.ss-slider--md{--slider-track: .375rem;--slider-thumb: 1rem}.ss-segmented--sm .ss-segmented__item{padding:2px var(--ss-space-2);font-size:var(--ss-text-2xs)}.ss-rating--sm .ss-rating__star{width:1rem;height:1rem;font-size:var(--ss-text-xs)}.ss-rating--md .ss-rating__star{width:1.25rem;height:1.25rem;font-size:var(--ss-text-sm)}.ss-rating--lg .ss-rating__star{width:1.75rem;height:1.75rem;font-size:var(--ss-text-lg)}.ss-tag-input--sm{min-height:var(--ss-control-h-sm);padding:2px var(--ss-space-2)}.ss-tag-input--sm .ss-tag-input__entry{font-size:var(--ss-text-xs)}.ss-tag-input--md{min-height:var(--ss-control-h-md);padding:var(--ss-space-1) var(--ss-pad-field-x)}.ss-tag-input--md .ss-tag-input__entry{font-size:var(--ss-text-sm)}}@layer ss-components{.ss-badge{display:inline-flex;align-items:center;gap:var(--ss-space-1);border:var(--ss-border-w) solid transparent;border-radius:var(--ss-radius-chip);font-weight:var(--ss-weight-label);line-height:1;white-space:nowrap;--badge-fill: var(--ss-color-surface-active);--badge-soft: var(--ss-color-surface-hover);--badge-text: var(--ss-color-fg-muted);--badge-border: var(--ss-color-border);--badge-on: var(--ss-color-fg)}.ss-badge--brand,.ss-tag--brand,.ss-alert--brand,.ss-progress--brand,.ss-spinner--brand,.ss-toast--brand{--badge-fill: var(--ss-color-brand);--badge-soft: var(--ss-color-brand-soft);--badge-text: var(--ss-color-brand-fg);--badge-border: var(--ss-color-brand-border);--badge-on: var(--ss-color-brand-on)}.ss-badge--success,.ss-tag--success,.ss-alert--success,.ss-progress--success,.ss-spinner--success,.ss-toast--success{--badge-fill: var(--ss-color-success);--badge-soft: var(--ss-color-success-soft);--badge-text: var(--ss-color-success-fg);--badge-border: var(--ss-color-success-border);--badge-on: var(--ss-color-success-on)}.ss-badge--warning,.ss-tag--warning,.ss-alert--warning,.ss-progress--warning,.ss-spinner--warning,.ss-toast--warning{--badge-fill: var(--ss-color-warning);--badge-soft: var(--ss-color-warning-soft);--badge-text: var(--ss-color-warning-fg);--badge-border: var(--ss-color-warning-border);--badge-on: var(--ss-color-warning-on)}.ss-badge--danger,.ss-tag--danger,.ss-alert--danger,.ss-progress--danger,.ss-spinner--danger,.ss-toast--danger{--badge-fill: var(--ss-color-danger);--badge-soft: var(--ss-color-danger-soft);--badge-text: var(--ss-color-danger-fg);--badge-border: var(--ss-color-danger-border);--badge-on: var(--ss-color-danger-on)}.ss-badge--info,.ss-tag--info,.ss-alert--info,.ss-progress--info,.ss-spinner--info,.ss-toast--info{--badge-fill: var(--ss-color-info);--badge-soft: var(--ss-color-info-soft);--badge-text: var(--ss-color-info-fg);--badge-border: var(--ss-color-info-border);--badge-on: var(--ss-color-info-on)}.ss-badge--sm{padding:2px var(--ss-space-2);font-size:var(--ss-text-2xs)}.ss-badge--md{padding:var(--ss-space-1) var(--ss-space-3);font-size:var(--ss-text-xs)}.ss-badge--soft{background:var(--badge-soft);color:var(--badge-text)}.ss-badge--solid{background:var(--badge-fill);color:var(--badge-on)}.ss-badge--outline{border-color:var(--badge-border);color:var(--badge-text)}.ss-badge--dot:before{content:"";width:.375rem;height:.375rem;border-radius:var(--ss-radius-full);background:var(--badge-fill)}.ss-tag{display:inline-flex;align-items:center;gap:var(--ss-space-1);padding:2px var(--ss-space-2);font-size:var(--ss-text-2xs);font-weight:var(--ss-weight-medium);border-radius:var(--ss-radius-chip);background:var(--badge-soft, var(--ss-color-surface-hover));color:var(--badge-text, var(--ss-color-fg-muted));border:var(--ss-border-w) solid var(--badge-border, var(--ss-color-border))}.ss-tag--md{padding:var(--ss-space-1) var(--ss-space-3);font-size:var(--ss-text-xs)}.ss-tag__remove{display:grid;place-items:center;border:0;padding:0;background:none;color:inherit;opacity:.6;cursor:pointer}.ss-tag__remove:hover{opacity:1}.ss-alert{display:flex;align-items:flex-start;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-space-4);border:var(--ss-border-w) solid transparent;border-radius:var(--ss-radius-card);font-size:var(--ss-text-sm)}.ss-alert--soft{background:var(--badge-soft, var(--ss-color-surface-hover));border-color:var(--badge-border, var(--ss-color-border));color:var(--badge-text, var(--ss-color-fg))}.ss-alert--outline{border-color:var(--badge-border, var(--ss-color-border));color:var(--badge-text, var(--ss-color-fg))}.ss-alert--solid{background:var(--badge-fill, var(--ss-color-surface-active));color:var(--badge-on, var(--ss-color-fg))}.ss-alert__icon{flex-shrink:0;margin-top:1px}.ss-alert__body{flex:1;min-width:0}.ss-alert__title{font-weight:var(--ss-weight-semibold);margin:0 0 2px}.ss-alert__text{margin:0;opacity:.9;line-height:var(--ss-leading-snug)}.ss-progress{position:relative;width:100%;overflow:hidden;border-radius:var(--ss-radius-full);background:var(--ss-color-surface-active)}.ss-progress--xs{height:.25rem}.ss-progress--sm{height:.5rem}.ss-progress--md{height:.75rem}.ss-progress__bar{height:100%;border-radius:inherit;background:var(--badge-fill, var(--ss-color-brand));transition:width var(--ss-dur-slow) var(--ss-ease-out)}.ss-progress--striped .ss-progress__bar{background-image:linear-gradient(45deg,color-mix(in srgb,var(--ss-color-fg-inverted) 22%,transparent) 25%,transparent 25%,transparent 50%,color-mix(in srgb,var(--ss-color-fg-inverted) 22%,transparent) 50%,color-mix(in srgb,var(--ss-color-fg-inverted) 22%,transparent) 75%,transparent 75%);background-size:1rem 1rem}.ss-progress--indeterminate .ss-progress__bar{width:35%!important;animation:ss-progress-slide 1.2s var(--ss-ease-in-out) infinite}.ss-spinner{display:inline-block;border-radius:var(--ss-radius-full);border:2px solid color-mix(in srgb,var(--badge-fill, var(--ss-color-brand)) 25%,transparent);border-top-color:var(--badge-fill, var(--ss-color-brand));animation:ss-spin .65s linear infinite}.ss-spinner--xs{width:.875rem;height:.875rem;border-width:1.5px}.ss-spinner--sm{width:1.125rem;height:1.125rem}.ss-spinner--md{width:1.5rem;height:1.5rem}.ss-spinner--lg{width:2.25rem;height:2.25rem;border-width:3px}.ss-skeleton{display:block;background:var(--ss-color-surface-active);border-radius:var(--ss-radius-sm)}.ss-skeleton--text{height:.75em;margin-block:.25em}.ss-skeleton--block{width:100%;height:100%;border-radius:var(--ss-radius-card)}.ss-skeleton--circle{aspect-ratio:1;border-radius:var(--ss-radius-full)}.ss-skeleton--animated{background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ss-color-surface) 70%,transparent),transparent);background-size:200% 100%;animation:ss-shimmer 1.4s ease-in-out infinite}.ss-empty{display:grid;place-items:center;gap:var(--ss-space-2);text-align:center;color:var(--ss-color-fg-muted)}.ss-empty--sm{padding:var(--ss-space-6)}.ss-empty--md{padding:var(--ss-space-12)}.ss-empty--lg{padding:var(--ss-space-20)}.ss-empty__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--ss-radius-full);background:var(--ss-color-surface-hover);color:var(--ss-color-fg-subtle)}.ss-empty__title{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);color:var(--ss-color-fg);margin:0}.ss-empty__text{font-size:var(--ss-text-xs);margin:0;max-width:28rem}}@keyframes ss-progress-slide{0%{margin-inline-start:-35%}to{margin-inline-start:100%}}@layer ss-components{.ss-tag--sm{padding:2px var(--ss-space-2);font-size:var(--ss-text-2xs)}.ss-tag--removable{padding-inline-end:var(--ss-space-1);gap:var(--ss-space-2)}.ss-tag--removable.ss-tag--md{padding-inline-end:var(--ss-space-2)}.ss-alert--closable{position:relative;padding-inline-end:var(--ss-space-10)}}@layer ss-components{.ss-table-wrap{width:100%;overflow-x:auto}.ss-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--ss-text-sm);color:var(--ss-color-fg)}.ss-table--fixed{table-layout:fixed}.ss-table__th{position:relative;padding:var(--ss-pad-cell-y) var(--ss-pad-cell-x);text-align:start;font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted);background:var(--ss-color-surface-sunken);border-bottom:var(--ss-border-w) solid var(--ss-color-border);white-space:nowrap}.ss-table--sticky .ss-table__th{position:sticky;top:0;z-index:var(--ss-z-sticky)}.ss-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.ss-table__th--sortable:hover{color:var(--ss-color-fg);background:var(--ss-color-surface-hover)}.ss-table__th--asc:after,.ss-table__th--desc:after{content:"";display:inline-block;margin-inline-start:var(--ss-space-2);border-inline:4px solid transparent;vertical-align:middle}.ss-table__th--asc:after{border-bottom:5px solid currentColor}.ss-table__th--desc:after{border-top:5px solid currentColor}.ss-table__cell{padding:var(--ss-pad-cell-y) var(--ss-pad-cell-x);border-bottom:var(--ss-border-w) solid var(--ss-color-border-subtle);vertical-align:middle}.ss-table__cell--start{text-align:start}.ss-table__cell--center{text-align:center}.ss-table__cell--end{text-align:end}.ss-table__cell--numeric{text-align:end;font-variant-numeric:tabular-nums}.ss-table--sm :is(.ss-table__cell,.ss-table__th){padding:var(--ss-space-2) var(--ss-space-3);font-size:var(--ss-text-xs)}.ss-table--lg :is(.ss-table__cell,.ss-table__th){padding:var(--ss-space-4) var(--ss-space-5)}.ss-table--striped tbody tr:nth-child(2n){background:var(--ss-color-canvas-subtle)}.ss-table--bordered :is(.ss-table__cell,.ss-table__th){border-inline-end:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-table--bordered :is(.ss-table__cell,.ss-table__th):last-child{border-inline-end:0}.ss-table--plain :is(.ss-table__cell,.ss-table__th){border-bottom:0}.ss-table--hoverable tbody tr:hover{background:var(--ss-color-surface-hover)}.ss-table tbody tr[aria-selected=true]{background:var(--ss-color-surface-selected)}.ss-table__empty{padding:var(--ss-space-10);text-align:center;color:var(--ss-color-fg-muted)}.ss-stat{display:flex;gap:var(--ss-gap-control);min-width:0}.ss-stat--horizontal{align-items:flex-start;justify-content:space-between}.ss-stat--vertical{flex-direction:column}.ss-stat__label{font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted)}.ss-stat__value{font-family:var(--ss-font-display);font-size:var(--ss-text-2xl);font-weight:var(--ss-weight-heading);line-height:var(--ss-leading-tight);letter-spacing:var(--ss-tracking-tight);font-variant-numeric:tabular-nums;margin-top:2px}.ss-stat__hint{font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-stat__icon{display:grid;place-items:center;flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:var(--ss-radius-field);background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-stat--success .ss-stat__icon{background:var(--ss-color-success-soft);color:var(--ss-color-success-fg)}.ss-stat--warning .ss-stat__icon{background:var(--ss-color-warning-soft);color:var(--ss-color-warning-fg)}.ss-stat--danger .ss-stat__icon{background:var(--ss-color-danger-soft);color:var(--ss-color-danger-fg)}.ss-stat__delta{display:inline-flex;align-items:center;gap:2px;font-size:var(--ss-text-xs);font-weight:var(--ss-weight-semibold)}.ss-stat__delta--up{color:var(--ss-color-success-fg)}.ss-stat__delta--down{color:var(--ss-color-danger-fg)}.ss-avatar{display:inline-grid;place-items:center;flex-shrink:0;overflow:hidden;background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg);font-weight:var(--ss-weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}.ss-avatar>img{width:100%;height:100%;object-fit:cover}.ss-avatar__glyph{height:50%;width:50%}.ss-avatar--circle{border-radius:var(--ss-radius-avatar)}.ss-avatar--square{border-radius:var(--ss-radius-field)}.ss-avatar--xs{width:1.5rem;height:1.5rem;font-size:var(--ss-text-2xs)}.ss-avatar--sm{width:2rem;height:2rem;font-size:var(--ss-text-xs)}.ss-avatar--md{width:2.5rem;height:2.5rem;font-size:var(--ss-text-sm)}.ss-avatar--lg{width:3rem;height:3rem;font-size:var(--ss-text-md)}.ss-avatar--xl{width:4rem;height:4rem;font-size:var(--ss-text-xl)}.ss-avatar-group{display:inline-flex}.ss-avatar-group>.ss-avatar:not(:first-child){margin-inline-start:-.5rem;box-shadow:0 0 0 2px var(--ss-color-surface)}.ss-list{list-style:none;margin:0;padding:0;min-width:0}.ss-list__item{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-space-4);min-width:0}.ss-list--divided>.ss-list__item:not(:last-child){border-bottom:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-list--cards{display:flex;flex-direction:column;gap:var(--ss-space-2)}.ss-list--cards>.ss-list__item{border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);background:var(--ss-color-surface)}.ss-list--interactive>.ss-list__item{cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-list--interactive>.ss-list__item:hover{background:var(--ss-color-surface-hover)}.ss-dl{margin:0;min-width:0}.ss-dl--inline{display:grid;grid-template-columns:minmax(7rem,max-content) 1fr;gap:var(--ss-space-2) var(--ss-space-4);align-items:baseline}.ss-dl--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--ss-gap-grid)}.ss-dl__term{font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-muted)}.ss-dl__desc{margin:0;font-size:var(--ss-text-sm);min-width:0;word-break:break-word}.ss-dl--divided .ss-dl__desc{padding-bottom:var(--ss-space-2);border-bottom:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-timeline{list-style:none;margin:0;padding:0}.ss-timeline__item{position:relative;display:flex;gap:var(--ss-space-4);padding-bottom:var(--ss-space-6)}.ss-timeline--compact .ss-timeline__item{padding-bottom:var(--ss-space-3)}.ss-timeline__item:last-child{padding-bottom:0}.ss-timeline__rail{position:relative;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.ss-timeline__dot{width:.75rem;height:.75rem;margin-top:.25rem;border-radius:var(--ss-radius-full);background:var(--ss-color-brand);box-shadow:0 0 0 3px var(--ss-color-brand-soft);flex-shrink:0}.ss-timeline__line{flex:1;width:var(--ss-border-w);margin-top:var(--ss-space-1);background:var(--ss-color-border)}.ss-timeline__body{flex:1;min-width:0}.ss-timeline__title{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);margin:0}.ss-timeline__meta{font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-code{position:relative;margin:0;padding:var(--ss-space-3);border-radius:var(--ss-radius-field);font-family:var(--ss-font-mono);font-size:var(--ss-text-xs);line-height:var(--ss-leading-snug);background:var(--ss-color-surface-sunken);color:var(--ss-color-fg);border:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-code--danger{background:var(--ss-color-danger-soft);color:var(--ss-color-danger-fg);border-color:var(--ss-color-danger-border)}.ss-code--wrap{white-space:pre-wrap;word-break:break-word}.ss-code--scroll{max-height:20rem;overflow:auto}.ss-code__copy{position:absolute;top:var(--ss-space-2);inset-inline-end:var(--ss-space-2)}.ss-kbd{display:inline-flex;align-items:center;padding:2px var(--ss-space-2);font-family:var(--ss-font-mono);font-size:var(--ss-text-2xs);line-height:1.4;color:var(--ss-color-fg-muted);background:var(--ss-color-surface-sunken);border:var(--ss-border-w) solid var(--ss-color-border);border-bottom-width:2px;border-radius:var(--ss-radius-xs)}.ss-table--default tbody tr{background:transparent}.ss-table--md :is(.ss-table__cell,.ss-table__th){padding:var(--ss-pad-cell-y) var(--ss-pad-cell-x);font-size:var(--ss-text-sm)}.ss-stat--brand .ss-stat__icon{background-image:var(--ss-gradient-brand);background-color:var(--ss-color-brand);color:var(--ss-color-brand-on)}.ss-list--plain>.ss-list__item{border-bottom:0}.ss-dl--stacked{display:flex;flex-direction:column;gap:var(--ss-space-1)}.ss-dl--stacked .ss-dl__desc:not(:last-child){margin-bottom:var(--ss-space-3)}.ss-timeline--default .ss-timeline__item{padding-bottom:var(--ss-space-6)}.ss-code--neutral{background:var(--ss-color-surface-sunken);color:var(--ss-color-fg);border-color:var(--ss-color-border-subtle)}}@layer ss-components{.ss-scrim{position:fixed;inset:0;z-index:var(--ss-z-overlay);background:var(--ss-color-overlay);animation:ss-fade-in var(--ss-dur-base) var(--ss-ease-out)}.ss-scrim--blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ss-modal-layer{position:fixed;inset:0;z-index:var(--ss-z-modal);display:grid;padding:var(--ss-space-4);overflow-y:auto}.ss-modal{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100vh - var(--ss-space-8));background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-surface);box-shadow:var(--ss-shadow-surface);animation:ss-pop-in var(--ss-dur-slow) var(--ss-ease-spring);overflow:hidden}.ss-modal--center{place-self:center}.ss-modal--top{place-self:start center;margin-top:8vh}.ss-modal--sm{max-width:24rem}.ss-modal--md{max-width:32rem}.ss-modal--lg{max-width:48rem}.ss-modal--xl{max-width:64rem}.ss-modal--full{max-width:none;height:calc(100vh - var(--ss-space-8));max-height:none}.ss-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ss-gap-control);padding:var(--ss-space-4) var(--ss-pad-surface);border-bottom:var(--ss-border-w) solid var(--ss-color-border);flex-shrink:0}.ss-modal__title{font-family:var(--ss-font-display);font-size:var(--ss-text-sm);font-weight:var(--ss-weight-heading);letter-spacing:var(--ss-tracking-tight);margin:0}.ss-modal__body{flex:1;min-height:0;overflow-y:auto;padding:var(--ss-pad-surface);display:flex;flex-direction:column;gap:var(--ss-gap-stack)}.ss-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ss-gap-control);padding:var(--ss-space-4) var(--ss-pad-surface);border-top:var(--ss-border-w) solid var(--ss-color-border);flex-shrink:0}.ss-drawer{position:fixed;z-index:var(--ss-z-modal);display:flex;flex-direction:column;background:var(--ss-color-surface-raised);box-shadow:var(--ss-shadow-surface);overflow:hidden}.ss-drawer--start,.ss-drawer--end{top:0;bottom:0;height:100vh}.ss-drawer--start{inset-inline-start:0;border-inline-end:var(--ss-border-w) solid var(--ss-color-border);animation:ss-slide-start var(--ss-dur-slow) var(--ss-ease-spring)}.ss-drawer--end{inset-inline-end:0;border-inline-start:var(--ss-border-w) solid var(--ss-color-border);animation:ss-slide-end var(--ss-dur-slow) var(--ss-ease-spring)}.ss-drawer--top,.ss-drawer--bottom{inset-inline:0;width:100%}.ss-drawer--top{top:0;border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-drawer--bottom{bottom:0;border-top:var(--ss-border-w) solid var(--ss-color-border);border-start-start-radius:var(--ss-radius-surface);border-start-end-radius:var(--ss-radius-surface)}.ss-drawer--start.ss-drawer--sm,.ss-drawer--end.ss-drawer--sm{width:min(20rem,100vw)}.ss-drawer--start.ss-drawer--md,.ss-drawer--end.ss-drawer--md{width:min(28rem,100vw)}.ss-drawer--start.ss-drawer--lg,.ss-drawer--end.ss-drawer--lg{width:min(40rem,100vw)}.ss-drawer--top.ss-drawer--sm,.ss-drawer--bottom.ss-drawer--sm{height:30vh}.ss-drawer--top.ss-drawer--md,.ss-drawer--bottom.ss-drawer--md{height:50vh}.ss-drawer--top.ss-drawer--lg,.ss-drawer--bottom.ss-drawer--lg{height:75vh}.ss-popover{position:absolute;z-index:var(--ss-z-popover);min-width:12rem;max-width:min(24rem,calc(100vw - var(--ss-space-8)));background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);box-shadow:var(--ss-shadow-surface);animation:ss-pop-in var(--ss-dur-base) var(--ss-ease-spring)}.ss-popover--pad-none{padding:0}.ss-popover--pad-sm{padding:var(--ss-space-2)}.ss-popover--pad-md{padding:var(--ss-space-4)}.ss-tooltip{position:absolute;z-index:var(--ss-z-tooltip);max-width:18rem;padding:var(--ss-space-1) var(--ss-space-2);border-radius:var(--ss-radius-xs);font-size:var(--ss-text-xs);line-height:var(--ss-leading-snug);pointer-events:none;animation:ss-fade-in var(--ss-dur-fast) var(--ss-ease-out)}.ss-tooltip--dark{background:var(--ss-color-fg);color:var(--ss-color-fg-inverted)}.ss-tooltip--surface{background:var(--ss-color-surface-raised);color:var(--ss-color-fg);border:var(--ss-border-w) solid var(--ss-color-border);box-shadow:var(--ss-shadow-md)}.ss-menu{display:flex;flex-direction:column;min-width:11rem;padding:var(--ss-space-1);margin:0;list-style:none}.ss-menu__item{display:flex;align-items:center;gap:var(--ss-gap-control);width:100%;padding:var(--ss-space-2) var(--ss-space-3);border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg);font:inherit;font-size:var(--ss-text-sm);text-align:start;text-decoration:none;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-menu--sm .ss-menu__item{padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-menu__item:hover,.ss-menu__item--active{background:var(--ss-color-surface-hover)}.ss-menu__item--danger{color:var(--ss-color-danger-fg)}.ss-menu__item--danger:hover{background:var(--ss-color-danger-soft)}.ss-menu__item--disabled{opacity:.5;pointer-events:none}.ss-menu__separator{height:var(--ss-border-w);margin:var(--ss-space-1) 0;background:var(--ss-color-border-subtle)}.ss-menu__label{padding:var(--ss-space-2) var(--ss-space-3) var(--ss-space-1);font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-subtle)}.ss-menu__shortcut{margin-inline-start:auto;font-size:var(--ss-text-2xs);color:var(--ss-color-fg-subtle)}.ss-command{width:100%;max-width:36rem}.ss-command--lg{max-width:44rem}.ss-command__input{width:100%;padding:var(--ss-space-4);border:0;border-bottom:var(--ss-border-w) solid var(--ss-color-border);background:transparent;color:var(--ss-color-fg);font:inherit;font-size:var(--ss-text-md);outline:none}.ss-command__list{max-height:22rem;overflow-y:auto;padding:var(--ss-space-2)}}@keyframes ss-slide-start{0%{transform:translate(-100%)}}@keyframes ss-slide-end{0%{transform:translate(100%)}}@layer ss-components{.ss-menu--md .ss-menu__item{padding:var(--ss-space-2) var(--ss-space-3);font-size:var(--ss-text-sm)}.ss-command--md{max-width:36rem}}@layer ss-components{.ss-sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:var(--ss-z-sidebar);display:flex;flex-direction:column;width:var(--ss-layout-sidebar-w);transition:width var(--ss-dur-base) var(--ss-ease-out)}.ss-sidebar--collapsed{width:var(--ss-layout-sidebar-collapsed-w)}.ss-sidebar--floating{padding:var(--ss-space-4)}.ss-sidebar__inner{display:flex;flex-direction:column;height:100%;min-height:0;background-color:color-mix(in srgb,var(--ss-color-surface) calc(var(--ss-surface-alpha) * 100%),transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop);border:var(--ss-border-w) solid var(--ss-color-border)}.ss-sidebar--floating .ss-sidebar__inner{border-radius:var(--ss-radius-surface);padding:var(--ss-space-4)}.ss-sidebar--solid{padding:0}.ss-sidebar--solid .ss-sidebar__inner{border-width:0;border-inline-end-width:var(--ss-border-w);padding:var(--ss-space-4) var(--ss-space-3)}.ss-sidebar__brand{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-1) var(--ss-space-2);text-decoration:none;color:inherit;min-width:0}.ss-sidebar__mark{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--ss-radius-field);background-image:var(--ss-gradient-brand);background-color:var(--ss-color-brand);color:var(--ss-color-brand-on)}.ss-sidebar__title{font-family:var(--ss-font-display);font-size:var(--ss-text-sm);font-weight:var(--ss-weight-heading);letter-spacing:var(--ss-tracking-tight);white-space:nowrap}.ss-sidebar__nav{flex:1;min-height:0;overflow-y:auto;margin-top:var(--ss-space-5);display:flex;flex-direction:column;gap:2px}.ss-sidebar__footer{margin-top:var(--ss-space-3);flex-shrink:0}.ss-nav-item{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-2) var(--ss-space-3);border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg-muted);font:inherit;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-label);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out)}.ss-nav-item:hover:not(.ss-nav-item--disabled){background:var(--ss-color-surface-hover);color:var(--ss-color-fg)}.ss-nav-item--active{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-nav-item--disabled{opacity:.5;pointer-events:none}.ss-nav-item--depth-1{padding-inline-start:var(--ss-space-8);font-weight:var(--ss-weight-normal)}.ss-nav-item--depth-2{padding-inline-start:var(--ss-space-12);font-weight:var(--ss-weight-normal)}.ss-nav-item__icon{flex-shrink:0;display:grid;place-items:center}.ss-nav-item__badge{margin-inline-start:auto}.ss-nav-group__label{padding:var(--ss-space-4) var(--ss-space-3) var(--ss-space-1);font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-subtle)}.ss-sidebar--collapsed :is(.ss-nav-item span,.ss-sidebar__title,.ss-nav-group__label){display:none}.ss-sidebar--collapsed .ss-nav-item{justify-content:center}.ss-topbar{display:flex;align-items:center;gap:var(--ss-gap-control);height:var(--ss-layout-header-h);padding-inline:var(--ss-page-pad-x);background-color:color-mix(in srgb,var(--ss-color-surface) calc(var(--ss-surface-alpha) * 100%),transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop)}.ss-topbar--sticky{position:sticky;top:0;z-index:var(--ss-z-sticky)}.ss-topbar--bordered{border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-tabs{display:flex;align-items:center;gap:var(--ss-space-1);min-width:0;overflow-x:auto}.ss-tabs--fitted .ss-tab{flex:1;justify-content:center}.ss-tab{display:inline-flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-2) var(--ss-space-3);border:0;background:none;color:var(--ss-color-fg-muted);font:inherit;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-label);white-space:nowrap;cursor:pointer;transition:color var(--ss-dur-fast) var(--ss-ease-out),background-color var(--ss-dur-fast) var(--ss-ease-out),border-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-tab--disabled{opacity:.5;pointer-events:none}.ss-tabs--underline{border-bottom:var(--ss-border-w) solid var(--ss-color-border);gap:0}.ss-tabs--underline .ss-tab{border-bottom:2px solid transparent;margin-bottom:calc(var(--ss-border-w) * -1)}.ss-tabs--underline .ss-tab:hover{color:var(--ss-color-fg)}.ss-tabs--underline .ss-tab--active{color:var(--ss-color-brand-fg);border-bottom-color:var(--ss-color-brand)}.ss-tabs--pills .ss-tab{border-radius:var(--ss-radius-control)}.ss-tabs--pills .ss-tab:hover{background:var(--ss-color-surface-hover);color:var(--ss-color-fg)}.ss-tabs--pills .ss-tab--active{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-tabs--enclosed{gap:0;border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-tabs--enclosed .ss-tab{border:var(--ss-border-w) solid transparent;border-start-start-radius:var(--ss-radius-field);border-start-end-radius:var(--ss-radius-field);margin-bottom:calc(var(--ss-border-w) * -1)}.ss-tabs--enclosed .ss-tab--active{background:var(--ss-color-surface);border-color:var(--ss-color-border);border-bottom-color:var(--ss-color-surface);color:var(--ss-color-fg)}.ss-tabs--sm .ss-tab{padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ss-space-1);margin:0;padding:0;list-style:none;font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-breadcrumbs--md{font-size:var(--ss-text-sm)}.ss-breadcrumbs__item{display:inline-flex;align-items:center;gap:var(--ss-space-1)}.ss-breadcrumbs__link{color:inherit;text-decoration:none;border-radius:var(--ss-radius-xs)}.ss-breadcrumbs__link:hover{color:var(--ss-color-brand-fg);text-decoration:underline;text-underline-offset:3px}.ss-breadcrumbs__separator{color:var(--ss-color-fg-subtle);-webkit-user-select:none;user-select:none}.ss-breadcrumbs__item[aria-current=page]{color:var(--ss-color-fg);font-weight:var(--ss-weight-medium)}.ss-pagination{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-pad-card);font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-pagination--between{justify-content:space-between}.ss-pagination--end{justify-content:flex-end}.ss-pagination__pages{display:flex;align-items:center;gap:2px}.ss-steps{display:flex;gap:var(--ss-space-2)}.ss-steps--vertical{flex-direction:column}.ss-step{display:flex;align-items:flex-start;gap:var(--ss-gap-control);flex:1;min-width:0}.ss-step__marker{display:grid;place-items:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:var(--ss-radius-full);border:var(--ss-border-w-strong) solid var(--ss-color-border-strong);background:var(--ss-color-surface);color:var(--ss-color-fg-muted);font-size:var(--ss-text-xs);font-weight:var(--ss-weight-semibold)}.ss-step--active .ss-step__marker{border-color:var(--ss-color-brand);background:var(--ss-color-brand);color:var(--ss-color-brand-on)}.ss-step--complete .ss-step__marker{border-color:var(--ss-color-success);background:var(--ss-color-success);color:var(--ss-color-success-on)}.ss-step--error .ss-step__marker{border-color:var(--ss-color-danger);background:var(--ss-color-danger);color:var(--ss-color-danger-on)}.ss-step__title{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);margin:0}.ss-step--pending .ss-step__title{color:var(--ss-color-fg-muted)}.ss-step__desc{font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted);margin:0}.ss-step__connector{flex:1;height:var(--ss-border-w);margin-top:.875rem;background:var(--ss-color-border)}.ss-accordion{display:flex;flex-direction:column}.ss-accordion--boxed{border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);overflow:hidden}.ss-accordion__item:not(:last-child){border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--ss-gap-control);width:100%;padding:var(--ss-space-3) var(--ss-space-4);border:0;background:none;color:inherit;font:inherit;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);text-align:start;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-accordion__trigger:hover{background:var(--ss-color-surface-hover)}.ss-accordion__chevron{flex-shrink:0;transition:rotate var(--ss-dur-base) var(--ss-ease-out)}.ss-accordion__trigger[aria-expanded=true] .ss-accordion__chevron{rotate:180deg}.ss-accordion__panel{padding:0 var(--ss-space-4) var(--ss-space-4);font-size:var(--ss-text-sm);color:var(--ss-color-fg-muted)}.ss-nav-group{display:flex;flex-direction:column;gap:2px;min-width:0}.ss-nav-group--collapsible>.ss-nav-group__label{display:flex;align-items:center;justify-content:space-between;gap:var(--ss-gap-control);width:100%;border:0;background:none;font-family:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.ss-nav-group--collapsible[data-open=false]>:not(.ss-nav-group__label){display:none}.ss-breadcrumbs--sm{font-size:var(--ss-text-xs)}.ss-tabs--md .ss-tab{padding:var(--ss-space-2) var(--ss-space-3);font-size:var(--ss-text-sm)}.ss-pagination--start{justify-content:flex-start}.ss-steps--horizontal{flex-direction:row;align-items:flex-start}.ss-accordion--plain{border:0;border-radius:var(--ss-radius-none);overflow:visible}}@layer ss-components{.ss-chart{position:relative;width:100%;min-width:0;color:var(--ss-chart-label);font-size:var(--ss-text-2xs)}.ss-chart svg{display:block;width:100%;height:auto;overflow:visible}.ss-chart--sm svg{height:8rem}.ss-chart--md svg{height:14rem}.ss-chart--lg svg{height:20rem}.ss-chart__grid line{stroke:var(--ss-chart-grid);stroke-width:1}.ss-chart__axis line,.ss-chart__axis path{stroke:var(--ss-chart-axis);stroke-width:1}.ss-chart__axis text,.ss-chart__label{fill:var(--ss-chart-label);font-size:var(--ss-text-2xs)}.ss-chart__series{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ss-chart__area{stroke:none;opacity:.18}.ss-chart__bar{transition:opacity var(--ss-dur-fast) var(--ss-ease-out)}.ss-chart__bar:hover{opacity:.8}.ss-chart__point{stroke:var(--ss-color-surface);stroke-width:2}.ss-chart__legend{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ss-space-3);font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-chart__legend--top{margin-bottom:var(--ss-space-3)}.ss-chart__legend--bottom{margin-top:var(--ss-space-3)}.ss-chart__legend-item{display:inline-flex;align-items:center;gap:var(--ss-space-2)}.ss-chart__swatch{width:.625rem;height:.625rem;border-radius:var(--ss-radius-xs);flex-shrink:0}.ss-chart__tooltip{position:absolute;z-index:var(--ss-z-tooltip);padding:var(--ss-space-2) var(--ss-space-3);border-radius:var(--ss-radius-field);background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);box-shadow:var(--ss-shadow-md);font-size:var(--ss-text-xs);color:var(--ss-color-fg);pointer-events:none;white-space:nowrap}.ss-sparkline{display:block;width:100%;height:2.5rem}.ss-sparkline--brand{color:var(--ss-color-brand)}.ss-sparkline--success{color:var(--ss-color-success)}.ss-sparkline--danger{color:var(--ss-color-danger)}.ss-sparkline--neutral{color:var(--ss-color-fg-muted)}.ss-gauge{display:inline-grid;place-items:center;row-gap:var(--ss-space-2)}.ss-gauge svg{grid-area:1 / 1;display:block}.ss-gauge--sm svg{width:5rem;height:5rem}.ss-gauge--md svg{width:7.5rem;height:7.5rem}.ss-gauge--lg svg{width:10rem;height:10rem}.ss-gauge__track{fill:none;stroke:var(--ss-color-surface-active)}.ss-gauge__fill{fill:none;stroke:var(--ss-color-brand);stroke-linecap:round;transition:stroke-dashoffset var(--ss-dur-slow) var(--ss-ease-out)}.ss-gauge__value{grid-area:1 / 1;font-family:var(--ss-font-display);font-size:var(--ss-text-xl);font-weight:var(--ss-weight-heading);color:var(--ss-color-fg);font-variant-numeric:tabular-nums}.ss-heatmap{display:grid;gap:3px}.ss-heatmap__cell{aspect-ratio:1;border-radius:var(--ss-radius-xs);background:var(--ss-color-surface-active);transition:outline-color var(--ss-dur-fast) var(--ss-ease-out);outline:2px solid transparent}.ss-heatmap__cell:hover{outline-color:var(--ss-color-brand)}.ss-chart__legend--inline{position:absolute;top:var(--ss-space-2);inset-inline-end:var(--ss-space-2);z-index:1;flex-direction:column;align-items:flex-start;gap:var(--ss-space-1);padding:var(--ss-space-2);background-color:color-mix(in srgb,var(--ss-color-surface) 85%,transparent);border:var(--ss-border-w) solid var(--ss-color-border-subtle);border-radius:var(--ss-radius-field)}.ss-heatmap--sm{gap:2px;font-size:var(--ss-text-2xs)}.ss-heatmap--sm .ss-heatmap__cell{width:.625rem}.ss-heatmap--md{gap:3px;font-size:var(--ss-text-xs)}.ss-heatmap--md .ss-heatmap__cell{width:.875rem}}@layer ss-components{.ss-combobox{position:relative;display:inline-block;min-width:0}.ss-combobox--block{display:block;width:100%}.ss-combobox__list{list-style:none;margin:0;padding:var(--ss-space-1);max-height:16rem;overflow-y:auto;background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);box-shadow:var(--ss-shadow-surface)}.ss-combobox__list--floating{position:absolute;z-index:var(--ss-z-dropdown);inset-inline:0;margin-top:var(--ss-space-1)}.ss-combobox__option{display:flex;align-items:center;gap:var(--ss-gap-control);width:100%;padding:var(--ss-space-2) var(--ss-space-3);border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg);font:inherit;font-size:var(--ss-text-sm);text-align:start;cursor:pointer}.ss-combobox__option--active{background:var(--ss-color-surface-hover)}.ss-combobox__option--selected{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg);font-weight:var(--ss-weight-semibold)}.ss-combobox__option--disabled{opacity:.5;pointer-events:none}.ss-combobox__group{padding:var(--ss-space-2) var(--ss-space-3) var(--ss-space-1);font-size:var(--ss-label-size);font-weight:var(--ss-weight-label);letter-spacing:var(--ss-label-tracking);text-transform:var(--ss-label-case);color:var(--ss-color-fg-subtle)}.ss-combobox__empty{padding:var(--ss-space-4);text-align:center;font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-multiselect{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ss-space-1);padding:var(--ss-space-1) var(--ss-pad-field-x);min-height:var(--ss-control-h-md);background:var(--ss-color-surface);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-field);cursor:text}.ss-multiselect:focus-within{border-color:var(--ss-color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-color-focus-ring) 22%,transparent)}.ss-multiselect--invalid{border-color:var(--ss-color-danger)}.ss-multiselect__entry{flex:1;min-width:6rem;border:0;outline:none;background:transparent;color:inherit;font:inherit;font-size:var(--ss-text-sm)}.ss-calendar{display:inline-block;padding:var(--ss-space-3);background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card)}.ss-calendar--inline{box-shadow:none}.ss-calendar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ss-gap-control);margin-bottom:var(--ss-space-2)}.ss-calendar__label{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold)}.ss-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.ss-calendar__weekday{display:grid;place-items:center;height:1.75rem;font-size:var(--ss-text-2xs);font-weight:var(--ss-weight-label);text-transform:var(--ss-label-case);color:var(--ss-color-fg-subtle)}.ss-calendar__day{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg);font:inherit;font-size:var(--ss-text-xs);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-calendar__day:hover:not(.ss-calendar__day--disabled){background:var(--ss-color-surface-hover)}.ss-calendar__day--outside{color:var(--ss-color-fg-subtle)}.ss-calendar__day--today{box-shadow:inset 0 0 0 var(--ss-border-w-strong) var(--ss-color-brand-border)}.ss-calendar__day--in-range{background:var(--ss-color-brand-soft);border-radius:0}.ss-calendar__day--selected,.ss-calendar__day--range-start,.ss-calendar__day--range-end{background:var(--ss-color-brand);color:var(--ss-color-brand-on);font-weight:var(--ss-weight-semibold)}.ss-calendar__day--disabled{opacity:.35;pointer-events:none}.ss-datepicker{position:relative;display:inline-block;width:100%}.ss-datepicker__popover{position:absolute;z-index:var(--ss-z-dropdown);margin-top:var(--ss-space-1);box-shadow:var(--ss-shadow-surface);border-radius:var(--ss-radius-card)}.ss-combobox--sm .ss-input{min-height:var(--ss-control-h-sm);padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-combobox--sm .ss-combobox__option{padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-combobox--md .ss-input{min-height:var(--ss-control-h-md);padding:var(--ss-pad-field-y) var(--ss-pad-field-x);font-size:var(--ss-text-sm)}.ss-combobox--lg .ss-input{min-height:var(--ss-control-h-lg);padding:var(--ss-space-3) var(--ss-space-4);font-size:var(--ss-text-md)}.ss-combobox--lg .ss-combobox__option{padding:var(--ss-space-3) var(--ss-space-4);font-size:var(--ss-text-md)}.ss-combobox--invalid .ss-input{border-color:var(--ss-color-danger)}.ss-combobox--invalid .ss-input:focus{border-color:var(--ss-color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-color-danger) 22%,transparent)}.ss-multiselect--sm{min-height:var(--ss-control-h-sm);padding:2px var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-multiselect--sm .ss-multiselect__entry{font-size:var(--ss-text-xs)}.ss-multiselect--md{min-height:var(--ss-control-h-md);padding:var(--ss-space-1) var(--ss-pad-field-x);font-size:var(--ss-text-sm)}.ss-calendar--sm{padding:var(--ss-space-2)}.ss-calendar--sm .ss-calendar__day{width:1.75rem;height:1.75rem;font-size:var(--ss-text-2xs)}.ss-calendar--sm .ss-calendar__label{font-size:var(--ss-text-xs)}.ss-calendar--md{padding:var(--ss-space-3)}.ss-calendar--md .ss-calendar__day{width:2rem;height:2rem;font-size:var(--ss-text-xs)}.ss-datepicker--sm .ss-input{min-height:var(--ss-control-h-sm);padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-datepicker--md .ss-input{min-height:var(--ss-control-h-md);padding:var(--ss-pad-field-y) var(--ss-pad-field-x);font-size:var(--ss-text-sm)}}@layer ss-components{.ss-tree{list-style:none;margin:0;padding:0;font-size:var(--ss-text-sm)}.ss-tree__group{list-style:none;margin:0;padding-inline-start:var(--ss-space-4)}.ss-tree--lines .ss-tree__group{border-inline-start:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-tree__item{display:flex;align-items:center;gap:var(--ss-space-1);width:100%;padding:var(--ss-space-1) var(--ss-space-2);border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg);font:inherit;text-align:start;cursor:pointer}.ss-tree__item:hover{background:var(--ss-color-surface-hover)}.ss-tree__item--selected{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg);font-weight:var(--ss-weight-semibold)}.ss-tree__item--disabled{opacity:.5;pointer-events:none}.ss-tree__chevron{display:grid;place-items:center;width:1rem;flex-shrink:0;color:var(--ss-color-fg-subtle);transition:rotate var(--ss-dur-fast) var(--ss-ease-out)}.ss-tree__chevron[data-open=true]{rotate:90deg}.ss-infinite{list-style:none;margin:0;padding:0;overflow-y:auto}.ss-infinite--divided>li:not(:last-child){border-bottom:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-infinite__sentinel{display:grid;place-items:center;padding:var(--ss-space-4)}.ss-chat{display:flex;flex-direction:column;min-height:0;background:var(--ss-color-surface);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);overflow:hidden}.ss-chat--sm{height:20rem}.ss-chat--md{height:28rem}.ss-chat--full{height:100%}.ss-chat__header{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-pad-card);border-bottom:var(--ss-border-w) solid var(--ss-color-border);flex-shrink:0}.ss-chat__log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ss-space-3);padding:var(--ss-pad-card)}.ss-chat__footer{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-pad-card);border-top:var(--ss-border-w) solid var(--ss-color-border);flex-shrink:0}.ss-chat__message{display:flex;flex-direction:column;gap:2px;max-width:78%}.ss-chat__message--start{align-self:flex-start}.ss-chat__message--end{align-self:flex-end;align-items:flex-end}.ss-chat__bubble{padding:var(--ss-space-2) var(--ss-space-3);border-radius:var(--ss-radius-card);background:var(--ss-color-surface-hover);color:var(--ss-color-fg);font-size:var(--ss-text-sm);line-height:var(--ss-leading-snug);word-break:break-word}.ss-chat__message--end .ss-chat__bubble{background:var(--ss-color-brand);color:var(--ss-color-brand-on)}.ss-chat__message--brand .ss-chat__bubble{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-chat__message--success .ss-chat__bubble{background:var(--ss-color-success-soft);color:var(--ss-color-success-fg)}.ss-chat__message--danger .ss-chat__bubble{background:var(--ss-color-danger-soft);color:var(--ss-color-danger-fg)}.ss-chat__meta{font-size:var(--ss-text-2xs);color:var(--ss-color-fg-subtle)}.ss-auth{display:grid;place-items:center;min-height:100vh;padding:var(--ss-space-4)}.ss-auth__panel{width:100%}.ss-auth--sm .ss-auth__panel{max-width:24rem}.ss-auth--md .ss-auth__panel{max-width:32rem}.ss-auth__brand{display:flex;flex-direction:column;align-items:center;gap:var(--ss-space-2);text-align:center}.ss-errorpage{display:grid;place-items:center;gap:var(--ss-space-3);min-height:60vh;padding:var(--ss-space-8);text-align:center}.ss-errorpage__code{font-family:var(--ss-font-display);font-size:var(--ss-text-4xl);font-weight:var(--ss-weight-heading);letter-spacing:var(--ss-tracking-tight);line-height:1;background-image:var(--ss-gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.ss-errorpage--warning .ss-errorpage__code{background-image:none;color:var(--ss-color-warning-fg)}.ss-errorpage--danger .ss-errorpage__code{background-image:none;color:var(--ss-color-danger-fg)}.ss-errorpage__title{font-size:var(--ss-text-lg);font-weight:var(--ss-weight-heading);margin:0}.ss-errorpage__text{max-width:32rem;color:var(--ss-color-fg-muted);margin:0}.ss-toast{display:flex;align-items:flex-start;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-space-4);background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);box-shadow:var(--ss-shadow-surface);font-size:var(--ss-text-sm);min-width:16rem;max-width:26rem}.ss-toast--brand{border-inline-start:3px solid var(--ss-color-brand)}.ss-toast--success{border-inline-start:3px solid var(--ss-color-success)}.ss-toast--warning{border-inline-start:3px solid var(--ss-color-warning)}.ss-toast--danger{border-inline-start:3px solid var(--ss-color-danger)}.ss-toast--info{border-inline-start:3px solid var(--ss-color-info)}.ss-toast__body{flex:1;min-width:0}.ss-toast__title{font-weight:var(--ss-weight-semibold);margin:0}.ss-toast__text{margin:0;color:var(--ss-color-fg-muted)}.ss-toast-viewport{position:fixed;z-index:var(--ss-z-toast);inset-block-start:var(--ss-space-4);inset-inline-end:var(--ss-space-4);display:flex;flex-direction:column;gap:var(--ss-space-2);pointer-events:none}.ss-toast-viewport>*{pointer-events:auto}.ss-tree--sm{font-size:var(--ss-text-xs)}.ss-tree--sm .ss-tree__item{padding:2px var(--ss-space-1)}.ss-tree--sm .ss-tree__group{padding-inline-start:var(--ss-space-3)}.ss-tree--md{font-size:var(--ss-text-sm)}.ss-tree--md .ss-tree__item{padding:var(--ss-space-1) var(--ss-space-2)}.ss-tree__item--expandable{font-weight:var(--ss-weight-medium)}.ss-tree__item--expandable .ss-tree__chevron{color:var(--ss-color-fg-muted)}.ss-tree__item:not(.ss-tree__item--expandable) .ss-tree__chevron{visibility:hidden}.ss-infinite--plain>li:not(:last-child){border-bottom:0}}@layer ss-components{.ss-link{color:var(--ss-color-brand);border-radius:var(--ss-radius-xs);text-underline-offset:.16em;text-decoration-color:color-mix(in oklab,currentColor 45%,transparent);transition:color var(--ss-dur-fast) var(--ss-ease-out),opacity var(--ss-dur-fast) var(--ss-ease-out),text-decoration-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-link:hover{text-decoration-color:currentColor}.ss-link--brand{color:var(--ss-color-brand)}.ss-link--brand:hover{color:var(--ss-color-brand-hover)}.ss-link--brand:active{color:var(--ss-color-brand-active)}.ss-link--fg{color:var(--ss-color-fg)}.ss-link--muted{color:var(--ss-color-fg-muted)}.ss-link--muted:hover{color:var(--ss-color-fg)}.ss-link--success{color:var(--ss-color-success-fg)}.ss-link--warning{color:var(--ss-color-warning-fg)}.ss-link--danger{color:var(--ss-color-danger-fg)}.ss-link--info{color:var(--ss-color-info-fg)}.ss-link--underline-always{text-decoration-line:underline}.ss-link--underline-hover{text-decoration-line:none}.ss-link--underline-hover:hover{text-decoration-line:underline}.ss-link--underline-none,.ss-link--underline-none:hover{text-decoration-line:none}.ss-link--opacity-75{opacity:.75}.ss-link--opacity-50{opacity:.5}.ss-link--opacity-25{opacity:.25}.ss-link--offset-sm{text-underline-offset:.24em}.ss-link--offset-md{text-underline-offset:.36em}.ss-link--disabled{color:var(--ss-color-fg-subtle);pointer-events:none;text-decoration-line:none}.ss-icon-link{display:inline-flex;gap:var(--ss-space-2);align-items:center;color:var(--ss-color-brand);border-radius:var(--ss-radius-xs);text-underline-offset:.16em;transition:color var(--ss-dur-fast) var(--ss-ease-out)}.ss-icon-link--sm{font-size:var(--ss-text-sm);gap:var(--ss-space-1)}.ss-icon-link--md{font-size:var(--ss-text-md)}.ss-icon-link__icon{display:inline-flex;flex-shrink:0;transition:transform var(--ss-dur-base) var(--ss-ease-out)}.ss-icon-link--shift:hover .ss-icon-link__icon:last-child{transform:translate(.25em)}.ss-icon-link--shift:hover .ss-icon-link__icon:first-child{transform:translate(-.25em)}.ss-stretched-link:after{position:absolute;inset:0;z-index:1;content:"";border-radius:inherit}@media(prefers-reduced-motion:reduce){.ss-icon-link__icon{transition:none}}}@layer ss-components{.animate-shimmer{background:linear-gradient(90deg,transparent 0%,color-mix(in oklab,var(--ss-color-brand) 4%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:shimmer-sweep 2s ease-in-out infinite}.animate-page-enter{animation:page-enter .35s ease-out both}.glow-hover{transition:box-shadow .3s ease}.glow-hover:hover{box-shadow:0 0 20px -5px color-mix(in oklab,var(--ss-color-brand) 15%,transparent)}.animate-border-glow{animation:border-glow 3s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-ring:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid color-mix(in oklab,var(--ss-color-brand) 30%,transparent);animation:pulse-ring 2s ease-out infinite}.text-gradient-animate{background:linear-gradient(90deg,var(--ss-color-fg),var(--ss-color-brand),var(--ss-color-fg));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease-in-out infinite}.animate-scale-in{animation:scale-in .3s ease-out both}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px color-mix(in oklab,var(--ss-color-brand) 10%,transparent)}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.reaction-burst{pointer-events:none;position:absolute;left:50%;top:50%;width:0;height:0}.reaction-burst>span{position:absolute;left:0;top:0;font-size:11px;line-height:1;transform:translate(-50%,-50%);animation:burst-particle .7s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform,opacity}[data-hero-anim]>*{opacity:0;transform:translateY(30px);filter:blur(8px);will-change:opacity,transform,filter}}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes border-glow{0%,to{border-color:var(--ss-color-border)}50%{border-color:color-mix(in oklab,var(--ss-color-brand) 30%,transparent)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes burst-particle{0%{transform:translate(-50%,-50%) translate(0) rotate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1);opacity:0}}@layer ss-components{.ss-cursor-glow{position:fixed;top:0;left:0;width:300px;height:300px;border-radius:var(--ss-radius-full);pointer-events:none;z-index:var(--ss-z-base);opacity:0;background:radial-gradient(circle,color-mix(in oklab,var(--ss-color-brand) 4%,transparent),transparent 70%);filter:blur(40px);transform:translate3d(var(--ss-vfx-x, 0),var(--ss-vfx-y, 0),0);transition:opacity .3s var(--ss-ease-out)}.ss-scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:var(--ss-z-toast);pointer-events:none}.ss-scroll-progress__bar{height:100%;transform-origin:left;transform:scaleX(var(--ss-vfx-progress, 0));will-change:transform;background:linear-gradient(90deg,var(--ss-color-brand),color-mix(in oklab,var(--ss-color-brand) 60%,transparent))}.ss-glowline{position:relative;width:100%;height:1px;overflow:hidden}.ss-glowline__track{position:absolute;inset:0;background:var(--ss-color-border)}.ss-glowline__sweep{position:absolute;top:0;height:100%;width:33.3333%;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--ss-color-brand) 50%,transparent),transparent);animation:ss-glowline 5s ease-in-out infinite}.ss-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ss-particles__dot{position:absolute;border-radius:var(--ss-radius-full);background:color-mix(in oklab,var(--ss-color-brand) 12%,transparent);pointer-events:none;will-change:transform,opacity;animation:ss-drift var(--ss-vfx-dur, 5s) var(--ss-ease-out) var(--ss-vfx-delay, 0s) infinite}.ss-blob{pointer-events:none}.ss-blob__path{fill:color-mix(in oklab,var(--ss-color-brand) 6%,transparent);transition:d 4s ease-in-out}}@keyframes ss-glowline{0%{transform:translate(-100%)}60%,to{transform:translate(200%)}}@keyframes ss-drift{0%{transform:translate(0);opacity:var(--ss-vfx-opacity, .2)}to{transform:translate(var(--ss-vfx-dx, 0),calc(-1 * var(--ss-vfx-rise, 100px)));opacity:0}}@layer ss-components{.ss-carousel{position:relative;display:flex;flex-direction:column;min-width:0}.ss-carousel--rounded{border-radius:var(--ss-radius-card);overflow:hidden}.ss-carousel--bordered{border:var(--ss-border-w) solid var(--ss-color-border)}.ss-carousel__viewport{position:relative;overflow:hidden;min-width:0;background:var(--ss-color-surface-sunken)}.ss-carousel__viewport--16x9{aspect-ratio:16 / 9}.ss-carousel__viewport--4x3{aspect-ratio:4 / 3}.ss-carousel__viewport--21x9{aspect-ratio:21 / 9}.ss-carousel__track{display:flex;height:100%;translate:var(--carousel-offset, 0%) 0}.ss-carousel__track--animated{transition:translate var(--ss-dur-slow) var(--ss-ease-out)}.ss-carousel__slide{position:relative;min-width:0}.ss-carousel--slide .ss-carousel__track{display:flex}.ss-carousel--slide .ss-carousel__slide{flex:0 0 100%}.ss-carousel__slide>img{display:block;width:100%;height:100%;object-fit:cover}.ss-carousel--fade .ss-carousel__track{display:grid;translate:none}.ss-carousel--fade .ss-carousel__slide{grid-area:1 / 1;opacity:0;visibility:hidden;transition:opacity var(--ss-dur-slow) var(--ss-ease-out),visibility var(--ss-dur-slow) var(--ss-ease-out)}.ss-carousel--fade .ss-carousel__slide--active{opacity:1;visibility:visible}.ss-carousel__control{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:var(--ss-control-h-md);height:var(--ss-control-h-md);z-index:1;padding:0;border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-full);background-color:color-mix(in srgb,var(--ss-color-surface) 80%,transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop);color:var(--ss-color-fg);cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),opacity var(--ss-dur-fast) var(--ss-ease-out)}.ss-carousel__control:hover{background-color:var(--ss-color-surface)}.ss-carousel__control--prev{inset-inline-start:var(--ss-space-3)}.ss-carousel__control--next{inset-inline-end:var(--ss-space-3)}.ss-carousel__control--disabled{opacity:.4;pointer-events:none}.ss-carousel__indicators{display:flex;align-items:center;justify-content:center;gap:var(--ss-space-2);margin:0;padding:0;list-style:none}.ss-carousel__indicators--inside{position:absolute;inset-inline:0;bottom:var(--ss-space-3);z-index:1}.ss-carousel__indicators--outside{padding-block:var(--ss-space-3)}.ss-carousel__indicator{width:var(--ss-space-2);height:var(--ss-space-2);padding:0;border:0;border-radius:var(--ss-radius-full);background:var(--ss-color-border-strong);cursor:pointer;transition:width var(--ss-dur-base) var(--ss-ease-out),background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-carousel__indicator--active{width:var(--ss-space-6);background:var(--ss-color-brand)}.ss-carousel__caption{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:var(--ss-space-1);padding:var(--ss-space-8) var(--ss-space-4) var(--ss-space-6);color:var(--ss-color-fg-inverted);background-image:linear-gradient(to top,color-mix(in srgb,var(--ss-color-overlay) 90%,transparent),transparent);font-size:var(--ss-text-sm)}.ss-carousel__caption--start{align-items:flex-start;text-align:start}.ss-carousel__caption--center{align-items:center;text-align:center}.ss-carousel__caption--end{align-items:flex-end;text-align:end}.ss-carousel__title{font-family:var(--ss-font-display);font-size:var(--ss-text-lg);font-weight:var(--ss-weight-heading);margin:0}.ss-collapse--vertical:not(.ss-collapse--open)>.ss-collapse__panel{height:0;padding-block:0;overflow:hidden}.ss-collapse--horizontal:not(.ss-collapse--open)>.ss-collapse__panel{width:0;padding-inline:0;overflow:hidden}.ss-collapse__trigger{display:inline-flex;align-items:center;gap:var(--ss-gap-control);border:0;padding:0;background:none;color:inherit;font:inherit;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-label);text-align:start;cursor:pointer}.ss-collapse__trigger--plain{color:var(--ss-color-brand-fg)}.ss-collapse__trigger--panel{display:flex;justify-content:space-between;width:100%;padding:var(--ss-space-3) var(--ss-space-4);color:var(--ss-color-fg);background:var(--ss-color-surface);transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-collapse__trigger--panel:hover{background:var(--ss-color-surface-hover)}.ss-collapse__trigger--disabled{opacity:.5;pointer-events:none}.ss-collapse__icon{flex-shrink:0;transition:rotate var(--ss-dur-base) var(--ss-ease-out)}.ss-collapse__trigger--open .ss-collapse__icon{rotate:180deg}.ss-collapse__panel{font-size:var(--ss-text-sm);color:var(--ss-color-fg-muted)}.ss-collapse__panel--padded{padding:var(--ss-space-3) var(--ss-space-4) var(--ss-space-4)}.ss-collapse-group{display:flex;flex-direction:column;min-width:0}.ss-collapse-group--boxed{border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);overflow:hidden}.ss-collapse-group--boxed>.ss-collapse-group__item:not(:last-child){border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-collapse-group--gap-none{gap:0}.ss-collapse-group--gap-sm{gap:var(--ss-space-2)}.ss-collapse-group--gap-md{gap:var(--ss-space-4)}.ss-collapse-group--plain>.ss-collapse-group__item:not(:last-child){border-bottom:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-collapse-group__item{min-width:0}@media(prefers-reduced-motion:reduce){.ss-carousel__track--animated,.ss-carousel--fade .ss-carousel__slide{transition-duration:var(--ss-dur-instant)}}}@layer ss-components{.ss-navbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ss-gap-control);min-height:var(--ss-layout-header-h);padding:var(--ss-space-2) var(--ss-page-pad-x);color:var(--ss-color-fg)}.ss-navbar--solid{background:var(--ss-color-surface)}.ss-navbar--glass{background-color:color-mix(in srgb,var(--ss-color-surface) calc(var(--ss-surface-alpha) * 80%),transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop)}.ss-navbar--transparent{background:transparent}.ss-navbar--bordered{border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-navbar--sticky{position:sticky;top:0;z-index:var(--ss-z-sticky)}.ss-navbar__brand{display:inline-flex;align-items:center;gap:var(--ss-gap-control);margin-inline-end:var(--ss-space-4);color:inherit;text-decoration:none;font-family:var(--ss-font-display);font-weight:var(--ss-weight-heading);letter-spacing:var(--ss-tracking-tight);white-space:nowrap}.ss-navbar__brand--sm{font-size:var(--ss-text-sm)}.ss-navbar__brand--md{font-size:var(--ss-text-md)}.ss-navbar__mark{display:grid;place-items:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:var(--ss-radius-field);background-image:var(--ss-gradient-brand);background-color:var(--ss-color-brand);color:var(--ss-color-brand-on)}.ss-navbar__toggle{display:grid;place-items:center;margin-inline-start:auto;width:var(--ss-control-h-sm);height:var(--ss-control-h-sm);padding:0;border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-control);background:none;color:var(--ss-color-fg-muted);cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out)}.ss-navbar__toggle:hover{background:var(--ss-color-surface-hover);color:var(--ss-color-fg)}.ss-navbar__toggle--open{background:var(--ss-color-brand-soft);border-color:var(--ss-color-brand-border);color:var(--ss-color-brand-fg)}.ss-navbar__collapse{display:none;flex-basis:100%;flex-direction:column;gap:var(--ss-space-1);padding-block:var(--ss-space-2)}.ss-navbar__collapse--open{display:flex}.ss-navbar__nav{display:flex;flex-direction:column;gap:var(--ss-space-1);margin:0;padding:0;list-style:none;min-width:0}.ss-navbar__nav--start{align-items:stretch}.ss-navbar__nav--center{align-items:center}.ss-navbar__nav--end{align-items:flex-end}.ss-navbar__link{display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-2) var(--ss-space-3);border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg-muted);font:inherit;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-label);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out)}.ss-navbar__link:hover{background:var(--ss-color-surface-hover);color:var(--ss-color-fg)}.ss-navbar__link--active{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-navbar__link--disabled{opacity:.5;pointer-events:none}.ss-navbar__spacer{flex:1}.ss-navbar--expand-never .ss-navbar__nav{width:100%}@media(min-width:36rem){.ss-navbar--expand-sm .ss-navbar__toggle{display:none}.ss-navbar--expand-sm .ss-navbar__collapse{display:flex;flex-basis:auto;flex:1;flex-direction:row;align-items:center;gap:var(--ss-gap-control);padding-block:0}.ss-navbar--expand-sm .ss-navbar__nav{flex-direction:row;align-items:center}.ss-navbar--expand-sm .ss-navbar__nav--center{margin-inline:auto}.ss-navbar--expand-sm .ss-navbar__nav--end{margin-inline-start:auto}}@media(min-width:48rem){.ss-navbar--expand-md .ss-navbar__toggle{display:none}.ss-navbar--expand-md .ss-navbar__collapse{display:flex;flex-basis:auto;flex:1;flex-direction:row;align-items:center;gap:var(--ss-gap-control);padding-block:0}.ss-navbar--expand-md .ss-navbar__nav{flex-direction:row;align-items:center}.ss-navbar--expand-md .ss-navbar__nav--center{margin-inline:auto}.ss-navbar--expand-md .ss-navbar__nav--end{margin-inline-start:auto}}@media(min-width:64rem){.ss-navbar--expand-lg .ss-navbar__toggle{display:none}.ss-navbar--expand-lg .ss-navbar__collapse{display:flex;flex-basis:auto;flex:1;flex-direction:row;align-items:center;gap:var(--ss-gap-control);padding-block:0}.ss-navbar--expand-lg .ss-navbar__nav{flex-direction:row;align-items:center}.ss-navbar--expand-lg .ss-navbar__nav--center{margin-inline:auto}.ss-navbar--expand-lg .ss-navbar__nav--end{margin-inline-start:auto}}.ss-scrollspy{display:flex;gap:var(--ss-space-1);margin:0;padding:0;list-style:none;min-width:0}.ss-scrollspy--vertical{flex-direction:column;border-inline-start:var(--ss-border-w) solid var(--ss-color-border)}.ss-scrollspy--horizontal{flex-direction:row;align-items:center;overflow-x:auto;border-bottom:var(--ss-border-w) solid var(--ss-color-border)}.ss-scrollspy--sticky{position:sticky;top:var(--ss-space-6);align-self:flex-start;max-height:calc(100vh - var(--ss-space-12));overflow-y:auto}.ss-scrollspy__link{display:block;padding:var(--ss-space-1) var(--ss-space-3);border:0;background:none;color:var(--ss-color-fg-muted);font:inherit;font-size:var(--ss-text-sm);text-align:start;text-decoration:none;cursor:pointer;transition:color var(--ss-dur-fast) var(--ss-ease-out),border-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-scrollspy__link:hover{color:var(--ss-color-fg)}.ss-scrollspy--vertical .ss-scrollspy__link{border-inline-start:var(--ss-border-w-strong) solid transparent;margin-inline-start:calc(var(--ss-border-w) * -1)}.ss-scrollspy--horizontal .ss-scrollspy__link{border-bottom:var(--ss-border-w-strong) solid transparent;margin-bottom:calc(var(--ss-border-w) * -1);white-space:nowrap}.ss-scrollspy__link--active{color:var(--ss-color-brand-fg);font-weight:var(--ss-weight-semibold);border-color:var(--ss-color-brand)}.ss-scrollspy__link--depth-1{padding-inline-start:var(--ss-space-6);font-size:var(--ss-text-xs)}.ss-scrollspy__link--depth-2{padding-inline-start:var(--ss-space-10);font-size:var(--ss-text-xs)}}@layer ss-components{.ss-image{display:block;max-width:100%;transition:opacity var(--ss-dur-base) var(--ss-ease-out)}.ss-image--fluid{width:100%;height:auto}.ss-image--cover{object-fit:cover}.ss-image--contain{object-fit:contain}.ss-image--fill{object-fit:fill}.ss-image--none{object-fit:none}.ss-image--radius-none{border-radius:var(--ss-radius-none)}.ss-image--radius-sm{border-radius:var(--ss-radius-sm)}.ss-image--radius-md{border-radius:var(--ss-radius-md)}.ss-image--radius-lg{border-radius:var(--ss-radius-lg)}.ss-image--radius-full{border-radius:var(--ss-radius-full)}.ss-image--thumbnail{padding:var(--ss-space-1);background:var(--ss-color-surface);border:var(--ss-border-w) solid var(--ss-color-border);box-shadow:var(--ss-shadow-xs)}.ss-image--loading{opacity:0}.ss-image--failed{display:none}.ss-image__fallback{display:grid;place-items:center;width:100%;height:100%;min-height:var(--ss-control-h-lg);background:var(--ss-color-surface-sunken);color:var(--ss-color-fg-subtle);font-size:var(--ss-text-xs);text-align:center}.ss-ratio{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:var(--ratio, 16 / 9)}.ss-ratio--1x1{--ratio: 1 / 1}.ss-ratio--4x3{--ratio: 4 / 3}.ss-ratio--16x9{--ratio: 16 / 9}.ss-ratio--21x9{--ratio: 21 / 9}.ss-ratio--custom{--ratio: var(--ratio-custom, 16 / 9)}.ss-ratio>*{position:absolute;inset:0;width:100%;height:100%}.ss-figure{display:flex;flex-direction:column;gap:var(--ss-space-2);margin:0;min-width:0}.ss-figure--start{align-items:flex-start;text-align:start}.ss-figure--center{align-items:center;text-align:center}.ss-figure--end{align-items:flex-end;text-align:end}.ss-figure--bordered{padding:var(--ss-space-3);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);background:var(--ss-color-surface)}.ss-figure__caption{color:var(--ss-color-fg-muted);line-height:var(--ss-leading-snug)}.ss-figure__caption--xs{font-size:var(--ss-text-xs)}.ss-figure__caption--sm{font-size:var(--ss-text-sm)}.ss-list-group{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;min-width:0;border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);background:var(--ss-color-surface);overflow:hidden}.ss-list-group--flush{border-inline-width:0;border-block-width:0;border-radius:var(--ss-radius-none);background:transparent}.ss-list-group--horizontal{flex-direction:row}.ss-list-group--numbered{counter-reset:ss-list-group}.ss-list-group__item{position:relative;display:flex;align-items:center;gap:var(--ss-gap-control);padding:var(--ss-space-3) var(--ss-space-4);min-width:0;color:var(--ss-color-fg);font-size:var(--ss-text-sm);text-align:start;text-decoration:none;background:transparent;border:0;border-bottom:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-list-group__item:last-child{border-bottom:0}.ss-list-group--horizontal .ss-list-group__item{flex:1;border-bottom:0;border-inline-end:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-list-group--horizontal .ss-list-group__item:last-child{border-inline-end:0}.ss-list-group--numbered .ss-list-group__item:before{counter-increment:ss-list-group;content:counter(ss-list-group) ".";flex-shrink:0;color:var(--ss-color-fg-subtle);font-variant-numeric:tabular-nums;font-weight:var(--ss-weight-semibold)}.ss-list-group__item--action{width:100%;font:inherit;font-size:var(--ss-text-sm);cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out)}.ss-list-group__item--action:hover{background:var(--ss-color-surface-hover)}.ss-list-group__item--action:active{background:var(--ss-color-surface-active)}.ss-list-group__item--active{background:var(--ss-color-brand);color:var(--ss-color-brand-on);border-color:var(--ss-color-brand)}.ss-list-group__item--active:hover{background:var(--ss-color-brand-hover)}.ss-list-group__item--disabled{color:var(--ss-color-fg-subtle);background:var(--ss-color-surface-sunken);pointer-events:none}.ss-list-group__item--brand{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-list-group__item--success{background:var(--ss-color-success-soft);color:var(--ss-color-success-fg)}.ss-list-group__item--warning{background:var(--ss-color-warning-soft);color:var(--ss-color-warning-fg)}.ss-list-group__item--danger{background:var(--ss-color-danger-soft);color:var(--ss-color-danger-fg)}.ss-list-group__item--info{background:var(--ss-color-info-soft);color:var(--ss-color-info-fg)}.ss-list-group__body{flex:1;min-width:0}.ss-list-group__title{font-weight:var(--ss-weight-semibold)}.ss-list-group__text{margin:0;font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-list-group__item--active .ss-list-group__text{color:inherit;opacity:.85}.ss-list-group__badge{margin-inline-start:auto;flex-shrink:0}}@layer ss-components{.ss-heading{margin:0;font-family:var(--ss-font-display);font-weight:var(--ss-weight-heading);line-height:var(--ss-leading-tight);letter-spacing:var(--ss-tracking-tight);color:var(--ss-color-fg);min-width:0}.ss-heading--1{font-size:var(--ss-text-3xl)}.ss-heading--2{font-size:var(--ss-text-2xl)}.ss-heading--3{font-size:var(--ss-text-xl)}.ss-heading--4{font-size:var(--ss-text-lg)}.ss-heading--5{font-size:var(--ss-text-md)}.ss-heading--6{font-size:var(--ss-text-sm);letter-spacing:var(--ss-tracking-normal)}.ss-heading--display-sm{font-size:var(--ss-text-3xl);font-weight:var(--ss-weight-black)}.ss-heading--display-md{font-size:var(--ss-text-4xl);font-weight:var(--ss-weight-black)}.ss-heading--display-lg{font-size:calc(var(--ss-text-4xl) * 1.3);font-weight:var(--ss-weight-black)}.ss-heading--display-xl{font-size:calc(var(--ss-text-4xl) * 1.65);font-weight:var(--ss-weight-black)}.ss-heading--muted{color:var(--ss-color-fg-muted)}.ss-heading--brand{color:var(--ss-color-brand-fg)}.ss-text{margin:0;min-width:0;color:var(--ss-color-fg);line-height:var(--ss-leading-normal)}.ss-text--xs{font-size:var(--ss-text-xs)}.ss-text--sm{font-size:var(--ss-text-sm)}.ss-text--md{font-size:var(--ss-text-md)}.ss-text--lg{font-size:var(--ss-text-lg)}.ss-text--muted{color:var(--ss-color-fg-muted)}.ss-text--subtle{color:var(--ss-color-fg-subtle)}.ss-text--brand{color:var(--ss-color-brand-fg)}.ss-text--success{color:var(--ss-color-success-fg)}.ss-text--warning{color:var(--ss-color-warning-fg)}.ss-text--danger{color:var(--ss-color-danger-fg)}.ss-text--normal{font-weight:var(--ss-weight-normal)}.ss-text--medium{font-weight:var(--ss-weight-medium)}.ss-text--semibold{font-weight:var(--ss-weight-semibold)}.ss-text--bold{font-weight:var(--ss-weight-bold)}.ss-text--start{text-align:start}.ss-text--center{text-align:center}.ss-text--end{text-align:end}.ss-lead{margin:0;color:var(--ss-color-fg-muted);line-height:var(--ss-leading-relaxed);font-weight:var(--ss-weight-normal)}.ss-lead--md{font-size:var(--ss-text-lg)}.ss-lead--lg{font-size:var(--ss-text-xl)}.ss-blockquote{margin:0;padding:var(--ss-space-2) var(--ss-space-4);border-inline-start:var(--ss-border-w-strong) solid var(--ss-color-border-strong);color:var(--ss-color-fg);font-size:var(--ss-text-md);line-height:var(--ss-leading-relaxed)}.ss-blockquote--neutral{border-inline-start-color:var(--ss-color-border-strong)}.ss-blockquote--brand{border-inline-start-color:var(--ss-color-brand);background:var(--ss-color-brand-soft)}.ss-blockquote--success{border-inline-start-color:var(--ss-color-success);background:var(--ss-color-success-soft)}.ss-blockquote--danger{border-inline-start-color:var(--ss-color-danger);background:var(--ss-color-danger-soft)}.ss-blockquote--start{text-align:start}.ss-blockquote--center{text-align:center;border-inline-start:0;padding-inline:0}.ss-blockquote__cite{display:block;margin-top:var(--ss-space-2);font-size:var(--ss-text-xs);font-style:normal;color:var(--ss-color-fg-muted)}.ss-blockquote__cite:before{content:"— "}.ss-inline-code{padding:2px var(--ss-space-1);border-radius:var(--ss-radius-xs);font-family:var(--ss-font-mono);font-size:.9em;border:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-inline-code--neutral{background:var(--ss-color-surface-sunken);color:var(--ss-color-fg)}.ss-inline-code--danger{background:var(--ss-color-danger-soft);border-color:var(--ss-color-danger-border);color:var(--ss-color-danger-fg)}.ss-mark{padding:0 var(--ss-space-1);border-radius:var(--ss-radius-xs);background:var(--ss-color-warning-soft);color:var(--ss-color-warning-fg)}.ss-mark--warning{background:var(--ss-color-warning-soft);color:var(--ss-color-warning-fg)}.ss-mark--brand{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-mark--success{background:var(--ss-color-success-soft);color:var(--ss-color-success-fg)}.ss-mark--danger{background:var(--ss-color-danger-soft);color:var(--ss-color-danger-fg)}}@layer ss-components{.ss-hovercard__trigger{position:relative;display:inline-flex;align-items:center;gap:var(--ss-space-1);color:inherit;text-decoration:none}.ss-hovercard__trigger--underline{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:help}.ss-hovercard{position:absolute;z-index:var(--ss-z-popover);display:flex;flex-direction:column;gap:var(--ss-space-2);padding:var(--ss-pad-card);background:var(--ss-color-surface-raised);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-card);box-shadow:var(--ss-shadow-surface);color:var(--ss-color-fg);font-size:var(--ss-text-sm);line-height:var(--ss-leading-snug);opacity:0;visibility:hidden;translate:0 var(--ss-space-1);transition:opacity var(--ss-dur-fast) var(--ss-ease-out),translate var(--ss-dur-fast) var(--ss-ease-out),visibility var(--ss-dur-fast) var(--ss-ease-out)}.ss-hovercard--open{opacity:1;visibility:visible;translate:0 0}.ss-hovercard--sm{width:14rem}.ss-hovercard--md{width:18rem}.ss-hovercard--lg{width:24rem}.ss-hovercard--bottom{top:100%;inset-inline-start:0;margin-top:var(--ss-space-2)}.ss-hovercard--top{bottom:100%;inset-inline-start:0;margin-bottom:var(--ss-space-2)}.ss-hovercard--start{top:0;inset-inline-end:100%;margin-inline-end:var(--ss-space-2)}.ss-hovercard--end{top:0;inset-inline-start:100%;margin-inline-start:var(--ss-space-2)}.ss-hovercard__header{display:flex;align-items:center;gap:var(--ss-gap-control)}.ss-hovercard__title{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);margin:0}.ss-hovercard__body{color:var(--ss-color-fg-muted)}.ss-hovercard__footer{display:flex;align-items:center;gap:var(--ss-gap-control);padding-top:var(--ss-space-2);border-top:var(--ss-border-w) solid var(--ss-color-border-subtle);font-size:var(--ss-text-xs);color:var(--ss-color-fg-subtle)}.ss-close{display:inline-grid;place-items:center;flex-shrink:0;padding:0;border:0;border-radius:var(--ss-radius-control);background:none;color:var(--ss-color-fg-muted);cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out),color var(--ss-dur-fast) var(--ss-ease-out),opacity var(--ss-dur-fast) var(--ss-ease-out)}.ss-close:hover{color:var(--ss-color-fg);background:var(--ss-color-surface-hover)}.ss-close:disabled{opacity:.5;pointer-events:none}.ss-close--sm{width:var(--ss-control-h-xs);height:var(--ss-control-h-xs)}.ss-close--md{width:var(--ss-control-h-sm);height:var(--ss-control-h-sm)}.ss-close--lg{width:var(--ss-control-h-md);height:var(--ss-control-h-md)}.ss-close--plain{background:none}.ss-close--soft{background:var(--ss-color-surface-sunken);border:var(--ss-border-w) solid var(--ss-color-border)}.ss-close--inverted{color:var(--ss-color-fg-inverted);opacity:.75}.ss-close--inverted:hover{color:var(--ss-color-fg-inverted);background:color-mix(in srgb,var(--ss-color-fg-inverted) 18%,transparent);opacity:1}.ss-close--inline{margin-inline-start:auto}.ss-close--corner{position:absolute;top:var(--ss-space-2);inset-inline-end:var(--ss-space-2);z-index:1}.ss-alert--closable .ss-close--corner{top:var(--ss-space-1)}.ss-btn-toolbar{display:flex;align-items:center;min-width:0}.ss-btn-toolbar--wrap{flex-wrap:wrap}.ss-btn-toolbar--gap-sm{gap:var(--ss-space-2)}.ss-btn-toolbar--gap-md{gap:var(--ss-space-3)}.ss-btn-toolbar--gap-lg{gap:var(--ss-space-5)}.ss-btn-toolbar--start{justify-content:flex-start}.ss-btn-toolbar--center{justify-content:center}.ss-btn-toolbar--end{justify-content:flex-end}.ss-btn-toolbar--between{justify-content:space-between}.ss-btn-toolbar__group{display:flex;align-items:center;min-width:0}}.ss-auth,.ss-auth *,.ss-auth *:before,.ss-auth *:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--ss-color-canvas);color:var(--ss-color-fg);font-family:var(--ss-font-sans);-webkit-font-smoothing:antialiased}.kp-mobile-bar{display:none;align-items:center;gap:var(--ss-space-2);margin-bottom:var(--ss-space-4)}.kp-scrim{display:none}@media(max-width:48rem){.kp-mobile-bar{display:flex}.kp-scrim{display:block;position:fixed;inset:0;background:var(--ss-color-overlay);z-index:var(--ss-z-overlay)}.ss-sidebar[data-open=true]{z-index:var(--ss-z-modal)}}.kp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--ss-gap-section);align-items:center}@media(max-width:64rem){.kp-hero{grid-template-columns:minmax(0,1fr)}}.kp-art{position:relative;border-radius:var(--ss-radius-surface);overflow:hidden;box-shadow:var(--ss-shadow-lg)}.kp-art img{display:block;width:100%;height:auto}.kp-art__label{position:absolute;inset-inline-start:var(--ss-space-3);inset-block-end:var(--ss-space-3)}.kp-route{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ss-space-2)}.kp-schema{max-height:32rem;overflow:auto}.kp-clickable{cursor:pointer;text-align:start;width:100%;height:100%}.kp-prose{line-height:var(--ss-leading-relaxed);max-width:72ch}.kp-filter{flex:0 1 12rem}.kp-grow{flex:1 1 18rem}.kp-image-button{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.kp-lightbox-img{width:100%;height:auto}.kp-art{margin:0}.kp-thumb{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:var(--ss-color-surface-sunken)}.kp-thumb--contain{aspect-ratio:1 / 1;object-fit:contain}.kp-model{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--ss-radius-card);background:radial-gradient(circle at 50% 40%,var(--ss-color-surface),var(--ss-color-canvas-subtle));border:1px solid var(--ss-color-border);overflow:hidden;touch-action:none}.kp-model__canvas,.kp-model__canvas canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.kp-model__overlay{position:absolute;inset:0;display:grid;place-items:center;padding:var(--ss-space-4)}.kp-model__hint{position:absolute;inset-inline:0;inset-block-start:var(--ss-space-2);text-align:center;pointer-events:none}