@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-border-w-thick: 3px;--ss-focus-ring-w: 3px;--ss-focus-ring-offset: 2px;--ss-space-unit: .25rem;--ss-space-px: 1px;--ss-space-0-5: calc(var(--ss-space-unit) * .5);--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-size-scrollbar: 10px;--ss-size-3xs: 6rem;--ss-size-2xs: 8rem;--ss-size-xs: 12rem;--ss-size-sm: 16rem;--ss-size-md: 20rem;--ss-size-lg: 24rem;--ss-size-xl: 32rem;--ss-size-2xl: 40rem;--ss-size-3xl: 48rem;--ss-size-4xl: 56rem;--ss-size-5xl: 64rem;--ss-size-6xl: 72rem;--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-text-underline-offset: .16em;--ss-text-underline-offset-sm: .24em;--ss-text-underline-offset-md: .36em;--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-surface-glass-blur: 14px;--ss-surface-scrim-blur: 4px;--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-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(#7e5ed4, #9c86e0);--ss-color-brand: light-dark(#7e5ed4, #9c86e0);--ss-color-brand-hover: light-dark(#6d4fc2, #b9a9ea);--ss-color-brand-active: light-dark(#5f44aa, #ddd6f2);--ss-color-brand-soft: light-dark(#ece8f8, #9c86e02e);--ss-color-brand-soft-hover: light-dark(#ddd6f2, #9c86e045);--ss-color-brand-fg: light-dark(#5f44aa, #b9a9ea);--ss-color-brand-on: #ffffff;--ss-color-brand-border: light-dark(#ddd6f2, #9c86e05c);--ss-color-accent: light-dark(#da5094, #e87ab0);--ss-color-accent-hover: light-dark(#c63f80, #f0a6cb);--ss-color-accent-active: light-dark(#a8346d, #f6cde2);--ss-color-accent-soft: light-dark(#fce7f3, #e87ab02e);--ss-color-accent-soft-hover: light-dark(#f6cde2, #e87ab045);--ss-color-accent-fg: light-dark(#a8346d, #f0a6cb);--ss-color-accent-on: #ffffff;--ss-color-accent-border: light-dark(#f6cde2, #e87ab05c);--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(#7e5ed4, #9c86e0);--ss-chart-2: light-dark(#da5094, #e87ab0);--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(#7e5ed40d, #00000066);--ss-shadow-surface: 0 18px 48px light-dark(#7e5ed41f, #00000099);--ss-shadow-brand: 0 10px 24px light-dark(#7e5ed440, #9c86e033);--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: .125rem;--ss-radius-field: .125rem;--ss-radius-card: .125rem;--ss-radius-surface: .125rem;--ss-radius-chip: .125rem;--ss-radius-avatar: .125rem;--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;scrollbar-color:var(--ss-color-border-strong) transparent}.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:var(--ss-focus-ring-offset)}.ss-root ::selection{background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-root ::-webkit-scrollbar{width:var(--ss-size-scrollbar);height:var(--ss-size-scrollbar)}.ss-root ::-webkit-scrollbar-thumb{background:var(--ss-color-border-strong);border-radius:var(--ss-radius-full)}.ss-root ::-webkit-scrollbar-track{background: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-icon--directional:dir(rtl){scale:-1 1}.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;container-type:inline-size}:is(.ss-grid,.ss-split)>.ss-card{container-type:inline-size}.ss-shell--sidebar .ss-shell__main{--ss-shell-inset: var(--ss-layout-sidebar-w);margin-inline-start:var(--ss-shell-inset);transition:margin-inline-start var(--ss-dur-base) var(--ss-ease-out)}.ss-shell--sidebar:has(.ss-sidebar--collapsed) .ss-shell__main{--ss-shell-inset: 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}.ss-shell--sidebar .ss-shell__main--max{margin-inline:calc(var(--ss-shell-inset) + max(0%,(100% - var(--ss-shell-inset) - var(--ss-layout-page-max-w)) / 2)) 0}@media(max-width:48rem){.ss-shell--sidebar .ss-shell__main,.ss-shell--sidebar:has(.ss-sidebar--collapsed) .ss-shell__main{--ss-shell-inset: 0rem}.ss-sidebar{visibility:hidden;transform:translate(-100%);transition:transform var(--ss-dur-base) var(--ss-ease-out),visibility 0s linear var(--ss-dur-base)}.ss-sidebar:dir(rtl){transform:translate(100%)}.ss-sidebar[data-open=true]{visibility:visible;transform:none;transition:transform var(--ss-dur-base) var(--ss-ease-out)}}.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:var(--ss-size-2xl)}.ss-container--md{max-width:var(--ss-size-4xl)}.ss-container--lg{max-width:var(--ss-size-6xl)}.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(min(var(--ss-size-sm),100%),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))}}@container (max-width: 48rem){.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:minmax(0,1fr)}}@container (max-width: 32rem){.ss-grid--2,.ss-grid--3,.ss-grid--4,.ss-grid--6,.ss-grid--12{grid-template-columns:minmax(0,1fr)}}.ss-split{display:grid;gap:var(--ss-gap-grid);min-width:0}.ss-split--half{grid-template-columns:repeat(auto-fit,minmax(min(var(--ss-size-md),100%),1fr))}.ss-split--third{grid-template-columns:2fr 1fr}.ss-split--sidebar{grid-template-columns:1fr minmax(var(--ss-size-sm),var(--ss-size-md))}@media(max-width:64rem){.ss-split--third,.ss-split--sidebar{grid-template-columns:minmax(0,1fr)}}@container (max-width: 48rem){.ss-split--third,.ss-split--sidebar{grid-template-columns:minmax(0,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-shell--stacked .ss-shell__main--max{margin-inline:auto}.ss-page-header--start{justify-content:flex-start}}@layer ss-components{.ss-card{position:relative;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(var(--ss-surface-glass-blur));backdrop-filter:blur(var(--ss-surface-glass-blur))}.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--sized{display:flex;flex-direction:column;min-height:0}.ss-card--sized>:is(.ss-card__header,.ss-card__footer){flex-shrink:0}.ss-card--sized>.ss-card__body{flex:1 1 auto;min-height:0;overflow-y:auto}.ss-card--size-tiny{height:var(--ss-size-xs)}.ss-card--size-small{height:var(--ss-size-md)}.ss-card--size-medium{height:var(--ss-size-xl)}.ss-card--size-large{height:var(--ss-size-2xl)}.ss-card--size-giant{height:var(--ss-size-3xl)}.ss-card--accent{border-top-style:solid;border-top-width:var(--ss-border-w-thick)}.ss-card--accent-brand{border-top-color:var(--ss-color-brand)}.ss-card--accent-success{border-top-color:var(--ss-color-success)}.ss-card--accent-warning{border-top-color:var(--ss-color-warning)}.ss-card--accent-danger{border-top-color:var(--ss-color-danger)}.ss-card--accent-info{border-top-color:var(--ss-color-info)}:is(.ss-card--status>.ss-card__header,.ss-card__header--status){border-bottom-color:transparent}:is(.ss-card--status>.ss-card__header,.ss-card__header--status):first-child{border-start-start-radius:max(0px,calc(var(--ss-radius-card) - var(--ss-border-w)));border-start-end-radius:max(0px,calc(var(--ss-radius-card) - var(--ss-border-w)))}.ss-card--accent>:is(.ss-card__header--status,.ss-card__header):first-child{border-start-start-radius:max(0px,calc(var(--ss-radius-card) - var(--ss-border-w))) max(0px,calc(var(--ss-radius-card) - var(--ss-border-w-thick)));border-start-end-radius:max(0px,calc(var(--ss-radius-card) - var(--ss-border-w))) max(0px,calc(var(--ss-radius-card) - var(--ss-border-w-thick)))}:is(.ss-card--status>.ss-card__header,.ss-card__header--status) :is(.ss-card__title,.ss-card__subtitle){color:inherit}:is(.ss-card--status-brand>.ss-card__header,.ss-card__header--brand){background-color:var(--ss-color-brand);color:var(--ss-color-brand-on)}:is(.ss-card--status-success>.ss-card__header,.ss-card__header--success){background-color:var(--ss-color-success);color:var(--ss-color-success-on)}:is(.ss-card--status-warning>.ss-card__header,.ss-card__header--warning){background-color:var(--ss-color-warning);color:var(--ss-color-warning-on)}:is(.ss-card--status-danger>.ss-card__header,.ss-card__header--danger){background-color:var(--ss-color-danger);color:var(--ss-color-danger-on)}:is(.ss-card--status-info>.ss-card__header,.ss-card__header--info){background-color:var(--ss-color-info);color:var(--ss-color-info-on)}.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-inline-start: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-inline-start: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--solid,.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--solid,.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--solid,.ss-btn--danger,.ss-btn--success,.ss-btn--warning):active:not(:disabled,[aria-disabled=true]):after{opacity:.2}.ss-btn--tone-primary{--btn-fill: var(--ss-color-brand);--btn-fill-image: var(--ss-gradient-brand);--btn-fill-shadow: var(--ss-shadow-brand);--btn-on: var(--ss-color-brand-on);--btn-fg: var(--ss-color-brand-fg);--btn-soft: var(--ss-color-brand-soft);--btn-soft-hover: var(--ss-color-brand-soft-hover);--btn-edge: var(--ss-color-brand);--btn-edge-hover: var(--ss-color-brand-hover)}.ss-btn--tone-success{--btn-fill: var(--ss-color-success);--btn-fill-image: none;--btn-fill-shadow: none;--btn-on: var(--ss-color-success-on);--btn-fg: var(--ss-color-success-fg);--btn-soft: var(--ss-color-success-soft);--btn-soft-hover: var(--ss-color-success-soft-hover);--btn-edge: var(--ss-color-success);--btn-edge-hover: var(--ss-color-success-hover)}.ss-btn--tone-warning{--btn-fill: var(--ss-color-warning);--btn-fill-image: none;--btn-fill-shadow: none;--btn-on: var(--ss-color-warning-on);--btn-fg: var(--ss-color-warning-fg);--btn-soft: var(--ss-color-warning-soft);--btn-soft-hover: var(--ss-color-warning-soft-hover);--btn-edge: var(--ss-color-warning);--btn-edge-hover: var(--ss-color-warning-hover)}.ss-btn--tone-danger{--btn-fill: var(--ss-color-danger);--btn-fill-image: none;--btn-fill-shadow: none;--btn-on: var(--ss-color-danger-on);--btn-fg: var(--ss-color-danger-fg);--btn-soft: var(--ss-color-danger-soft);--btn-soft-hover: var(--ss-color-danger-soft-hover);--btn-edge: var(--ss-color-danger);--btn-edge-hover: var(--ss-color-danger-hover)}.ss-btn--tone-info{--btn-fill: var(--ss-color-info);--btn-fill-image: none;--btn-fill-shadow: none;--btn-on: var(--ss-color-info-on);--btn-fg: var(--ss-color-info-fg);--btn-soft: var(--ss-color-info-soft);--btn-soft-hover: var(--ss-color-info-soft-hover);--btn-edge: var(--ss-color-info);--btn-edge-hover: var(--ss-color-info-hover)}.ss-btn--tone-neutral{--btn-fill: var(--ss-color-surface-active);--btn-fill-image: none;--btn-fill-shadow: none;--btn-on: var(--ss-color-fg);--btn-fg: var(--ss-color-fg);--btn-soft: var(--ss-color-surface-hover);--btn-soft-hover: var(--ss-color-surface-active);--btn-edge: var(--ss-color-border-strong);--btn-edge-hover: var(--ss-color-fg-subtle)}.ss-btn--primary,.ss-btn--solid{background-color:var(--btn-fill, var(--ss-color-brand));background-image:var(--btn-fill-image, var(--ss-gradient-brand));color:var(--btn-on, var(--ss-color-brand-on));box-shadow:var(--btn-fill-shadow, var(--ss-shadow-brand))}.ss-btn--secondary{background-color:var(--btn-fill, var(--ss-color-accent));background-image:var(--btn-fill-image, none);color:var(--btn-on, var(--ss-color-accent-on));box-shadow:var(--btn-fill-shadow, none)}.ss-btn--danger{background-color:var(--btn-fill, var(--ss-color-danger));background-image:var(--btn-fill-image, none);color:var(--btn-on, var(--ss-color-danger-on));box-shadow:var(--btn-fill-shadow, none)}.ss-btn--success{background-color:var(--btn-fill, var(--ss-color-success));background-image:var(--btn-fill-image, none);color:var(--btn-on, var(--ss-color-success-on));box-shadow:var(--btn-fill-shadow, none)}.ss-btn--warning{background-color:var(--btn-fill, var(--ss-color-warning));background-image:var(--btn-fill-image, none);color:var(--btn-on, var(--ss-color-warning-on));box-shadow:var(--btn-fill-shadow, none)}.ss-btn--soft{background-color:var(--btn-soft, var(--ss-color-brand-soft));color:var(--btn-fg, var(--ss-color-brand-fg))}.ss-btn--soft:hover:not(:disabled,[aria-disabled=true]){background-color:var(--btn-soft-hover, var(--ss-color-brand-soft-hover))}.ss-btn--outline{background-color:transparent;border-color:var(--btn-edge, var(--ss-color-border-strong));color:var(--btn-fg, var(--ss-color-fg))}.ss-btn--outline:hover:not(:disabled,[aria-disabled=true]){background-color:var(--btn-soft, var(--ss-color-surface-hover));border-color:var(--btn-edge-hover, var(--ss-color-brand));color:var(--btn-fg, var(--ss-color-brand-fg))}.ss-btn--ghost{background-color:transparent;color:var(--btn-fg, var(--ss-color-fg-muted))}.ss-btn--ghost:hover:not(:disabled,[aria-disabled=true]){background-color:var(--btn-soft, var(--ss-color-surface-hover));color:var(--btn-fg, var(--ss-color-fg))}.ss-btn--link{background:none;color:var(--btn-fg, 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:var(--ss-text-underline-offset-sm)}.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:var(--ss-border-w-strong) solid currentColor;border-inline-end-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(var(--ss-size-2xs),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 var(--ss-focus-ring-w) 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 var(--ss-focus-ring-w) 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.1em) calc(50% + 1px),calc(100% - .75em) calc(50% + 1px);background-size:.35em .35em,.35em .35em;background-repeat:no-repeat}.ss-select:dir(rtl){background-position:.75em calc(50% + 1px),1.1em calc(50% + 1px)}.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 :is(a[href],button,input,select,textarea,[tabindex]){pointer-events:auto}.ss-input--trailing::-webkit-search-cancel-button{display:none}.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(var(--ss-size-sm),1fr))}.ss-form-row--3{grid-template-columns:repeat(auto-fit,minmax(var(--ss-size-xs),1fr))}.ss-form-row--4{grid-template-columns:repeat(auto-fit,minmax(var(--ss-size-2xs),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:var(--ss-space-3);height:var(--ss-space-3)}.ss-checkbox--md,.ss-radio--md{width:var(--ss-space-4);height:var(--ss-space-4)}.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-choice__text{display:flex;flex-direction:column;gap:var(--ss-space-0-5);min-width:0}.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{--switch-w: calc(var(--switch-h) * 2 - var(--ss-space-1));width:var(--switch-w);height:var(--switch-h)}.ss-switch:after{content:"";position:absolute;top:var(--ss-space-0-5);inset-inline-start:var(--ss-space-0-5);aspect-ratio:1;height:calc(100% - 2 * var(--ss-space-0-5));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:checked:dir(rtl):after{translate:calc(var(--switch-h) - var(--switch-w))}.ss-switch--sm{--switch-h: var(--ss-space-4)}.ss-switch--md{--switch-h: var(--ss-space-5)}.ss-switch--lg{--switch-h: var(--ss-space-6)}.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, var(--ss-space-1));border-radius:var(--ss-radius-full);background:var(--ss-color-surface-active)}.ss-slider::-moz-range-track{height:var(--slider-track, var(--ss-space-1));border-radius:var(--ss-radius-full);background:var(--ss-color-surface-active)}.ss-slider::-webkit-slider-thumb{appearance:none;width:var(--slider-thumb, var(--ss-space-4));height:var(--slider-thumb, var(--ss-space-4));margin-top:calc((var(--slider-track, var(--ss-space-1)) - var(--slider-thumb, var(--ss-space-4))) / 2);border-radius:var(--ss-radius-full);background:var(--ss-color-brand);border:var(--ss-border-w-strong) 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, var(--ss-space-4));height:var(--slider-thumb, var(--ss-space-4));border-radius:var(--ss-radius-full);background:var(--ss-color-brand);border:var(--ss-border-w-strong) solid var(--ss-color-surface)}.ss-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.ss-slider--sm{--slider-track: var(--ss-space-1);--slider-thumb: var(--ss-space-3)}.ss-slider--disabled{opacity:.5;pointer-events:none}.ss-segmented{display:inline-flex;gap:var(--ss-space-0-5);padding:var(--ss-space-0-5);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) - var(--ss-space-0-5));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 var(--ss-focus-ring-w) 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:var(--ss-size-3xs);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: var(--ss-space-1);--slider-thumb: var(--ss-space-4)}.ss-segmented--sm .ss-segmented__item{padding:var(--ss-space-0-5) var(--ss-space-2);font-size:var(--ss-text-2xs)}.ss-rating--sm .ss-rating__star{width:var(--ss-space-4);height:var(--ss-space-4);font-size:var(--ss-text-xs)}.ss-rating--md .ss-rating__star{width:var(--ss-space-5);height:var(--ss-space-5);font-size:var(--ss-text-sm)}.ss-rating--lg .ss-rating__star{width:var(--ss-space-6);height:var(--ss-space-6);font-size:var(--ss-text-lg)}.ss-tag-input--sm{min-height:var(--ss-control-h-sm);padding:var(--ss-space-0-5) 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:var(--ss-space-0-5) 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:var(--ss-space-2);height:var(--ss-space-2);border-radius:var(--ss-radius-full);background:var(--badge-fill)}.ss-tag{display:inline-flex;align-items:center;gap:var(--ss-space-1);padding:var(--ss-space-0-5) 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:var(--ss-space-px)}.ss-alert__body{flex:1;min-width:0}.ss-alert__title{font-weight:var(--ss-weight-semibold);margin:0 0 var(--ss-space-0-5)}.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:var(--ss-space-1)}.ss-progress--sm{height:var(--ss-space-2)}.ss-progress--md{height:var(--ss-space-3)}.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:var(--ss-space-4) var(--ss-space-4)}.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:var(--ss-border-w-strong) 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:var(--ss-space-3);height:var(--ss-space-3);border-width:calc(var(--ss-border-w) * 1.5)}.ss-spinner--sm{width:var(--ss-space-4);height:var(--ss-space-4)}.ss-spinner--md{width:var(--ss-space-6);height:var(--ss-space-6)}.ss-spinner--lg{width:var(--ss-space-8);height:var(--ss-space-8);border-width:var(--ss-border-w-thick)}.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-skeleton--animated:dir(rtl){animation-direction:reverse}.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:var(--ss-control-h-lg);height:var(--ss-control-h-lg);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:var(--ss-size-lg)}}@keyframes ss-progress-slide{0%{margin-inline-start:-35%}to{margin-inline-start:100%}}@layer ss-components{.ss-tag--sm{padding:var(--ss-space-0-5) 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-alert--accent{background:var(--ss-color-surface-raised);border-color:var(--ss-color-border);border-inline-start:var(--ss-border-w-thick) solid var(--badge-fill, var(--ss-color-border-strong));color:var(--ss-color-fg)}.ss-alert--accent .ss-alert__icon{color:var(--badge-text, var(--ss-color-fg-muted))}.ss-progress--lg{height:var(--ss-space-4)}.ss-progress--xl{height:var(--ss-space-6)}.ss-progress-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--ss-space-3);row-gap:var(--ss-space-1);width:100%}.ss-progress-meter__label{grid-column:1 / -1;font-size:var(--ss-text-xs);font-weight:var(--ss-weight-medium);color:var(--ss-color-fg-muted)}.ss-progress-meter__value{font-size:var(--ss-text-xs);font-weight:var(--ss-weight-medium);font-variant-numeric:tabular-nums;color:var(--ss-color-fg-muted)}.ss-progress-meter--inside .ss-progress{grid-column:1 / -1}.ss-progress-meter--inside .ss-progress__bar{display:flex;align-items:center;justify-content:center;overflow:hidden}.ss-progress__value{padding-inline:var(--ss-space-1);font-size:var(--ss-text-2xs);font-weight:var(--ss-weight-semibold);font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;color:var(--badge-on, var(--ss-color-brand-on))}.ss-progress--xl .ss-progress__value{font-size:var(--ss-text-xs)}}@layer ss-components{.ss-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.ss-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--ss-text-sm);color:var(--ss-color-fg);text-align:start}.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__sort{display:inline-flex;align-items:center;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;cursor:pointer}.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--numeric{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.ss-table__cell--start{text-align:start}.ss-table__cell--center{text-align:center}.ss-table__cell--end{text-align:end}.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:var(--ss-space-0-5)}.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:var(--ss-control-h-md);height:var(--ss-control-h-md);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:var(--ss-space-0-5);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-stat__delta--flat{color:var(--ss-color-fg-muted)}.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:var(--ss-control-h-xs);height:var(--ss-control-h-xs);font-size:var(--ss-text-2xs)}.ss-avatar--sm{width:var(--ss-control-h-sm);height:var(--ss-control-h-sm);font-size:var(--ss-text-xs)}.ss-avatar--md{width:var(--ss-control-h-md);height:var(--ss-control-h-md);font-size:var(--ss-text-sm)}.ss-avatar--lg{width:var(--ss-control-h-lg);height:var(--ss-control-h-lg);font-size:var(--ss-text-md)}.ss-avatar--xl{width:var(--ss-space-16);height:var(--ss-space-16);font-size:var(--ss-text-xl)}.ss-avatar-group{display:inline-flex}.ss-avatar-group>.ss-avatar:not(:first-child){margin-inline-start:calc(-1 * var(--ss-space-2));box-shadow:0 0 0 var(--ss-border-w-strong) 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__content{flex:1;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(var(--ss-size-2xs),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(var(--ss-size-xs),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:var(--ss-space-3);height:var(--ss-space-3);margin-top:var(--ss-space-1);border-radius:var(--ss-radius-full);background:var(--ss-color-brand);box-shadow:0 0 0 var(--ss-border-w-thick) 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:var(--ss-size-md);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;direction:ltr;unicode-bidi:isolate;padding:var(--ss-space-0-5) 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:var(--ss-border-w-strong);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),.ss-dl--stacked>:not(:last-child)>.ss-dl__desc{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(var(--ss-surface-scrim-blur));backdrop-filter:blur(var(--ss-surface-scrim-blur))}.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:var(--ss-size-lg)}.ss-modal--md{max-width:var(--ss-size-xl)}.ss-modal--lg{max-width:var(--ss-size-3xl)}.ss-modal--xl{max-width:var(--ss-size-5xl)}.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:dir(rtl){--drawer-inline-sign: -1}.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(var(--ss-size-md),100vw)}.ss-drawer--start.ss-drawer--md,.ss-drawer--end.ss-drawer--md{width:min(var(--ss-size-xl),100vw)}.ss-drawer--start.ss-drawer--lg,.ss-drawer--end.ss-drawer--lg{width:min(var(--ss-size-2xl),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:var(--ss-size-xs);max-width:min(var(--ss-size-lg),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:var(--ss-size-sm);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:var(--ss-size-xs);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;direction:ltr;unicode-bidi:isolate;font-size:var(--ss-text-2xs);color:var(--ss-color-fg-subtle)}.ss-command{width:100%;max-width:var(--ss-size-2xl)}.ss-command--lg{max-width:var(--ss-size-3xl)}.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:var(--ss-size-lg);overflow-y:auto;padding:var(--ss-space-2)}}@keyframes ss-slide-start{0%{transform:translate(calc(-100% * var(--drawer-inline-sign, 1)))}}@keyframes ss-slide-end{0%{transform:translate(calc(100% * var(--drawer-inline-sign, 1)))}}@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:var(--ss-size-2xl)}}@layer ss-components{:where(.ss-card,.ss-surface):where(:has(:is(.ss-combobox__list--floating,.ss-datepicker__popover,.ss-hovercard--open,.ss-popover,.ss-tooltip):not([hidden]))){position:relative;z-index:calc(var(--ss-z-sticky) - 1)}}@layer ss-components{.ss-modal-layer--modeless{pointer-events:none}.ss-modal-layer--modeless>*{pointer-events:auto}.ss-modal__heading{display:flex;flex-direction:column;gap:var(--ss-space-0-5);min-width:0}.ss-modal__heading>p{margin:0}.ss-popover:focus{outline:none}.ss-popover--hint{pointer-events:none}.ss-tooltip__icon{display:inline-flex;vertical-align:text-bottom;margin-inline-end:var(--ss-space-1)}.ss-tooltip--brand{background:var(--ss-color-brand);color:var(--ss-color-brand-on)}.ss-tooltip--success{background:var(--ss-color-success);color:var(--ss-color-success-on)}.ss-tooltip--warning{background:var(--ss-color-warning);color:var(--ss-color-warning-on)}.ss-tooltip--danger{background:var(--ss-color-danger);color:var(--ss-color-danger-on)}.ss-tooltip--info{background:var(--ss-color-info);color:var(--ss-color-info-on)}.ss-menu__item:focus{background:var(--ss-color-surface-hover)}.ss-menu__item--danger:focus{background:var(--ss-color-danger-soft)}.ss-menu__item:focus-visible{outline-offset:calc(var(--ss-border-w-strong) * -1)}}@layer ss-components{body>:is(.ss-modal-layer,.ss-drawer,.ss-window-dock,:has(>.ss-modal-layer,>.ss-drawer))~.ss-scrim,body>:is(.ss-modal-layer,.ss-drawer,.ss-window-dock,:has(>.ss-modal-layer,>.ss-drawer))~*>.ss-scrim{z-index:var(--ss-z-modal)}}@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:var(--ss-control-h-sm);height:var(--ss-control-h-sm);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:var(--ss-space-0-5)}.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:var(--ss-border-w-strong) 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:var(--ss-text-underline-offset-sm)}.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;flex-wrap:wrap;align-items:center;gap:var(--ss-gap-control);min-width:0;padding:var(--ss-space-3) var(--ss-pad-card);font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-pagination>:not(.ss-pagination__pages){white-space:nowrap}.ss-pagination--between{justify-content:space-between}.ss-pagination--end{justify-content:flex-end}.ss-pagination__pages{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ss-space-0-5);min-width:0}.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:var(--ss-control-h-sm);height:var(--ss-control-h-sm);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:calc(var(--ss-control-h-sm) / 2);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:var(--ss-space-0-5);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-steps:not(.ss-steps--vertical){overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.ss-steps:not(.ss-steps--vertical)>.ss-step{min-width:max-content}.ss-accordion--plain{border:0;border-radius:var(--ss-radius-none);overflow:visible}}@layer ss-components{.ss-tabset{display:flex;flex-direction:column;min-width:0}.ss-tab-panel{min-width:0;border-radius:var(--ss-radius-xs);color:var(--ss-color-fg)}.ss-tab-panel[hidden]{display:none}.ss-tab-panel--pad-none{padding:0}.ss-tab-panel--pad-sm{padding:var(--ss-space-2) 0 0}.ss-tab-panel--pad-md{padding:var(--ss-space-4) 0 0}.ss-tab-panel:focus-visible{outline:var(--ss-border-w-strong) solid var(--ss-color-focus-ring);outline-offset:var(--ss-focus-ring-offset)}}@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 svg,.ss-gauge svg,.ss-sparkline{direction:ltr}.ss-chart--sm svg{height:var(--ss-size-2xs)}.ss-chart--md svg{height:var(--ss-size-sm)}.ss-chart--lg svg{height:var(--ss-size-md)}.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:var(--ss-space-3);height:var(--ss-space-3);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:var(--ss-space-10)}.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;grid-template-columns:minmax(0,auto);place-items:center;row-gap:var(--ss-space-2);max-width:100%}.ss-gauge svg{grid-area:1 / 1;display:block;max-width:100%;height:auto;aspect-ratio:1}.ss-gauge--sm svg{width:var(--ss-size-3xs)}.ss-gauge--md svg{width:var(--ss-size-2xs)}.ss-gauge--lg svg{width:var(--ss-size-xs)}.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:var(--ss-space-1)}.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:var(--ss-border-w-strong) 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:var(--ss-space-0-5);font-size:var(--ss-text-2xs)}.ss-heatmap--sm .ss-heatmap__cell{width:var(--ss-space-2)}.ss-heatmap--md{gap:var(--ss-space-1);font-size:var(--ss-text-xs)}.ss-heatmap--md .ss-heatmap__cell{width:var(--ss-space-3)}}@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:var(--ss-size-sm);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__items{list-style:none;margin:0;padding:0}.ss-dropzone__files{margin-top:var(--ss-space-3)}.ss-dropzone__file{flex:1;min-width:0}.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 var(--ss-focus-ring-w) 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:var(--ss-size-3xs);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:var(--ss-space-0-5)}.ss-calendar__grid--weeks{grid-template-columns:auto repeat(7,1fr)}.ss-calendar__row{display:contents}.ss-calendar__week{display:grid;place-items:center;padding-inline:var(--ss-space-1);border-inline-end:var(--ss-border-w) solid var(--ss-color-border-subtle);font-size:var(--ss-text-2xs);font-variant-numeric:tabular-nums;color:var(--ss-color-fg-subtle)}.ss-calendar__weekday{display:grid;place-items:center;height:var(--ss-control-h-xs);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:var(--ss-control-h-sm);height:var(--ss-control-h-sm);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-calendar__day--blank{cursor:default;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-calendar__day:focus-visible{position:relative;z-index:1}.ss-calendar__day--disabled:focus-visible{opacity:.6}.ss-timepicker{position:relative;display:inline-block;width:100%}.ss-timepicker--disabled{cursor:not-allowed}.ss-timepicker__list{min-width:var(--ss-size-3xs);font-variant-numeric:tabular-nums}.ss-timepicker__list .ss-combobox__option{white-space:nowrap}.ss-timepicker--sm .ss-combobox__option{padding:var(--ss-space-1) var(--ss-space-2);font-size:var(--ss-text-xs)}.ss-timepicker--lg .ss-combobox__option{padding:var(--ss-space-3) var(--ss-space-4);font-size:var(--ss-text-md)}.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 var(--ss-focus-ring-w) color-mix(in srgb,var(--ss-color-danger) 22%,transparent)}.ss-multiselect--sm{min-height:var(--ss-control-h-sm);padding:var(--ss-space-0-5) 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:var(--ss-control-h-xs);height:var(--ss-control-h-xs);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:var(--ss-control-h-sm);height:var(--ss-control-h-sm);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:var(--ss-space-4);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-tree__chevron[data-open=true]:dir(rtl){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:var(--ss-size-md)}.ss-chat--md{height:var(--ss-size-xl)}.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__footer>.ss-btn{flex-shrink:0}.ss-chat__message{display:flex;flex-direction:column;gap:var(--ss-space-0-5);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__row{display:flex;gap:var(--ss-space-2);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:var(--ss-size-lg)}.ss-auth--md .ss-auth__panel{max-width:var(--ss-size-xl)}.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:var(--ss-size-xl);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:var(--ss-size-sm);max-width:var(--ss-size-lg)}.ss-toast--brand{border-inline-start:var(--ss-border-w-thick) solid var(--ss-color-brand)}.ss-toast--success{border-inline-start:var(--ss-border-w-thick) solid var(--ss-color-success)}.ss-toast--warning{border-inline-start:var(--ss-border-w-thick) solid var(--ss-color-warning)}.ss-toast--danger{border-inline-start:var(--ss-border-w-thick) solid var(--ss-color-danger)}.ss-toast--info{border-inline-start:var(--ss-border-w-thick) 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-toast-viewport--inline{position:static;pointer-events:auto}.ss-tree--sm{font-size:var(--ss-text-xs)}.ss-tree--sm .ss-tree__item{padding:var(--ss-space-0-5) 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:var(--ss-text-underline-offset);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:var(--ss-text-underline-offset-sm)}.ss-link--offset-md{text-underline-offset:var(--ss-text-underline-offset-md)}.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:var(--ss-text-underline-offset);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-icon-link--shift:dir(rtl):hover .ss-icon-link__icon:last-child{transform:translate(-.25em)}.ss-icon-link--shift:dir(rtl):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-shimmer:dir(rtl){animation-direction:reverse}.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:var(--ss-border-w) 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:var(--ss-text-2xs);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:var(--ss-size-md);height:var(--ss-size-md);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;inset-inline-start: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-scroll-progress:dir(rtl),.ss-glowline:dir(rtl){scale:-1 1}.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-tilt{will-change:transform;transition:transform var(--ss-dur-slow) var(--ss-ease-out)}.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:dir(rtl){translate:calc(-1 * 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);container:ss-navbar / inline-size}.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:var(--ss-control-h-sm);height:var(--ss-control-h-sm);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%}@container ss-navbar (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}}@container ss-navbar (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}}@container ss-navbar (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:var(--ss-space-0-5) 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:var(--ss-text-underline-offset-sm);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:var(--ss-size-sm)}.ss-hovercard--md{width:var(--ss-size-md)}.ss-hovercard--lg{width:var(--ss-size-lg)}.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--anchored{inset:auto;margin:0;translate:none;max-width:calc(100vw - var(--ss-space-4));animation:ss-pop-in var(--ss-dur-fast) var(--ss-ease-out)}.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}}@layer ss-components{.ss-action-bar{display:flex;align-items:center;min-width:0;--action-bar-h: var(--ss-control-h-md);--action-bar-pad: var(--ss-space-3);font-size:var(--ss-text-lg)}.ss-action-bar--sm{--action-bar-h: var(--ss-control-h-sm);--action-bar-pad: var(--ss-space-2);font-size:var(--ss-text-md)}.ss-action-bar--md{--action-bar-h: var(--ss-control-h-md);--action-bar-pad: var(--ss-space-3);font-size:var(--ss-text-lg)}.ss-action-bar--lg{--action-bar-h: var(--ss-control-h-lg);--action-bar-pad: var(--ss-space-5);font-size:var(--ss-text-xl)}.ss-action-bar__item{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:var(--action-bar-h);padding-inline:var(--action-bar-pad)}.ss-action-bar--divided>.ss-action-bar__item+.ss-action-bar__item{border-inline-start:var(--ss-border-w) solid var(--ss-color-border)}.ss-action-bar--full{width:100%}.ss-action-bar--full>.ss-action-bar__item{flex:1 1 0}.ss-action-bar__item--disabled{opacity:.5}.ss-action-bar__button,.ss-action-bar__item>.ss-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ss-space-2);min-width:var(--action-bar-h);height:var(--action-bar-h);padding-inline:var(--ss-space-2);border:0;border-radius:var(--ss-radius-control);background:none;color:var(--ss-color-fg-muted);font:inherit;font-size:inherit;text-decoration:none;cursor:pointer;transition:color var(--ss-dur-fast) var(--ss-ease-out),background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-action-bar__button--labelled{gap:var(--ss-space-4);padding-inline:var(--ss-space-3)}.ss-action-bar__button:hover,.ss-action-bar__item>.ss-btn:hover{color:var(--ss-color-fg);background:var(--ss-color-surface-hover)}.ss-action-bar__button:focus-visible,.ss-persona--interactive:focus-visible,.ss-route-tabs__link:focus-visible,.ss-context-menu:focus-visible{outline:var(--ss-focus-ring-w) solid var(--ss-color-focus-ring);outline-offset:var(--ss-focus-ring-offset)}.ss-action-bar__button:disabled,.ss-action-bar__button[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.ss-action-bar__icon{position:relative;display:inline-flex}.ss-action-bar__icon>svg,.ss-action-bar__item>.ss-btn>svg{width:1.25em;height:1.25em}.ss-action-bar__label{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-label);white-space:nowrap}.ss-action-bar__badge,.ss-persona__badge{position:absolute;display:inline-grid;place-items:center;min-width:var(--ss-space-4);height:var(--ss-space-4);padding-inline:var(--ss-space-1);border-radius:var(--ss-radius-full);background:var(--chrome-badge-fill, var(--ss-color-danger));color:var(--chrome-badge-on, var(--ss-color-danger-on));box-shadow:0 0 0 var(--ss-border-w-strong) var(--ss-color-surface);font-size:var(--ss-text-2xs);font-weight:var(--ss-weight-bold);font-variant-numeric:tabular-nums;line-height:1;pointer-events:none}.ss-action-bar__badge{inset-block-start:calc(var(--ss-space-1) * -1);inset-inline-end:calc(var(--ss-space-2) * -1)}.ss-persona__badge{inset-block-start:calc(var(--ss-space-1) * -1);inset-inline-end:calc(var(--ss-space-1) * -1)}.ss-action-bar__badge--dot,.ss-persona__badge--dot{min-width:var(--ss-space-2);width:var(--ss-space-2);height:var(--ss-space-2);padding:0}.ss-action-bar__badge--dot,.ss-persona__badge--dot{inset-block-start:0;inset-inline-end:0}.ss-action-bar__badge--brand,.ss-persona__badge--brand{--chrome-badge-fill: var(--ss-gradient-brand);--chrome-badge-on: var(--ss-color-brand-on)}.ss-action-bar__badge--success,.ss-persona__badge--success{--chrome-badge-fill: var(--ss-color-success);--chrome-badge-on: var(--ss-color-success-on)}.ss-action-bar__badge--warning,.ss-persona__badge--warning{--chrome-badge-fill: var(--ss-color-warning);--chrome-badge-on: var(--ss-color-warning-on)}.ss-action-bar__badge--danger,.ss-persona__badge--danger{--chrome-badge-fill: var(--ss-color-danger);--chrome-badge-on: var(--ss-color-danger-on)}.ss-action-bar__badge--info,.ss-persona__badge--info{--chrome-badge-fill: var(--ss-color-info);--chrome-badge-on: var(--ss-color-info-on)}.ss-persona{display:inline-flex;align-items:center;gap:var(--ss-space-3);min-width:0;max-width:100%;color:var(--ss-color-fg);text-align:start}.ss-persona--sm{gap:var(--ss-space-2)}.ss-persona--interactive{margin:calc(var(--ss-space-1) * -1);padding:var(--ss-space-1);padding-inline-end:var(--ss-space-3);border:0;border-radius:var(--ss-radius-control);background:none;font:inherit;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-persona--interactive.ss-persona--picture{padding-inline-end:var(--ss-space-1)}.ss-persona--interactive:hover{background:var(--ss-color-surface-hover)}.ss-persona__avatar{position:relative;display:inline-flex;flex-shrink:0}.ss-persona__text{display:flex;flex-direction:column;gap:var(--ss-space-0-5);min-width:0;line-height:var(--ss-leading-tight)}.ss-persona__name,.ss-persona__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-persona__name{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold)}.ss-persona__title{font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-persona--sm .ss-persona__name{font-size:var(--ss-text-xs)}.ss-persona--sm .ss-persona__title{font-size:var(--ss-text-2xs)}.ss-persona--lg .ss-persona__name{font-size:var(--ss-text-md)}.ss-persona--lg .ss-persona__title,.ss-persona--xl .ss-persona__title{font-size:var(--ss-text-sm)}.ss-persona--xl .ss-persona__name{font-size:var(--ss-text-lg)}.ss-persona--picture .ss-persona__text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ss-route-tabs__link{text-decoration:none}.ss-route-tabs__link:focus-visible{outline-offset:calc(var(--ss-focus-ring-w) * -1)}.ss-route-tabs__link[aria-disabled=true]{cursor:default}.ss-shell-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ss-space-3) var(--ss-space-6);min-height:var(--ss-layout-header-h);padding:var(--ss-space-3) var(--ss-page-pad-x);color:var(--ss-color-fg-muted);font-size:var(--ss-text-sm);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-shell-footer--between{justify-content:space-between}.ss-shell-footer--center{justify-content:center;text-align:center}.ss-shell-footer--start{justify-content:flex-start}.ss-shell-footer--end{justify-content:flex-end}.ss-shell-footer--bordered{border-top:var(--ss-border-w) solid var(--ss-color-border)}.ss-shell-footer--sticky{position:sticky;inset-block-end:0;z-index:var(--ss-z-sticky)}}@layer ss-components{.ss-search-overlay{position:fixed;inset:0;z-index:var(--ss-z-modal);display:grid;background:var(--ss-color-overlay);-webkit-backdrop-filter:blur(var(--ss-surface-scrim-blur));backdrop-filter:blur(var(--ss-surface-scrim-blur));animation:ss-fade-in var(--ss-dur-base) var(--ss-ease-out)}.ss-search-overlay__panel{position:relative;display:grid;place-items:center;align-content:center;padding:var(--ss-space-16) var(--ss-page-pad-x);color:var(--ss-color-fg);background-color:color-mix(in srgb,var(--ss-color-surface-raised) calc(var(--ss-surface-alpha) * 100%),transparent);-webkit-backdrop-filter:var(--ss-surface-backdrop);backdrop-filter:var(--ss-surface-backdrop);box-shadow:var(--ss-shadow-xl)}.ss-search-overlay--curtain .ss-search-overlay__panel{align-self:start;min-height:min(var(--ss-size-md),70vh);border-bottom:var(--ss-border-w) solid var(--ss-color-border);animation:ss-search-overlay-drop var(--ss-dur-slow) var(--ss-ease-out)}.ss-search-overlay--modal{padding:var(--ss-space-4)}.ss-search-overlay--modal .ss-search-overlay__panel{place-self:center;width:min(100%,var(--ss-size-3xl));padding:var(--ss-space-12) var(--ss-space-8) var(--ss-space-10);border:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-surface);animation:ss-search-overlay-zoom var(--ss-dur-base) var(--ss-ease-spring)}.ss-search-overlay__form{display:grid;gap:var(--ss-space-3);width:min(100%,var(--ss-size-3xl));margin:0}.ss-search-overlay__input{width:100%;padding:var(--ss-space-2) 0;border:0;border-bottom:var(--ss-border-w-thick) solid var(--ss-color-brand);border-radius:0;background:none;color:var(--ss-color-fg);font:inherit;font-family:var(--ss-font-display);font-size:var(--ss-text-3xl);font-weight:var(--ss-weight-heading);outline:none}.ss-search-overlay__input::-webkit-search-cancel-button{appearance:none}.ss-search-overlay__input::placeholder{color:var(--ss-color-fg-subtle)}.ss-search-overlay__input:focus-visible{border-bottom-color:var(--ss-color-focus-ring)}.ss-search-overlay__hint{margin:0;color:var(--ss-color-fg-muted);font-size:var(--ss-text-sm)}.ss-search-overlay__close{position:absolute;inset-block-start:var(--ss-space-4);inset-inline-end:var(--ss-space-4)}.ss-context-menu{position:relative;border-radius:var(--ss-radius-control)}.ss-context-menu__panel{position:fixed;z-index:var(--ss-z-popover);max-width:min(var(--ss-size-sm),calc(100vw - 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);animation:ss-pop-in var(--ss-dur-fast) var(--ss-ease-spring)}.ss-context-menu__panel .ss-menu__item:focus-visible{outline:none;background:var(--ss-color-surface-hover);box-shadow:inset 0 0 0 var(--ss-border-w-strong) var(--ss-color-focus-ring)}.ss-context-menu__panel .ss-menu__item>svg{flex-shrink:0}@media(prefers-reduced-motion:reduce){.ss-search-overlay,.ss-search-overlay__panel,.ss-search-overlay--curtain .ss-search-overlay__panel,.ss-search-overlay--modal .ss-search-overlay__panel,.ss-context-menu__panel{animation:none}}}@keyframes ss-search-overlay-drop{0%{transform:translateY(-100%)}to{transform:none}}@keyframes ss-search-overlay-zoom{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@layer ss-components{.ss-stepper{display:flex;flex-direction:column;gap:var(--ss-space-5);min-width:0}.ss-stepper--vertical{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.ss-stepper--vertical>.ss-stepper__panel{flex:1 1 var(--ss-size-xs)}.ss-stepper__header{display:flex;align-items:flex-start;gap:var(--ss-space-2);min-width:0}.ss-stepper:not(.ss-stepper--vertical)>.ss-stepper__header{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:var(--ss-space-1);margin:calc(var(--ss-space-1) * -1)}.ss-stepper:not(.ss-stepper--vertical) .ss-stepper__tab{flex-shrink:0;max-width:var(--ss-size-xs)}.ss-stepper--vertical .ss-stepper__header{flex-direction:column;align-items:stretch;flex:0 0 auto;width:max-content;min-width:var(--ss-size-2xs);max-width:var(--ss-size-xs);gap:0}.ss-stepper__tab{display:flex;align-items:flex-start;gap:var(--ss-gap-control);min-width:0;padding:var(--ss-space-1);border:0;border-radius:var(--ss-radius-control);background:none;color:var(--ss-color-fg);font:inherit;text-align:start;cursor:pointer;transition:background-color var(--ss-dur-fast) var(--ss-ease-out)}.ss-stepper__tab:hover:not(.ss-stepper__tab--disabled){background:var(--ss-color-surface-hover)}.ss-stepper__tab--disabled{cursor:not-allowed;opacity:.55}.ss-stepper__marker{display:grid;place-items:center;flex-shrink:0;width:var(--ss-control-h-sm);height:var(--ss-control-h-sm);border:var(--ss-border-w-strong) solid var(--ss-color-border-strong);border-radius:var(--ss-radius-full);background:var(--ss-color-surface);color:var(--ss-color-fg-muted);font-size:var(--ss-text-xs);font-weight:var(--ss-weight-semibold);font-variant-numeric:tabular-nums;transition:background var(--ss-dur-base) var(--ss-ease-out),border-color var(--ss-dur-base) var(--ss-ease-out),color var(--ss-dur-base) var(--ss-ease-out)}.ss-stepper__tab--active .ss-stepper__marker{border-color:transparent;background:var(--ss-gradient-brand);color:var(--ss-color-brand-on);box-shadow:var(--ss-shadow-brand)}.ss-stepper__tab--complete .ss-stepper__marker{border-color:var(--ss-color-brand-border);background:var(--ss-color-brand-soft);color:var(--ss-color-brand-fg)}.ss-stepper__tab--error .ss-stepper__marker{border-color:var(--ss-color-danger);background:var(--ss-color-danger);color:var(--ss-color-danger-on)}.ss-stepper__text{display:flex;flex-direction:column;min-width:0;padding-top:var(--ss-space-1)}.ss-stepper__title{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);line-height:var(--ss-leading-snug)}.ss-stepper__tab--pending .ss-stepper__title{color:var(--ss-color-fg-muted)}.ss-stepper__tab--error .ss-stepper__title{color:var(--ss-color-danger-fg)}.ss-stepper__desc{font-size:var(--ss-text-xs);color:var(--ss-color-fg-muted)}.ss-stepper__connector{flex:1;min-width:var(--ss-space-4);height:var(--ss-border-w-strong);margin-top:calc(var(--ss-space-1) + var(--ss-control-h-sm) / 2);border-radius:var(--ss-radius-full);background:var(--ss-color-border);transition:background var(--ss-dur-base) var(--ss-ease-out)}.ss-stepper__connector--complete{background:var(--ss-color-brand)}.ss-stepper--vertical .ss-stepper__connector{flex:0 0 auto;width:var(--ss-border-w-strong);height:auto;min-width:0;min-height:var(--ss-space-4);margin:0;margin-inline-start:calc(var(--ss-space-1) + var(--ss-control-h-sm) / 2 - var(--ss-border-w-strong) / 2)}.ss-stepper__panel{display:flex;flex-direction:column;gap:var(--ss-space-4);flex:1;min-width:0}.ss-stepper__panel[hidden]{display:none}.ss-stepper__controls{display:flex;flex-wrap:wrap;gap:var(--ss-gap-control)}.ss-tree-grid__row:focus-visible{outline:var(--ss-border-w-strong) solid var(--ss-color-focus-ring);outline-offset:calc(var(--ss-border-w-strong) * -1)}.ss-tree-grid__row:focus-visible>.ss-table__cell{background:var(--ss-color-surface-hover)}.ss-tree-grid__row--parent>.ss-table__cell:first-child{font-weight:var(--ss-weight-medium)}.ss-tree-grid .ss-table__cell{white-space:nowrap}.ss-tree-grid__node{display:flex;align-items:center;gap:var(--ss-space-1);min-width:0;padding-inline-start:calc(var(--ss-tree-grid-depth, 0) * var(--ss-space-6))}.ss-tree-grid__toggle,.ss-tree-grid__spacer{display:inline-grid;place-items:center;flex-shrink:0;width:var(--ss-control-h-xs);height:var(--ss-control-h-xs)}.ss-tree-grid__toggle{padding:0;border:0;border-radius:var(--ss-radius-control);background:none;color:var(--ss-color-fg-muted);cursor:pointer}.ss-tree-grid__toggle:hover{background:var(--ss-color-surface-hover);color:var(--ss-color-fg)}.ss-tree-grid__toggle svg{transition:transform var(--ss-dur-fast) var(--ss-ease-out)}.ss-tree-grid__toggle--expanded svg{transform:rotate(90deg)}.ss-tree-grid__sort{display:inline-flex;align-items:center;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.ss-tree-grid--sm .ss-tree-grid__node{padding-inline-start:calc(var(--ss-tree-grid-depth, 0) * var(--ss-space-4))}.ss-period{display:inline-flex;flex-direction:column;gap:var(--ss-space-2);width:var(--ss-size-sm);max-width:100%;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-period--sm{width:var(--ss-size-xs);padding:var(--ss-space-2)}.ss-period--inline{padding:0;border:0;background:none}.ss-period__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ss-gap-control)}.ss-period__label{font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);font-variant-numeric:tabular-nums}.ss-period__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ss-space-1)}.ss-period__cell{display:grid;place-items:center;min-width:0;height:var(--ss-control-h-md);padding:0 var(--ss-space-2);border:0;border-radius:var(--ss-radius-field);background:none;color:var(--ss-color-fg);font:inherit;font-size:var(--ss-text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--ss-dur-fast) var(--ss-ease-out)}.ss-period--sm .ss-period__cell{height:var(--ss-control-h-sm);font-size:var(--ss-text-xs)}.ss-period__cell:hover:not(.ss-period__cell--disabled,.ss-period__cell--selected){background:var(--ss-color-surface-hover)}.ss-period__cell--current{box-shadow:inset 0 0 0 var(--ss-border-w-strong) var(--ss-color-brand-border)}.ss-period__cell--selected{background:var(--ss-gradient-brand);color:var(--ss-color-brand-on);font-weight:var(--ss-weight-semibold)}.ss-period__cell--disabled{opacity:.35;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.ss-stepper__tab,.ss-stepper__marker,.ss-stepper__connector,.ss-tree-grid__toggle svg,.ss-period__cell{transition:none}}}@layer ss-components{.ss-window-dock{position:fixed;inset-block-end:0;inset-inline-end:var(--ss-space-4);z-index:calc(var(--ss-z-overlay) + 1);display:flex;flex-direction:row-reverse;align-items:flex-end;gap:var(--ss-space-4);max-width:calc(100vw - var(--ss-space-8));pointer-events:none}.ss-window-dock>*{pointer-events:auto}.ss-window-backdrop{position:fixed;inset:0;z-index:var(--ss-z-overlay);background:var(--ss-color-overlay);-webkit-backdrop-filter:blur(var(--ss-surface-scrim-blur));backdrop-filter:blur(var(--ss-surface-scrim-blur));animation:ss-fade-in var(--ss-dur-base) var(--ss-ease-out)}.ss-window{display:flex;flex-direction:column;width:var(--ss-size-lg);max-width:calc(100vw - var(--ss-space-8));max-height:calc(100vh - var(--ss-space-16));color:var(--ss-color-fg);background-color:color-mix(in srgb,var(--ss-color-surface-raised) 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);border-block-end:0;border-start-start-radius:var(--ss-radius-surface);border-start-end-radius:var(--ss-radius-surface);box-shadow:var(--ss-shadow-surface);overflow:hidden;animation:ss-window-rise var(--ss-dur-slow) var(--ss-ease-spring)}.ss-window:focus-visible{outline:var(--ss-focus-ring-w) solid var(--ss-color-focus-ring);outline-offset:var(--ss-focus-ring-offset)}.ss-window--sm{width:var(--ss-size-md)}.ss-window--lg{width:var(--ss-size-xl)}.ss-window--minimized{width:var(--ss-size-sm)}.ss-window--minimized .ss-window__body,.ss-window--minimized .ss-window__footer{display:none}.ss-window--minimized .ss-window__header{border-block-end:0}.ss-window--fullscreen{position:fixed;inset:var(--ss-space-4);z-index:1;width:auto;max-width:none;max-height:none;border-block-end:var(--ss-border-w) solid var(--ss-color-border);border-radius:var(--ss-radius-surface)}.ss-window__header{display:flex;align-items:center;gap:var(--ss-space-2);padding-block:var(--ss-space-2);padding-inline:var(--ss-space-4) var(--ss-space-2);border-block-end:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-window__title{flex:1;min-width:0;margin:0;overflow:hidden;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.ss-window__controls{display:flex;gap:var(--ss-space-0-5)}.ss-window__body{flex:1;min-height:0;padding:var(--ss-space-4);overflow:auto}.ss-window__footer{display:flex;justify-content:flex-end;gap:var(--ss-space-2);padding:var(--ss-space-3) var(--ss-space-4);border-block-start:var(--ss-border-w) solid var(--ss-color-border-subtle)}.ss-window__glyph{position:relative;display:inline-block;width:.875em;height:.875em}.ss-window__glyph--minimize:before{content:"";position:absolute;inset-inline:0;inset-block-end:.0625em;border-block-end:var(--ss-border-w-strong) solid currentColor}.ss-window__glyph--maximize:before,.ss-window__glyph--restore:before,.ss-window__glyph--restore:after{content:"";position:absolute;border:var(--ss-border-w-strong) solid currentColor;border-radius:.125em}.ss-window__glyph--maximize:before{inset:0}.ss-window__glyph--restore:before{inset:.3em .3em 0 0}.ss-window__glyph--restore:after{inset:0 0 .3em .3em;border-left-color:transparent;border-bottom-color:transparent}.ss-toaster{position:fixed;z-index:var(--ss-z-toast);display:flex;gap:var(--ss-space-2);max-width:100vw;padding:var(--ss-space-4);pointer-events:none}.ss-toaster--top-start,.ss-toaster--top-center,.ss-toaster--top-end{inset-block-start:0;flex-direction:column-reverse}.ss-toaster--bottom-start,.ss-toaster--bottom-center,.ss-toaster--bottom-end{inset-block-end:0;flex-direction:column}.ss-toaster--top-start,.ss-toaster--bottom-start{inset-inline-start:0;align-items:flex-start}.ss-toaster--top-center,.ss-toaster--bottom-center{inset-inline:0;align-items:center}.ss-toaster--top-end,.ss-toaster--bottom-end{inset-inline-end:0;align-items:flex-end}.ss-toaster__item{width:var(--ss-size-lg);max-width:100%;pointer-events:auto;animation:ss-pop-in var(--ss-dur-slow) var(--ss-ease-spring)}.ss-toaster__item--dismissible{cursor:pointer}.ss-toaster__item--leaving{opacity:0;transform:scale(.96);transition:opacity var(--ss-dur-fast) var(--ss-ease-in),transform var(--ss-dur-fast) var(--ss-ease-in)}.ss-spinner-overlay-host{position:relative;isolation:isolate}.ss-spinner-overlay-host--busy{min-height:var(--ss-control-h-lg)}.ss-spinner-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ss-space-2);padding:var(--ss-space-4);border-radius:inherit;color:var(--ss-color-fg);background-color:color-mix(in srgb,var(--ss-color-surface) 72%,transparent);animation:ss-fade-in var(--ss-dur-base) var(--ss-ease-out)}.ss-spinner-overlay--blur{-webkit-backdrop-filter:blur(var(--ss-surface-scrim-blur));backdrop-filter:blur(var(--ss-surface-scrim-blur))}.ss-spinner-overlay__message{margin:0;font-size:var(--ss-text-sm);font-weight:var(--ss-weight-medium);text-align:center}@media(prefers-reduced-motion:reduce){.ss-window,.ss-window-backdrop,.ss-toaster__item,.ss-spinner-overlay{animation:none}.ss-toaster__item--leaving{transition:none}}}@keyframes ss-window-rise{0%{opacity:0;transform:translateY(var(--ss-space-4))}}@layer ss-components{.ss-flip-card{position:relative;perspective:var(--ss-size-6xl);min-width:0}.ss-flip-card__inner{display:grid;transform-style:preserve-3d;transition:transform var(--ss-dur-slow) var(--ss-ease-in-out)}.ss-flip-card--flipped .ss-flip-card__inner{transform:rotateY(180deg)}.ss-flip-card__face{grid-area:1 / 1;display:grid;min-width:0;backface-visibility:hidden}.ss-flip-card__face--back{transform:rotateY(180deg)}.ss-flip-card__toggle,.ss-reveal-card__toggle{position:absolute;z-index:1;inset-inline-end:var(--ss-space-2)}.ss-flip-card__toggle{inset-block-start:var(--ss-space-2)}.ss-reveal-card{position:relative;display:grid;min-width:0}.ss-reveal-card__front,.ss-reveal-card__back{grid-area:1 / 1;display:grid;min-width:0}.ss-reveal-card__front{transition:opacity var(--ss-dur-base) var(--ss-ease-out),visibility 0s linear 0s}.ss-reveal-card__back{visibility:hidden;pointer-events:none;clip-path:inset(100% calc(-1 * var(--ss-space-8)) calc(-1 * var(--ss-space-8)) calc(-1 * var(--ss-space-8)));transform:translateY(var(--ss-space-4));transition:clip-path var(--ss-dur-slow) var(--ss-ease-out),transform var(--ss-dur-slow) var(--ss-ease-out),visibility 0s linear var(--ss-dur-slow)}.ss-reveal-card--revealed .ss-reveal-card__back{visibility:visible;pointer-events:auto;clip-path:inset(calc(-1 * var(--ss-space-8)));transform:none;transition-delay:0s}.ss-reveal-card--revealed .ss-reveal-card__front{visibility:hidden;opacity:0;transition:opacity var(--ss-dur-slow) var(--ss-ease-out),visibility 0s linear var(--ss-dur-slow)}.ss-reveal-card__toggle{inset-block-end:var(--ss-space-2)}.ss-switch-card{--switch-card-fill: var(--ss-color-brand);--switch-card-paint: var(--ss-gradient-brand);--switch-card-on: var(--ss-color-brand-on);display:flex;align-items:stretch;width:100%;min-width:0;min-height:var(--ss-size-3xs);padding:0;overflow:hidden;text-align:start;font:inherit;color:var(--ss-color-fg);cursor:pointer;border-radius:var(--ss-radius-card);border:var(--ss-border-w) solid var(--ss-color-border);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);box-shadow:var(--ss-shadow-card);transition:border-color var(--ss-dur-fast) var(--ss-ease-out),transform var(--ss-dur-fast) var(--ss-ease-out)}.ss-switch-card:hover{border-color:var(--ss-color-border-strong)}.ss-switch-card:active{transform:scale(var(--ss-press-scale))}.ss-switch-card--success{--switch-card-fill: var(--ss-color-success);--switch-card-paint: var(--ss-color-success);--switch-card-on: var(--ss-color-success-on)}.ss-switch-card--warning{--switch-card-fill: var(--ss-color-warning);--switch-card-paint: var(--ss-color-warning);--switch-card-on: var(--ss-color-warning-on)}.ss-switch-card--danger{--switch-card-fill: var(--ss-color-danger);--switch-card-paint: var(--ss-color-danger);--switch-card-on: var(--ss-color-danger-on)}.ss-switch-card--info{--switch-card-fill: var(--ss-color-info);--switch-card-paint: var(--ss-color-info);--switch-card-on: var(--ss-color-info-on)}.ss-switch-card__icon{display:grid;place-items:center;flex-shrink:0;width:clamp(var(--ss-control-h-lg),32%,var(--ss-size-3xs));font-size:var(--ss-text-2xl);background:var(--ss-color-surface-sunken);color:var(--ss-color-fg-subtle);transition:background var(--ss-dur-base) var(--ss-ease-out),color var(--ss-dur-base) var(--ss-ease-out)}.ss-switch-card__icon svg{width:1.25em;height:1.25em}.ss-switch-card--on .ss-switch-card__icon{background:var(--switch-card-paint);color:var(--switch-card-on)}.ss-switch-card__body{display:flex;flex-direction:column;justify-content:center;gap:var(--ss-space-1);min-width:0;padding:var(--ss-space-3) var(--ss-space-4)}.ss-switch-card__title{font-size:var(--ss-text-md);font-weight:var(--ss-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-switch-card__state{font-size:var(--ss-text-xs);font-weight:var(--ss-weight-semibold);letter-spacing:var(--ss-tracking-wide);color:var(--ss-color-fg-subtle)}.ss-switch-card--on .ss-switch-card__state{color:var(--switch-card-fill)}.ss-switch-card:not(.ss-switch-card--on) .ss-switch-card__title{color:var(--ss-color-fg-muted)}.ss-switch-card--disabled{cursor:not-allowed;opacity:.55}.ss-switch-card--disabled:active{transform:none}.ss-flip-card--flipped .ss-flip-card__face--front,.ss-flip-card:not(.ss-flip-card--flipped) .ss-flip-card__face--back{pointer-events:none}.ss-radial-slider{--radial-from: var(--ss-color-brand);--radial-to: var(--ss-color-accent);position:relative;display:inline-grid;flex-shrink:0;width:var(--ss-size-xs);aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.ss-radial-slider--sm{width:var(--ss-size-2xs)}.ss-radial-slider--lg{width:var(--ss-size-sm)}.ss-radial-slider--success{--radial-from: var(--ss-color-success);--radial-to: var(--ss-color-success-hover)}.ss-radial-slider--warning{--radial-from: var(--ss-color-warning);--radial-to: var(--ss-color-warning-hover)}.ss-radial-slider--danger{--radial-from: var(--ss-color-danger);--radial-to: var(--ss-color-danger-hover)}.ss-radial-slider--info{--radial-from: var(--ss-color-info);--radial-to: var(--ss-color-info-hover)}.ss-radial-slider--disabled{--radial-from: var(--ss-color-border-strong);--radial-to: var(--ss-color-border-strong);cursor:not-allowed}.ss-radial-slider:dir(rtl),.ss-radial-slider:dir(rtl) .ss-radial-slider__center{scale:-1 1}.ss-radial-slider__svg{grid-area:1 / 1;width:100%;height:100%;overflow:visible}.ss-radial-slider__track,.ss-radial-slider__fill{fill:none;stroke-linecap:round}.ss-radial-slider__track{stroke:var(--ss-color-border)}.ss-radial-slider__stop-from{stop-color:var(--radial-from)}.ss-radial-slider__stop-to{stop-color:var(--radial-to)}.ss-radial-slider__thumb{position:absolute;width:13%;aspect-ratio:1;translate:-50% -50%;border-radius:var(--ss-radius-full);border:var(--ss-border-w-thick) solid var(--radial-to);background:var(--ss-color-surface-raised);box-shadow:var(--ss-shadow-md);cursor:grab}.ss-radial-slider--dragging .ss-radial-slider__thumb{cursor:grabbing}.ss-radial-slider--disabled .ss-radial-slider__thumb{cursor:not-allowed;box-shadow:none}.ss-radial-slider__center{position:absolute;inset:20%;display:grid;place-items:center;align-content:center;text-align:center;pointer-events:none}.ss-radial-slider__center>*{pointer-events:auto}.ss-radial-slider--disabled .ss-radial-slider__center{color:var(--ss-color-fg-muted)}@media(prefers-reduced-motion:reduce){.ss-flip-card__inner,.ss-flip-card--flipped .ss-flip-card__inner{transition:none;transform:none}.ss-flip-card__face{backface-visibility:visible;transition:opacity var(--ss-dur-fast) linear}.ss-flip-card__face--back,.ss-flip-card--flipped .ss-flip-card__face--front{transform:none;opacity:0}.ss-flip-card--flipped .ss-flip-card__face--back{opacity:1}.ss-reveal-card__front,.ss-reveal-card__back,.ss-reveal-card--revealed .ss-reveal-card__front,.ss-reveal-card--revealed .ss-reveal-card__back{transform:none;transition:none}.ss-switch-card,.ss-switch-card__icon{transition:none}}}.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}.kp-map{position:relative;align-self:start;height:fit-content}.kp-map__spot{position:absolute;transform:translate(-50%,-50%);line-height:0}.kp-popover-wide{max-width:min(36rem,calc(100vw - var(--ss-space-8)))}.kp-filter-panel{width:min(34rem,calc(100vw - var(--ss-space-12)))}.kp-info-panel{max-height:min(36rem,70vh);overflow-y:auto}.kp-zoomable{cursor:zoom-in}.kp-zoomable:fullscreen{width:100%;height:100%;object-fit:contain;border-radius:0;background:var(--ss-color-canvas);cursor:zoom-out}.kp-zoom{position:relative;display:block}.kp-zoom__button{position:absolute;inset-block-start:var(--ss-space-3);inset-inline-end:var(--ss-space-3)}.kp-dialog-side{min-width:0}@media(max-width:64rem){.kp-dialog-side{order:-1}}.kp-model-loader{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.kp-model-loader__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:blur(.6rem) saturate(1.15);opacity:.55;transform:scale(1.06);animation:kp-breathe 2.4s ease-in-out infinite}.kp-model-loader__panel{position:relative;min-inline-size:15rem;padding:var(--ss-space-4);border-radius:var(--ss-radius-card);background:color-mix(in srgb,var(--ss-color-surface) 82%,transparent);box-shadow:var(--ss-shadow-lg);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.kp-model-loader__bar{inline-size:100%}@keyframes kp-breathe{0%,to{opacity:.45}50%{opacity:.7}}@media(prefers-reduced-motion:reduce){.kp-model-loader__poster{animation:none}}.kp-model--scene{aspect-ratio:16 / 9}.kp-tiled{background-repeat:repeat;background-position:top left}.kp-tiled--square{inline-size:100%;aspect-ratio:1 / 1;border-radius:var(--ss-radius-card)}