: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(145deg, #0a0614 0%, #12081f 100%);--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(145deg, #faf5ff 0%, #ede9fe 50%, #f5f3ff 100%);--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}.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}@media(max-width:900px){.app-shell-header__top{flex-wrap:wrap;align-items:flex-start;row-gap:.4rem;column-gap:.5rem}.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;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: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;object-fit:contain;border-radius:10px;border:1px solid var(--border-subtle);background:var(--logo-pad-bg);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)}.eat-first-root[data-theme=light] .app-shell-mini-brand__logo{box-shadow:0 1px 10px #5b21a81f}.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__mark{flex-shrink:0;width:2.5rem;height:2.5rem;object-fit:contain;border-radius:10px;background:color-mix(in srgb,var(--sa-color-bg-deep, #0a0614) 88%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--border-subtle, var(--sa-color-border)) 90%,transparent)}.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>*{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;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(--border-subtle);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%;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}.eat-first-root[data-theme=light] .app-site-footer__logo-wrap{box-shadow:0 2px 14px #5b21a81f}.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{--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}}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)}.app-root[data-v-ff4b926c]{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-body, var(--sa-font-main, var(--sans)))}.app-root__debug[data-v-ff4b926c]{margin:0 1rem 2rem;font-size:.85rem}.app-root__debug-body[data-v-ff4b926c]{margin-top:.5rem}