:root{--sa-color-bg-deep: #0b0f1a;--sa-color-bg-hud-deep: #0b0714;--sa-color-bg-hud-void: #06040f;--sa-color-bg-hud-light: #e4dcf5;--sa-color-bg-hud-light-alt: #ddd6f0;--sa-color-surface: #111827;--sa-color-surface-raised: #1f2937;--sa-color-border: #2e303a;--sa-color-primary: #a855f7;--sa-color-primary-soft: rgba(168, 85, 247, .14);--sa-color-primary-border: rgba(168, 85, 247, .5);--sa-color-violet-900: #4c1d95;--sa-color-violet-800: #5b21b6;--sa-color-ink-hud: #12081f;--sa-color-success: #22c55e;--sa-color-warning: #eab308;--sa-color-danger: #ef4444;--sa-color-neutral: #374151;--sa-color-text-muted: #9ca3af;--sa-color-text-strong: #f3f4f6;--sa-radius-sm: 8px;--sa-radius-md: 12px;--sa-radius-lg: 16px;--sa-font-sans: system-ui, "Segoe UI", Roboto, sans-serif;--sa-font-mono: ui-monospace, Consolas, monospace;--sa-font-hud-sans: "Plus Jakarta Sans", var(--sa-font-sans);--sa-font-hud-display: "Orbitron", system-ui, sans-serif;--sa-shadow-elevated: rgba(0, 0, 0, .35) 0 12px 24px -4px, rgba(0, 0, 0, .22) 0 6px 12px -3px;--sa-shadow-card: var(--sa-shadow-elevated);--sa-color-bg-main: var(--sa-color-bg-hud-deep);--sa-color-bg-body: var(--sa-color-bg-main);--sa-color-bg-card: var(--sa-color-surface);--sa-color-text-body: var(--sa-color-text-muted);--sa-color-text-main: var(--sa-color-text-strong);--sa-font-main: var(--sa-font-hud-sans);--sa-font-display: var(--sa-font-hud-display);--sa-space-1: .25rem;--sa-space-2: .5rem;--sa-space-3: .75rem;--sa-space-4: 1rem;--sa-space-5: 1.25rem;--sa-space-6: 1.5rem;--sa-space-8: 2rem;--sa-space-10: 2.5rem}.eat-first-root,.eat-first-root[data-theme=dark]{--font-body: var(--sa-font-hud-sans);--font-display: var(--sa-font-hud-display);color-scheme:dark;--bg-main: var(--sa-color-bg-hud-deep);--bg-body: radial-gradient(ellipse 120% 80% at 50% -20%, rgba(88, 28, 135, .35), transparent), var(--bg-main);--bg-body-alt: radial-gradient(ellipse 100% 60% at 50% -10%, rgba(55, 25, 95, .35), transparent), var(--sa-color-bg-hud-void);--bg-card: rgba(10, 8, 22, .9);--bg-card-solid: rgba(10, 8, 22, .95);--bg-dropdown: #14111f;--z-dropdown: 11950;--bg-card-soft: rgba(10, 8, 22, .75);--bg-elevated: rgba(12, 10, 26, .75);--bg-input: rgba(8, 6, 20, .92);--bg-input-soft: rgba(8, 6, 20, .85);--bg-muted: rgba(0, 0, 0, .22);--bg-muted-strong: rgba(0, 0, 0, .4);--bg-summary-bar: rgba(3, 2, 12, .98);--bg-generate: rgba(4, 3, 14, .52);--bg-obs-hint: rgba(8, 12, 28, .9);--bg-code: rgba(0, 0, 0, .45);--bg-toast: rgba(20, 83, 45, .95);--text-main: #ffffff;--text-body: #e2e8f0;--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(196, 181, 253, .45);--text-muted-soft: rgba(196, 181, 253, .42);--text-title: #faf5ff;--text-heading: #ede9fe;--text-code: #cbd5e1;--text-cyan: rgba(125, 211, 252, .75);--text-cyan-body: rgba(203, 213, 225, .88);--text-cyan-strong: #e0f2fe;--text-highlight: #fde047;--border: color-mix(in srgb, var(--sa-color-primary) 20%, transparent);--border-strong: var(--sa-color-primary-border);--border-subtle: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .1);--border-panel: rgba(124, 58, 237, .15);--border-teal: rgba(45, 212, 191, .38);--border-cyan: rgba(56, 189, 248, .22);--border-cyan-strong: rgba(56, 189, 248, .35);--accent: rgba(168, 85, 247, .45);--accent-fill: rgba(88, 28, 135, .4);--accent-fill-soft: rgba(88, 28, 135, .25);--accent-glow: rgba(168, 85, 247, .12);--accent-glow-strong: rgba(168, 85, 247, .35);--shadow-elevated: rgba(0, 0, 0, .35);--shadow-deep: rgba(0, 0, 0, .45);--shadow-card: 0 2px 8px rgba(0, 0, 0, .35), 0 12px 40px rgba(0, 0, 0, .25);--glow-vote: rgba(56, 189, 248, .14);--glow-vote-inner: rgba(56, 189, 248, .1);--glow-vote-inner-2: rgba(168, 85, 247, .07);--glow-purple-lg: rgba(168, 85, 247, .18);--glow-cyan-lg: rgba(56, 189, 248, .22);--glow-green-lg: rgba(74, 222, 128, .2);--glow-amber-lg: rgba(251, 191, 36, .2);--danger-bg: rgba(40, 10, 14, .2);--danger-border: rgba(248, 113, 113, .28);--danger-glow: rgba(220, 38, 38, .12);--error-bg: rgba(80, 20, 30, .4);--error-border: rgba(248, 113, 113, .35);--error-text: #fecaca;--btn-neon-border: rgba(168, 85, 247, .55);--btn-neon-top: rgba(139, 92, 246, .38);--btn-neon-bot: rgba(88, 28, 135, .52);--btn-soft-bg: rgba(0, 0, 0, .35);--btn-soft-border: rgba(255, 255, 255, .12);--trait-border: rgba(168, 85, 247, .16);--trait-player-border: rgba(255, 255, 255, .08);--reveal-border: rgba(71, 85, 105, .55);--reveal-bg: rgba(15, 23, 42, .65);--join-step-border: rgba(255, 255, 255, .05);--cta-border: rgba(255, 255, 255, .08);--cta-bg: rgba(12, 8, 24, .75);--pcard-bg: rgba(10, 6, 22, .88);--bg-editor-calm: rgba(8, 10, 18, .55);--border-editor-calm: rgba(51, 65, 85, .35);--focus-ring: rgba(71, 85, 105, .35);--reveal-on-border: rgba(74, 222, 128, .55);--reveal-on-bg: rgba(22, 101, 52, .42);--reveal-on-text: #bbf7d0;--reveal-on-glow: rgba(74, 222, 128, .28);--reveal-off-border: rgba(248, 113, 113, .45);--reveal-off-bg: rgba(60, 22, 28, .55);--reveal-off-text: #fecaca;--reveal-off-glow: rgba(248, 113, 113, .15);--panel-desk-shadow: none;--editor-trait-label: var(--text-muted);--trait-mini-label: rgba(196, 181, 253, .55);--active-card-surface-bg: rgba(88, 28, 135, .12);--active-card-surface-border: rgba(167, 139, 250, .25);--active-card-heading: #e9d5ff;--active-card-meta: rgba(196, 181, 253, .65);--active-card-title-text: #f5f3ff;--active-card-desc: #cbd5e1;--active-card-used: #c4b5fd;--active-card-pending: #fde68a;--card-request-bg: rgba(88, 28, 135, .22);--card-request-border: rgba(168, 85, 247, .45);--card-request-text: #e9d5ff;--confirm-card-border: rgba(168, 85, 247, .55);--confirm-card-bg-top: rgba(139, 92, 246, .45);--confirm-card-bg-bot: rgba(88, 28, 135, .55);--btn-elim-out-bg: rgba(80, 20, 30, .35);--btn-elim-out-border: rgba(248, 113, 113, .35);--btn-elim-out-text: #fecaca;--btn-elim-on-bg: rgba(22, 101, 52, .3);--btn-elim-on-border: rgba(74, 222, 128, .4);--btn-elim-on-text: #bbf7d0;--btn-hand-border: rgba(251, 191, 36, .35);--btn-hand-border-hover: rgba(251, 191, 36, .55);--btn-hand-bg: rgba(60, 40, 8, .4);--btn-hand-text: #fef3c7;--btn-hand-up-border: rgba(74, 222, 128, .45);--btn-hand-up-bg: rgba(22, 101, 52, .35);--btn-hand-up-text: #bbf7d0;--btn-primary-solid-bg: rgba(109, 40, 217, .85);--btn-primary-solid-hover: rgba(139, 92, 246, .95);--btn-primary-solid-text: #faf5ff;--btn-primary-solid-border: rgba(196, 181, 253, .45);--btn-request-border: rgba(167, 139, 250, .45);--btn-request-bg: rgba(88, 28, 135, .35);--btn-request-text: #ffffff;--logo-pad-bg: linear-gradient(155deg, #14101f 0%, #0a0712 55%, #120a1c 100%);--logo-pad-border: rgba(255, 255, 255, .1);--logo-pad-shadow: 0 2px 14px rgba(0, 0, 0, .45);--scrollbar-track: rgba(8, 6, 20, .55);--scrollbar-thumb: rgba(139, 92, 246, .5);--scrollbar-thumb-hover: rgba(192, 132, 252, .62)}.eat-first-root[data-theme=light]{--font-body: var(--sa-font-hud-sans);--font-display: var(--sa-font-hud-display);color-scheme:light;--bg-main: var(--sa-color-bg-hud-light);--bg-body: radial-gradient(ellipse 120% 85% at 50% -18%, rgba(91, 33, 168, .22), transparent), radial-gradient(ellipse 90% 50% at 100% 0%, rgba(124, 58, 237, .12), transparent), var(--bg-main);--bg-body-alt: radial-gradient(ellipse 100% 55% at 50% -10%, rgba(76, 29, 149, .16), transparent), var(--sa-color-bg-hud-light-alt);--bg-card: #f3effb;--bg-card-solid: #fffcff;--bg-dropdown: #ffffff;--z-dropdown: 11950;--bg-card-soft: #ebe4f7;--bg-elevated: #f6f2fd;--bg-input: #fffcff;--bg-input-soft: #e2daf0;--bg-muted: rgba(49, 21, 92, .14);--bg-muted-strong: rgba(49, 21, 92, .2);--bg-summary-bar: #f3effb;--bg-generate: #e8e0f4;--bg-obs-hint: #e4dcf5;--bg-code: #e8e0f4;--bg-toast: rgba(22, 101, 52, .92);--text-main: var(--sa-color-ink-hud);--text-body: #1f0f33;--text-secondary: rgba(18, 8, 31, .82);--text-muted: rgba(49, 21, 92, .72);--text-muted-soft: rgba(49, 21, 92, .55);--text-title: var(--sa-color-ink-hud);--text-heading: var(--sa-color-violet-900);--text-code: #3b0764;--text-cyan: rgba(107, 33, 168, .88);--text-cyan-body: rgba(45, 27, 66, .88);--text-cyan-strong: #6d28d9;--text-highlight: #b45309;--border: color-mix(in srgb, var(--sa-color-violet-800) 22%, transparent);--border-strong: var(--sa-color-primary-border);--border-subtle: rgba(49, 21, 92, .16);--border-input: rgba(49, 21, 92, .32);--border-panel: rgba(91, 33, 182, .42);--border-teal: rgba(13, 148, 136, .45);--border-cyan: rgba(167, 139, 250, .32);--border-cyan-strong: rgba(139, 92, 246, .45);--accent: rgba(139, 92, 246, .38);--accent-fill: rgba(139, 92, 246, .26);--accent-fill-soft: rgba(167, 139, 250, .18);--accent-glow: rgba(168, 85, 247, .12);--accent-glow-strong: rgba(168, 85, 247, .28);--shadow-elevated: rgba(30, 10, 60, .12);--shadow-deep: rgba(30, 10, 60, .2);--shadow-card: 0 1px 3px rgba(30, 10, 60, .1), 0 8px 24px rgba(49, 21, 92, .12);--glow-vote: rgba(192, 132, 252, .14);--glow-vote-inner: rgba(167, 139, 250, .12);--glow-vote-inner-2: rgba(168, 85, 247, .08);--glow-purple-lg: rgba(168, 85, 247, .18);--glow-cyan-lg: rgba(192, 132, 252, .16);--glow-green-lg: rgba(22, 163, 74, .18);--glow-amber-lg: rgba(217, 119, 6, .18);--danger-bg: rgba(254, 226, 226, .5);--danger-border: rgba(248, 113, 113, .45);--danger-glow: rgba(248, 113, 113, .12);--error-bg: rgba(254, 226, 226, .75);--error-border: rgba(239, 68, 68, .35);--error-text: #991b1b;--btn-neon-border: rgba(139, 92, 246, .48);--btn-neon-top: rgba(192, 132, 252, .32);--btn-neon-bot: rgba(124, 58, 237, .28);--btn-soft-bg: rgba(245, 243, 255, .96);--btn-soft-border: rgba(91, 33, 168, .14);--trait-border: rgba(167, 139, 250, .22);--trait-player-border: rgba(91, 33, 168, .12);--reveal-border: rgba(91, 33, 168, .28);--reveal-bg: #f5f3ff;--join-step-border: rgba(49, 21, 92, .18);--cta-border: rgba(76, 29, 149, .35);--cta-bg: #fffcff;--pcard-bg: #f3effb;--bg-editor-calm: rgba(250, 245, 255, .94);--border-editor-calm: rgba(167, 139, 250, .35);--focus-ring: rgba(139, 92, 246, .28);--reveal-on-border: rgba(22, 163, 74, .65);--reveal-on-bg: #86efac;--reveal-on-text: #052e16;--reveal-on-glow: rgba(22, 163, 74, .2);--reveal-off-border: rgba(220, 38, 38, .55);--reveal-off-bg: #fecaca;--reveal-off-text: #450a0a;--reveal-off-glow: rgba(239, 68, 68, .15);--panel-desk-shadow: var(--shadow-card);--editor-trait-label: rgba(91, 33, 168, .68);--trait-mini-label: rgba(91, 33, 168, .55);--active-card-surface-bg: #e9e5ff;--active-card-surface-border: rgba(91, 33, 182, .32);--active-card-heading: #4c1d95;--active-card-meta: #5b21b6;--active-card-title-text: #3730a3;--active-card-desc: #3d2a52;--active-card-used: #5b21b6;--active-card-pending: #92400e;--card-request-bg: #ddd6fe;--card-request-border: rgba(91, 33, 182, .45);--card-request-text: #312e81;--confirm-card-border: rgba(91, 33, 182, .55);--confirm-card-bg-top: #7c3aed;--confirm-card-bg-bot: #5b21b6;--btn-elim-out-bg: #fecaca;--btn-elim-out-border: #dc2626;--btn-elim-out-text: #7f1d1d;--btn-elim-on-bg: #bbf7d0;--btn-elim-on-border: #16a34a;--btn-elim-on-text: #14532d;--btn-hand-border: #d97706;--btn-hand-border-hover: #b45309;--btn-hand-bg: #fef3c7;--btn-hand-text: #78350f;--btn-hand-up-border: #16a34a;--btn-hand-up-bg: #bbf7d0;--btn-hand-up-text: #14532d;--btn-primary-solid-bg: #5b21b6;--btn-primary-solid-hover: #6d28d9;--btn-primary-solid-text: #ffffff;--btn-primary-solid-border: #4c1d95;--btn-request-border: rgba(91, 33, 182, .55);--btn-request-bg: #6d28d9;--btn-request-text: #ffffff;--logo-pad-bg: linear-gradient(155deg, #1c1428 0%, #120d1a 50%, #0f0a16 100%);--logo-pad-border: rgba(91, 33, 168, .35);--logo-pad-shadow: 0 2px 12px rgba(49, 21, 92, .22), 0 0 0 1px rgba(0, 0, 0, .12);--scrollbar-track: rgba(91, 33, 168, .07);--scrollbar-thumb: rgba(139, 92, 246, .4);--scrollbar-thumb-hover: rgba(124, 58, 237, .52)}.eat-first-root *,.eat-first-root *:before,.eat-first-root *:after{box-sizing:border-box}.eat-first-root{margin:0;min-height:100%;font-family:var(--font-body);font-size:16px;line-height:1.45;color:var(--text-body);background:var(--bg-body);-webkit-font-smoothing:antialiased}.eat-first-root a{color:inherit}.eat-first-root{--ui-control-compact-radius: 8px;--ui-control-compact-pad-y: .3rem;--ui-control-compact-pad-x: .55rem;--ui-control-compact-font: .62rem;--ui-control-compact-weight: 700;--ui-control-compact-min-h: 1.9rem;--ui-control-compact-gap: .28rem;--ui-control-compact-line: 1.2;--ui-control-xl-radius: 11px;--ui-control-xl-pad-y: .55rem;--ui-control-xl-pad-x: .75rem;--ui-control-xl-font: .82rem;--ui-control-xl-weight: 800;--ui-control-xl-letter: .04em;--ui-control-xl-border: 2px solid transparent;--ui-control-xl-min-w: 5.5rem;--ui-control-ghost-min-w: 2.75rem;--ui-control-ghost-pad-x: .5rem;--ui-control-ghost-font: .95rem;--ui-control-next-font: .72rem;--ui-control-dur-radius: 10px;--ui-control-dur-pad-y: .42rem;--ui-control-dur-pad-x: .55rem;--ui-control-dur-font: .78rem;--ui-control-dur-weight: 800;--ui-control-dur-min-w: 3.2rem;--ui-space-1: .15rem;--ui-space-2: .28rem;--ui-space-3: .35rem;--ui-space-4: .4rem;--ui-space-5: .45rem;--ui-space-6: .5rem;--ui-space-7: .55rem;--ui-space-8: .62rem;--ui-space-9: .65rem;--ui-space-10: .75rem;--ui-space-11: .85rem;--ui-space-12: 1rem;--ui-radius-sm: 6px;--ui-radius-md: 8px;--ui-radius-lg: 10px;--ui-radius-panel: 14px;--ui-type-overline-size: .48rem;--ui-type-overline-weight: 800;--ui-type-overline-track: .12em;--ui-type-panel-title-size: .52rem;--ui-type-panel-title-weight: 900;--ui-type-panel-title-track: .14em;--ui-type-caption-size: .58rem;--ui-type-caption-weight: 700;--ui-type-summary-size-min: .5rem;--ui-type-summary-size-pref: .54rem;--ui-type-summary-size-max: .58rem;--ui-container-panel-pad-x: .75rem;--ui-container-panel-pad-y: .65rem;--ui-container-panel-pad-bottom: .75rem;--ui-container-panel-radius: var(--ui-radius-panel);--ui-container-split-gap: .75rem;--ui-container-split-columns: repeat(3, minmax(0, 1fr));--ui-container-inset-gap: .35rem;--ui-shell-host-pad-y: .4rem;--ui-shell-host-pad-x: .85rem;--ui-shell-host-pad-bottom: .35rem;--ui-summary-bar-pad-y: .32rem;--ui-summary-bar-pad-x: .5rem;--ui-summary-bar-radius: var(--ui-radius-md);--ui-summary-bar-margin-y: .35rem;--ui-summary-bar-margin-bottom: .3rem;--hcc-show-phase-gap: 1rem}.ui-control-btn--compact{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--ui-control-compact-min-h);padding:var(--ui-control-compact-pad-y) var(--ui-control-compact-pad-x);border-radius:var(--ui-control-compact-radius);font-size:var(--ui-control-compact-font);font-weight:var(--ui-control-compact-weight);line-height:var(--ui-control-compact-line);cursor:pointer;border:1px solid var(--border-input);background:var(--bg-muted-strong);color:var(--text-body);-webkit-tap-highlight-color:transparent}.ui-control-btn--compact:focus{outline:none}.ui-control-btn--compact:focus-visible{outline:2px solid var(--border-cyan-strong);outline-offset:1px}.ui-container-panel{padding:var(--ui-container-panel-pad-y) var(--ui-container-panel-pad-x) var(--ui-container-panel-pad-bottom);border-radius:var(--ui-container-panel-radius);border:1px solid var(--border);background:var(--bg-muted);box-shadow:0 2px 12px var(--shadow-elevated)}@media(max-width:768px){.eat-first-root{--ui-control-xl-pad-y: .44rem;--ui-control-xl-pad-x: .58rem;--ui-control-xl-font: .74rem;--ui-control-xl-radius: 9px;--ui-control-xl-min-w: 4.65rem;--ui-control-dur-pad-y: .34rem;--ui-control-dur-pad-x: .46rem;--ui-control-dur-font: .7rem;--ui-control-dur-min-w: 2.85rem;--ui-control-compact-min-h: 1.72rem;--ui-control-compact-pad-y: .26rem;--ui-control-compact-font: .58rem;--ui-control-ghost-min-w: 2.4rem;--ui-control-ghost-pad-x: .42rem;--ui-control-ghost-font: .88rem;--ui-control-next-font: .66rem}}@media(max-width:520px){.eat-first-root{--hcc-show-phase-gap: .55rem;--ui-container-split-gap: .55rem;--ui-control-compact-pad-x: .42rem;--ui-control-xl-pad-y: .34rem;--ui-control-xl-pad-x: .46rem;--ui-control-xl-font: .66rem;--ui-control-xl-radius: 8px;--ui-control-xl-min-w: 3.85rem;--ui-control-dur-pad-y: .26rem;--ui-control-dur-pad-x: .36rem;--ui-control-dur-font: .62rem;--ui-control-dur-min-w: 2.45rem;--ui-control-compact-min-h: 1.52rem;--ui-control-compact-pad-y: .22rem;--ui-control-compact-font: .52rem;--ui-control-ghost-min-w: 2.05rem;--ui-control-ghost-pad-x: .36rem;--ui-control-ghost-font: .82rem;--ui-control-next-font: .58rem}}.eat-page.eat-first-root,.eat-page.eat-first-root *,.eat-page.eat-first-root *:before,.eat-page.eat-first-root *:after{transition:background .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease}.eat-page.eat-first-root{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.eat-page.eat-first-root::-webkit-scrollbar{width:10px;height:10px}.eat-page.eat-first-root::-webkit-scrollbar-track{background:var(--scrollbar-track)}.eat-page.eat-first-root::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.eat-page.eat-first-root::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.sa-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(139, 92, 246, .5)) var(--scrollbar-track, rgba(8, 6, 20, .55))}.sa-scrollbar::-webkit-scrollbar{width:10px;height:10px}.sa-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track, rgba(8, 6, 20, .55))}.sa-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, rgba(139, 92, 246, .5));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sa-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, rgba(192, 132, 252, .62));background-clip:padding-box}.theme-toggle{border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);border-radius:10px;padding:6px 10px;cursor:pointer;font-size:1rem;line-height:1}.theme-toggle:hover{border-color:var(--border-strong);box-shadow:0 0 16px var(--accent-glow)}.app-shell-header{position:sticky;top:0;z-index:100;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1rem;background:var(--bg-card-solid);border-bottom:1px solid var(--border);box-shadow:0 4px 20px var(--shadow-elevated)}.app-shell-header__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-width:0}.app-shell-header__start{display:flex;align-items:center;gap:.45rem;min-width:0;flex:1 1 auto}.app-shell-header__start .app-shell-brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-header__end{display:flex;align-items:center;gap:.65rem;flex-shrink:0;min-width:0}.app-shell-header__top--has-center{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}.app-shell-header__top--has-center .app-shell-header__start{flex:unset;min-width:0}.app-shell-header__top--has-center>.app-shell-header__end{justify-self:end}.app-shell-header__center{justify-self:center;text-align:center;min-width:0;max-width:100%}.app-shell-stream-centered-title{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display, var(--sa-font-display));font-size:clamp(.68rem,2.2vw,.88rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--text-heading, var(--sa-color-text-main));line-height:1.3;padding:.2rem 0;vertical-align:middle}.app-shell-stream-centered-title:hover{color:var(--text-title, var(--sa-color-primary))}@media(max-width:900px){.app-shell-header__top:not(.app-shell-header__top--has-center){flex-wrap:wrap;align-items:flex-start;row-gap:.4rem;-moz-column-gap:.5rem;column-gap:.5rem}.app-shell-header__top--has-center{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"start end" "center center";align-items:center;row-gap:.35rem;-moz-column-gap:.5rem;column-gap:.5rem}.app-shell-header__top--has-center .app-shell-header__start{grid-area:start}.app-shell-header__top--has-center>.app-shell-header__end{grid-area:end;justify-self:end}.app-shell-header__top--has-center .app-shell-header__center{grid-area:center;justify-self:center;max-width:100%}.app-shell-header__start{flex:1 1 auto;min-width:0}.app-shell-header__end{flex-shrink:1;flex-wrap:wrap;justify-content:flex-end;row-gap:.35rem;-moz-column-gap:.45rem;column-gap:.45rem}.app-shell-brand{font-size:clamp(.52rem,2.6vw,.72rem);letter-spacing:.08em}.app-shell-mini-brand{max-width:min(100%,10.5rem);min-width:0}.app-shell-mini-brand__nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem}}@media(max-width:520px){.app-shell-header__top--has-center{grid-template-columns:minmax(0,1fr);grid-template-areas:"start" "end" "center";row-gap:.45rem;-moz-column-gap:0;column-gap:0}.app-shell-header__top--has-center .app-shell-header__start{width:100%;max-width:100%;min-width:0}.app-shell-header__top--has-center>.app-shell-header__end{width:100%;max-width:100%;min-width:0;justify-self:stretch;justify-content:space-between}.app-shell-header__top--has-center .app-shell-header__center{width:100%;min-width:0;max-width:100%}.app-shell-stream-centered-title{display:block;width:100%;text-align:center}}@media(max-width:480px){.app-shell-mini-brand__nick{max-width:5.25rem}}.app-shell-mini-brand{display:inline-flex;align-items:center;gap:.45rem;line-height:1;text-decoration:none;color:inherit;border-radius:12px;transition:opacity .15s ease,transform .15s ease}.app-shell-mini-brand:hover{opacity:.9}.app-shell-mini-brand:focus-visible{outline:2px solid var(--border-strong);outline-offset:3px}.app-shell-mini-brand:active{transform:scale(.98)}.app-shell-mini-brand picture{display:contents}.app-shell-mini-brand__logo{display:block;width:2rem;height:2rem;-o-object-fit:contain;object-fit:contain;border-radius:10px;border:1px solid var(--logo-pad-border, var(--border-subtle));background:var(--logo-pad-bg);box-shadow:var(--logo-pad-shadow, none);box-sizing:border-box}.app-shell-mini-brand__nick{font-family:var(--font-display);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-heading)}.app-shell-header--host{padding:var(--ui-shell-host-pad-y) var(--ui-shell-host-pad-x) var(--ui-shell-host-pad-bottom);border-bottom:1px solid var(--border-subtle);box-shadow:0 6px 24px var(--shadow-elevated)}.app-shell-header--host.app-shell-header--vote-on{box-shadow:0 6px 24px var(--shadow-elevated),inset 0 -1px #38bdf861}.app-shell-header__host-stack{display:flex;flex-direction:column;gap:0;min-width:0;min-height:0}@media(max-width:1000px),(max-height:820px){.app-shell-header__host-stack{max-height:min(46vh,calc(100dvh - 5.25rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:var(--ui-space-1)}.app-shell-header__host-stack::-webkit-scrollbar{width:6px}.app-shell-header__host-stack::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.app-shell-header--host{--ui-summary-bar-margin-y: .2rem;--ui-summary-bar-margin-bottom: .18rem;--ui-summary-bar-pad-y: .24rem;--ui-shell-host-pad-y: .28rem;--ui-shell-host-pad-bottom: .22rem;--ui-shell-host-pad-x: .65rem;--ui-container-panel-pad-y: .42rem;--ui-container-panel-pad-bottom: .48rem;--ui-container-panel-pad-x: .55rem;--ui-space-8: .42rem;--ui-space-7: .38rem;--hcc-show-phase-gap: .5rem;--ui-container-split-gap: .5rem}}@media(max-width:600px),(max-height:700px){.app-shell-header__host-stack{max-height:min(42vh,calc(100dvh - 4.85rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}}.app-shell-host-summary{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;margin:var(--ui-summary-bar-margin-y) 0 var(--ui-summary-bar-margin-bottom);padding:var(--ui-summary-bar-pad-y) var(--ui-summary-bar-pad-x);border-radius:var(--ui-summary-bar-radius);background:var(--bg-muted-strong);border:1px solid var(--border-subtle);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.app-shell-host-summary__inner{display:inline-block;max-width:100%;font-size:clamp(var(--ui-type-summary-size-min),calc(var(--ui-type-summary-size-pref) + .2vw),var(--ui-type-summary-size-max));font-weight:800;letter-spacing:.04em;line-height:1.35;color:var(--text-body);font-family:var(--font-display);white-space:nowrap;text-align:center}.app-shell-host-summary::-webkit-scrollbar{height:4px}.app-shell-host-summary::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.app-shell-brand{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-display);color:var(--text-muted)}.app-shell-brand--with-mark{display:inline-flex;align-items:center;gap:.5rem;min-width:0;max-width:100%;text-decoration:none;color:inherit}.app-shell-brand--with-mark:hover{opacity:.92}.app-shell-brand--with-mark:focus-visible{outline:2px solid var(--border-cyan-strong, rgba(94, 231, 223, .55));outline-offset:3px;border-radius:10px}.app-shell-brand__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:none;font-family:var(--font-display);color:var(--text-heading, var(--sa-color-text-main))}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-shell-main,.app-shell-main__viewport{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;align-items:stretch}.app-shell-main__viewport--chrome{min-height:min(64vh,680px)}.app-shell-main__viewport--chrome.app-shell-main__viewport--wordle{min-height:0}.app-shell-main__viewport>*{width:100%;min-width:0;flex:1 1 auto}.app-site-footer{flex-shrink:0;margin-top:auto;padding:.85rem 1.25rem 1.1rem;border-top:1px solid var(--border-subtle);background:var(--bg-card-soft);min-height:4.35rem;box-sizing:border-box;contain:layout style;display:flex;justify-content:center;align-items:center;text-align:center}.app-site-footer__inner{width:100%;max-width:min(1200px,100%);margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:.45rem;text-align:center}.app-site-footer__brand-link{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none;color:inherit;border-radius:14px;transition:opacity .15s ease}.app-site-footer__brand-link:hover{opacity:.9}.app-site-footer__brand-link:focus-visible{outline:2px solid var(--border-strong);outline-offset:3px}.app-site-footer__logo-wrap{flex-shrink:0;width:52px;height:52px;padding:4px;box-sizing:border-box;border-radius:12px;background:var(--logo-pad-bg);border:1px solid var(--logo-pad-border, var(--border-subtle));box-shadow:var(--logo-pad-shadow, none);line-height:0;display:flex;align-items:center;justify-content:center}.app-site-footer__logo-wrap picture{display:contents}.app-site-footer__logo{display:block;width:44px;height:44px;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.app-site-footer__meta{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center}.app-site-footer__nick{font-family:var(--font-display);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-heading);line-height:1.2;min-height:18px}.app-site-footer__copy{margin:0;font-size:.68rem;line-height:1.45;color:var(--text-muted);max-width:min(42rem,100%);text-align:center;min-height:.986rem}.ui-checkbox{--ui-check-size: 1.125rem;--ui-check-radius: var(--ui-radius-md, 8px);--ui-check-border: var(--border-strong);--ui-check-bg: var(--bg-input-soft, rgba(8, 6, 20, .85));--ui-check-on-bg: linear-gradient(165deg, var(--btn-neon-top), var(--btn-neon-bot));--ui-check-on-border: var(--btn-neon-border);--ui-check-mark: #faf5ff;--ui-check-glow: var(--accent-glow-strong);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--ui-check-size);height:var(--ui-check-size);flex-shrink:0;cursor:pointer;vertical-align:middle}.ui-checkbox--text{display:inline-flex;flex-direction:row;align-items:center;gap:.5rem;width:auto;height:auto}.ui-checkbox__hit{position:relative;display:inline-grid;place-items:center;width:var(--ui-check-size);height:var(--ui-check-size);flex-shrink:0}.ui-checkbox__hit input{grid-area:1 / 1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.ui-checkbox__hit .ui-checkbox__box{grid-area:1 / 1;pointer-events:none}.ui-checkbox:not(.ui-checkbox--text) input{position:absolute;inset:0;margin:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.ui-checkbox__box{display:flex;align-items:center;justify-content:center;width:var(--ui-check-size);height:var(--ui-check-size);box-sizing:border-box;border-radius:var(--ui-check-radius);border:1.5px solid var(--ui-check-border);background:var(--ui-check-bg);box-shadow:inset 0 1px #ffffff0f;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .14s ease;pointer-events:none}.ui-checkbox input:hover+.ui-checkbox__box{border-color:var(--btn-neon-border);box-shadow:inset 0 1px #ffffff14,0 0 12px var(--ui-check-glow)}.ui-checkbox input:focus-visible+.ui-checkbox__box{outline:2px solid var(--accent-glow-strong);outline-offset:2px}.ui-checkbox input:checked+.ui-checkbox__box{background-image:var(--ui-check-on-bg);background-color:#581c87e0;border-color:var(--ui-check-on-border);box-shadow:0 0 14px var(--ui-check-glow),inset 0 1px #ffffff1f}.ui-checkbox input:checked+.ui-checkbox__box:after{content:"";width:.28rem;height:.5rem;border:solid var(--ui-check-mark);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-.02rem,-.06rem);border-radius:1px;filter:drop-shadow(0 0 2px rgba(250,245,255,.35))}.eat-first-root[data-theme=light] .ui-checkbox{--ui-check-border: rgba(124, 58, 237, .38);--ui-check-bg: rgba(255, 255, 255, .88);--ui-check-on-bg: linear-gradient(165deg, rgba(139, 92, 246, .55), rgba(88, 28, 135, .62));--ui-check-on-border: rgba(124, 58, 237, .65);--ui-check-mark: #faf5ff;--ui-check-glow: rgba(124, 58, 237, .2)}.ui-checkbox--lg{--ui-check-size: 1.2rem;--ui-check-radius: 6px}:root{scrollbar-gutter:stable;--text: var(--sa-color-text-body);--text-h: var(--sa-color-text-main);--bg: var(--sa-color-bg-main);--border: var(--sa-color-border);--code-bg: var(--sa-color-surface-raised);--accent: var(--sa-color-primary);--accent-bg: var(--sa-color-primary-soft);--accent-border: var(--sa-color-primary-border);--social-bg: color-mix(in srgb, var(--sa-color-surface) 72%, transparent);--shadow: var(--sa-shadow-elevated);--sans: var(--sa-font-main);--heading: var(--sa-font-display);--mono: var(--sa-font-mono);font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:dark;color:var(--text);background-color:var(--sa-color-bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}html{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.48) rgba(10,8,22,.65)}html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:#0a0816a6}html::-webkit-scrollbar-thumb{background:#8b5cf685;border-radius:999px;border:2px solid transparent;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover{background:#c084fc9e;background-clip:padding-box}html.sa-call-route{overflow:hidden;height:100vh;height:100dvh}html.sa-call-route body{overflow:hidden;height:100%;margin:0}html.sa-call-route #app,html.sa-call-route .app-root{height:100%;min-height:0;max-height:100%;overflow:hidden}html.sa-call-route .page-stack,html.sa-call-route .app-layout{min-height:0;height:100%;max-height:100%}html.sa-call-route .app-shell-main{min-height:0!important}html.sa-call-route .app-shell-main__viewport{min-height:0!important;flex:1 1 auto;overflow:hidden}html.sa-call-route .app-shell-route-stack{min-height:0;overflow:hidden}html.sa-wordle-route{height:100%}html.sa-wordle-route body{height:100%;margin:0}html.sa-wordle-route #app,html.sa-wordle-route .app-root{height:100%;min-height:0}html.sa-wordle-route .page-stack,html.sa-wordle-route .app-layout{min-height:0;height:100%}html.sa-wordle-route .app-shell-main{min-height:0!important}html.sa-wordle-route .app-shell-main__viewport{min-height:0!important;flex:1 1 auto}html.sa-wordle-route .app-shell-route-stack{min-height:0;height:100%}@media(max-width:1200px){html.sa-wordle-route,html.sa-wordle-route body{height:auto;min-height:100%;overflow:visible}html.sa-wordle-route #app,html.sa-wordle-route .app-root,html.sa-wordle-route .page-stack,html.sa-wordle-route .app-layout,html.sa-wordle-route .app-shell-main,html.sa-wordle-route .app-shell-main__viewport,html.sa-wordle-route .app-shell-route-stack{height:auto;max-height:none;overflow:visible}html.sa-wordle-route .page-stack{min-height:100vh}html.sa-wordle-route .app-shell-main,html.sa-wordle-route .app-shell-main__viewport,html.sa-wordle-route .app-shell-route-stack,html.sa-wordle-route .app-shell-main__viewport>*{flex:0 0 auto;min-height:0}}@media(min-width:1201px){html.sa-wordle-route,html.sa-wordle-route body{overflow:hidden}html.sa-wordle-route #app,html.sa-wordle-route .app-root{overflow:hidden;max-height:100%}html.sa-wordle-route .app-shell-main__viewport,html.sa-wordle-route .app-shell-route-stack{overflow:hidden}}body{margin:0;min-height:100vh;font-family:var(--sa-font-main);background:var(--sa-color-bg-body);color:var(--sa-color-text-body)}h1,h2{font-family:var(--sa-font-display);font-weight:600;color:var(--sa-color-text-main)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#app{width:100%;max-width:100%;margin:0;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media(max-width:1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media(max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media(max-width:1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media(max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media(max-width:1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media(max-width:1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.isolate{isolation:isolate}.z-\[1\]{z-index:1}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-full{height:100%}.max-h-80{max-height:20rem}.min-h-0{min-height:0px}.min-h-\[calc\(100dvh-8\.5rem\)\]{min-height:calc(100dvh - 8.5rem)}.w-11{width:2.75rem}.w-6{width:1.5rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[10rem\]{min-width:10rem}.min-w-\[12rem\]{min-width:12rem}.max-w-3xl{max-width:48rem}.max-w-none{max-width:none}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-y-1{row-gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-800\/90>:not([hidden])~:not([hidden]){border-color:#1e293be6}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-800\/50{border-color:#92400e80}.border-amber-900\/50{border-color:#78350f80}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-slate-700\/80{border-color:#334155cc}.border-slate-800\/70{border-color:#1e293bb3}.border-slate-800\/80{border-color:#1e293bcc}.border-transparent{border-color:transparent}.bg-amber-800\/90{background-color:#92400ee6}.bg-amber-950\/20{background-color:#451a0333}.bg-cyan-950\/80{background-color:#083344cc}.bg-emerald-800\/90{background-color:#065f46e6}.bg-indigo-900\/80{background-color:#312e81cc}.bg-rose-900\/90{background-color:#881337e6}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-slate-800\/80{background-color:#1e293bcc}.bg-slate-800\/90{background-color:#1e293be6}.bg-slate-900\/30{background-color:#0f172a4d}.bg-slate-900\/35{background-color:#0f172a59}.bg-slate-900\/40{background-color:#0f172a66}.bg-slate-900\/50{background-color:#0f172a80}.bg-slate-900\/85{background-color:#0f172ad9}.bg-slate-950{--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.bg-slate-950\/60{background-color:#02061799}.bg-slate-950\/75{background-color:#020617bf}.bg-slate-950\/80{background-color:#020617cc}.bg-slate-950\/90{background-color:#020617e6}.bg-violet-950\/80{background-color:#2e1065cc}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-950\/30{--tw-gradient-from: rgb(69 26 3 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.from-cyan-600{--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.from-cyan-950\/80{--tw-gradient-from: rgb(8 51 68 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(8 51 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.from-slate-950{--tw-gradient-from: #020617 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.via-\[\#0c1222\]{--tw-gradient-to: rgb(12 18 34 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0c1222 var(--tw-gradient-via-position), var(--tw-gradient-to) }.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position) }.to-indigo-950\/50{--tw-gradient-to: rgb(30 27 75 / .5) var(--tw-gradient-to-position) }.to-slate-900\/95{--tw-gradient-to: rgb(15 23 42 / .95) var(--tw-gradient-to-position) }.to-slate-950\/60{--tw-gradient-to: rgb(2 6 23 / .6) var(--tw-gradient-to-position) }.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-amber-100\/90{color:#fef3c7e6}.text-amber-100\/95{color:#fef3c7f2}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-200\/70{color:#fde68ab3}.text-amber-200\/90{color:#fde68ae6}.text-amber-200\/95{color:#fde68af2}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-cyan-100{--tw-text-opacity: 1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-50{--tw-text-opacity: 1;color:rgb(236 254 255 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-indigo-50{--tw-text-opacity: 1;color:rgb(238 242 255 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-rose-300\/90{color:#fda4afe6}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-slate-100{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.text-slate-200{--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.text-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-violet-100{--tw-text-opacity: 1;color:rgb(237 233 254 / var(--tw-text-opacity, 1))}.text-violet-200{--tw-text-opacity: 1;color:rgb(221 214 254 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-\[0\.09\]{opacity:.09}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\/50{--tw-shadow-color: rgb(0 0 0 / .5);--tw-shadow: var(--tw-shadow-colored) }.shadow-cyan-950\/20{--tw-shadow-color: rgb(8 51 68 / .2);--tw-shadow: var(--tw-shadow-colored) }.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-600\/30{--tw-ring-color: rgb(217 119 6 / .3) }.ring-amber-700\/20{--tw-ring-color: rgb(180 83 9 / .2) }.ring-cyan-500\/35{--tw-ring-color: rgb(6 182 212 / .35) }.ring-cyan-500\/40{--tw-ring-color: rgb(6 182 212 / .4) }.ring-cyan-700\/50{--tw-ring-color: rgb(14 116 144 / .5) }.ring-emerald-600\/30{--tw-ring-color: rgb(5 150 105 / .3) }.ring-indigo-600\/40{--tw-ring-color: rgb(79 70 229 / .4) }.ring-rose-700\/40{--tw-ring-color: rgb(190 18 60 / .4) }.ring-slate-600{--tw-ring-opacity: 1;--tw-ring-color: rgb(71 85 105 / var(--tw-ring-opacity, 1)) }.ring-slate-600\/60{--tw-ring-color: rgb(71 85 105 / .6) }.ring-slate-700{--tw-ring-opacity: 1;--tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1)) }.ring-slate-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(30 41 59 / var(--tw-ring-opacity, 1)) }.ring-violet-700\/45{--tw-ring-color: rgb(109 40 217 / .45) }.ring-white\/\[0\.03\]{--tw-ring-color: rgb(255 255 255 / .03) }.ring-white\/\[0\.04\]{--tw-ring-color: rgb(255 255 255 / .04) }.ring-white\/\[0\.06\]{--tw-ring-color: rgb(255 255 255 / .06) }.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-slate-600::-moz-placeholder{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.placeholder\:text-slate-600::placeholder{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-x-0:before{content:var(--tw-content);left:0;right:0}.before\:top-0:before{content:var(--tw-content);top:0}.before\:z-\[2\]:before{content:var(--tw-content);z-index:2}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.before\:via-cyan-400\/35:before{content:var(--tw-content);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(34 211 238 / .35) var(--tw-gradient-via-position), var(--tw-gradient-to) }.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position) }.hover\:border-cyan-700\/60:hover{border-color:#0e749099}.hover\:border-slate-700\/90:hover{border-color:#334155e6}.hover\:bg-amber-700:hover{--tw-bg-opacity: 1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-900\/80:hover{background-color:#164e63cc}.hover\:bg-emerald-700:hover{--tw-bg-opacity: 1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-800\/90:hover{background-color:#3730a3e6}.hover\:bg-rose-800:hover{--tw-bg-opacity: 1;background-color:rgb(159 18 57 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700:hover{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-700\/90:hover{background-color:#334155e6}.hover\:bg-slate-800\/90:hover{background-color:#1e293be6}.hover\:bg-slate-900\/55:hover{background-color:#0f172a8c}.hover\:bg-violet-900\/80:hover{background-color:#4c1d95cc}.hover\:text-cyan-200:hover{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))}.hover\:text-slate-100:hover{--tw-text-opacity: 1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-95:hover{opacity:.95}.focus\:border-cyan-600\/50:focus{border-color:#0891b280}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-cyan-500\/40:focus{--tw-ring-color: rgb(6 182 212 / .4) }.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-amber-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1)) }.focus-visible\:ring-emerald-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(52 211 153 / var(--tw-ring-opacity, 1)) }.focus-visible\:ring-rose-400:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 113 133 / var(--tw-ring-opacity, 1)) }.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px }.focus-visible\:ring-offset-slate-950:focus-visible{--tw-ring-offset-color: #020617 }.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:max-w-md{max-width:28rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}}@media(min-width:768px){.md\:w-60{width:15rem}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-end{align-items:flex-end}.md\:gap-1{gap:.25rem}.md\:border-b-0{border-bottom-width:0px}.md\:border-l{border-left-width:1px}.md\:border-r{border-right-width:1px}.md\:border-t-0{border-top-width:0px}.md\:border-slate-800\/40{border-color:#1e293b66}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}}@media(min-width:1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:w-64{width:16rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:p-8{padding:2rem}}.app-root[data-v-c295b996]{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-body, var(--sa-font-main, var(--sans)))}