:root{--color-grid-bg: #111116;--color-grid-line: rgba(255,255,255,.04);--color-snake-head: #C8203C;--color-snake-body: #1B7D92;--color-snake-outline: #0C0C12;--color-opponent-head: #CC6000;--color-opponent-body: #5A3000;--color-opponent-outline: #0C0C12;--color-apple: oklch(65% .2 20);--color-cherry: oklch(50% .22 12);--color-banana: oklch(82% .18 90);--color-starfruit: oklch(65% .18 145);--color-golden-apple: oklch(72% .17 75);--color-bg: #111116;--color-surface: #1A1A24;--color-surface-raised: #212130;--color-border: #2C2C3E;--color-text-primary: #E0E0EC;--color-text-secondary: #8484A4;--color-text-muted: #44445A;--color-accent: #C8203C;--color-accent-hover: #A81830;--color-text-on-accent: #ffffff;--color-success: oklch(65% .18 145);--color-error: #C8203C;--color-warning: oklch(72% .17 75);--color-key-bg: #212130;--color-key-bg-hover: #2C2C3E;--color-key-bg-active: oklch(22% .06 18);--color-key-text: #E0E0EC;--color-key-directional-border: #C8203C;--color-key-disabled-bg: #111116;--color-key-disabled-text: oklch(35% .015 258);--color-border-highlight: oklch(80% .01 258 / .35);--font-display: "Space Mono", "Courier New", monospace;--font-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 9999px;--radius-pill: 999px;--color-skeleton-base: #212130;--color-skeleton-shine: #2C2C3E;--animation-step-duration: .15s;--animation-easing: ease-in-out;--transition-ui: .12s ease;--game-chrome-height: 10rem;--cell-size: max(2px, min( 32px, calc((100vw - 2 * var(--space-4)) / var(--grid-cols)), calc((100dvh - var(--game-chrome-height)) / var(--grid-rows)) ));--grid-cols: 15;--grid-rows: 10;--bg-base: var(--color-bg);--bg-surface: var(--color-surface);--bg-elevated: var(--color-surface-raised);--bg-overlay: oklch(24% .03 258);--bg-grid: var(--color-grid-bg);--border-subtle: oklch(28% .025 258);--border-default: oklch(35% .03 258);--border-strong: oklch(45% .04 258);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: oklch(35% .015 258);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-subtle: oklch(22% .06 18);--accent-text: oklch(78% .16 18);--snake-head: var(--color-snake-head);--snake-body: var(--color-snake-body);--snake-opponent: var(--color-opponent-head);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-error);--key-dir-border: var(--color-key-directional-border);--key-dir-bg: var(--accent-subtle);--nav-bg: #18181E;--nav-border: #2C2C3E;--shadow-card: 0 2px 12px oklch(5% .01 258 / .5);--shadow-modal: 0 8px 40px oklch(5% .01 258 / .7);--progress-track: oklch(25% .02 258);--progress-fill: oklch(62% .22 18);--preview-step-bg: rgba(200, 32, 60, .15);--preview-step-border: rgba(200, 32, 60, .5);--preview-step-letter: var(--color-text-primary);--preview-turn-bg: color-mix(in srgb, var(--color-accent) 65%, transparent);--preview-turn-border: var(--color-accent);--preview-turn-letter: var(--color-text-on-accent);--preview-reversal-bg: var(--preview-step-bg);--preview-reversal-border: var(--preview-step-border);--preview-reversal-letter: var(--preview-step-letter);--preview-collision-bg: color-mix(in srgb, var(--color-warning) 15%, transparent);--preview-collision-border: color-mix(in srgb, var(--color-warning) 50%, transparent);--preview-collision-letter: var(--color-warning)}@media(prefers-reduced-motion:reduce){:root{--animation-step-duration: 0ms;--transition-ui: 0ms}}[data-theme=light]{--color-skeleton-base: #D0D3E0;--color-skeleton-shine: #E4E6EF;--color-grid-bg: #E8EAF0;--color-grid-line: rgba(0,0,0,.06);--color-snake-head: #C8203C;--color-snake-body: #1B7D92;--color-snake-outline: #F4F5F8;--color-opponent-head: #CC6000;--color-opponent-body: #5A3000;--color-opponent-outline: #F4F5F8;--color-bg: #ECEEF3;--color-surface: #FFFFFF;--color-surface-raised: #F4F5F9;--color-border: #D0D3E0;--color-text-primary: #18181E;--color-text-secondary: #5A5A70;--color-text-muted: #A0A0B8;--color-accent: #C8203C;--color-accent-hover: #A81830;--color-success: oklch(50% .18 145);--color-warning: oklch(58% .17 75);--color-error: #C8203C;--color-key-bg: #E8EAF0;--color-key-bg-hover: #D8DAE8;--color-key-bg-active: oklch(94% .04 18);--color-key-text: #18181E;--color-key-disabled-bg: #F4F5F9;--color-key-disabled-text: oklch(72% .012 258);--color-border-highlight: oklch(0% 0 0 / .35);--preview-step-bg: rgba(200, 32, 60, .1);--preview-step-border: rgba(200, 32, 60, .4);--preview-collision-bg: color-mix(in srgb, var(--color-warning) 10%, transparent);--preview-collision-border: color-mix(in srgb, var(--color-warning) 40%, transparent);--bg-overlay: #F4F5F9;--border-subtle: #E4E6EF;--border-default: #D0D3E0;--border-strong: oklch(65% .02 250);--text-disabled: #A0A0B8;--accent-subtle: oklch(94% .04 18);--accent-text: #C8203C;--snake-opponent: var(--color-opponent-head);--key-dir-bg: var(--accent-subtle);--nav-bg: #FFFFFF;--nav-border: #D0D3E0;--shadow-card: 0 2px 12px oklch(40% .02 258 / .1);--shadow-modal: 0 8px 40px oklch(40% .02 258 / .15);--progress-track: #D0D3E0;--progress-fill: #C8203C}[data-contrast=high],[data-theme=hc]{--color-skeleton-base: oklch(12% 0 0);--color-skeleton-shine: oklch(18% 0 0);--color-grid-bg: oklch(0% 0 0);--color-grid-line: oklch(100% 0 0 / .3);--color-snake-head: oklch(85% .18 90);--color-snake-body: oklch(60% 0 0);--color-snake-outline: oklch(100% 0 0);--color-opponent-head: oklch(80% .14 220);--color-opponent-body: oklch(48% 0 0);--color-opponent-outline: oklch(100% 0 0);--color-apple: oklch(70% .25 18);--color-cherry: oklch(65% .28 8);--color-banana: oklch(90% .18 90);--color-starfruit: oklch(85% .2 145);--color-golden-apple: oklch(85% .18 90);--color-bg: oklch(0% 0 0);--color-surface: oklch(0% 0 0);--color-surface-raised: oklch(5% 0 0);--color-border: oklch(75% 0 0);--color-text-primary: oklch(100% 0 0);--color-text-secondary: oklch(85% 0 0);--color-text-muted: oklch(70% 0 0);--color-accent: oklch(85% .18 90);--color-accent-hover: oklch(90% .18 90);--color-success: oklch(85% .2 145);--color-warning: oklch(85% .18 90);--color-error: oklch(70% .25 18);--color-key-bg: oklch(8% 0 0);--color-key-bg-hover: oklch(14% 0 0);--color-key-bg-active: oklch(12% .04 90);--color-key-text: oklch(100% 0 0);--color-key-directional-border: oklch(85% .18 90);--color-key-disabled-bg: oklch(0% 0 0);--color-key-disabled-text: oklch(50% 0 0);--color-border-highlight: oklch(100% 0 0 / .5);--preview-step-bg: rgba(200, 32, 60, .3);--preview-step-border: rgba(200, 32, 60, .9);--preview-turn-bg: color-mix(in srgb, var(--color-accent) 85%, transparent);--preview-collision-bg: color-mix(in srgb, var(--color-warning) 30%, transparent);--preview-collision-border: color-mix(in srgb, var(--color-warning) 90%, transparent);--bg-overlay: oklch(8% 0 0);--border-subtle: oklch(50% 0 0);--border-default: oklch(75% 0 0);--border-strong: oklch(100% 0 0);--text-disabled: oklch(50% 0 0);--accent-subtle: oklch(12% .04 90);--accent-text: oklch(85% .18 90);--snake-head: var(--color-snake-head);--snake-opponent: var(--color-opponent-head);--key-dir-border: var(--color-key-directional-border);--key-dir-bg: var(--accent-subtle);--nav-bg: oklch(0% 0 0);--nav-border: oklch(75% 0 0);--shadow-card: none;--shadow-modal: 0 0 0 2px oklch(75% 0 0);--progress-track: oklch(20% 0 0);--progress-fill: oklch(85% .18 90)}[data-theme=light][data-contrast=high]{--color-bg: oklch(100% 0 0);--color-surface: oklch(100% 0 0);--color-surface-raised: oklch(96% 0 0);--color-border: oklch(0% 0 0);--color-grid-bg: oklch(100% 0 0);--color-grid-line: oklch(0% 0 0 / .5);--color-text-primary: oklch(0% 0 0);--color-text-secondary: oklch(10% 0 0);--color-text-muted: oklch(20% 0 0);--color-key-bg: oklch(93% 0 0);--color-key-bg-hover: oklch(82% 0 0);--color-key-text: oklch(0% 0 0);--color-key-disabled-bg: oklch(97% 0 0);--color-key-disabled-text: oklch(47% 0 0);--color-snake-outline: oklch(0% 0 0);--color-opponent-head: oklch(55% .2 45);--color-opponent-body: oklch(40% .15 45);--color-opponent-outline: oklch(0% 0 0);--color-accent: oklch(44% .22 18);--color-accent-hover: oklch(40% .22 18);--bg-overlay: oklch(93% 0 0);--border-subtle: oklch(50% 0 0);--border-default: oklch(0% 0 0);--border-strong: oklch(0% 0 0);--text-disabled: oklch(47% 0 0);--accent-subtle: oklch(93% .04 18);--accent-text: oklch(44% .22 18);--nav-bg: oklch(100% 0 0);--nav-border: oklch(0% 0 0);--shadow-card: none;--shadow-modal: 0 0 0 2px oklch(0% 0 0);--progress-track: oklch(85% 0 0);--progress-fill: oklch(44% .22 18)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh;overflow-x:hidden}#svelte{display:contents}h1,h2,h3{font-family:var(--font-ui);letter-spacing:-.02em}button{cursor:pointer;font-family:inherit;border:none;background:none}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100%;left:var(--space-4);background:var(--color-accent);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;z-index:9999;text-decoration:none}.skip-link:focus{top:var(--space-4)}[data-snake-turn=tr]{border-radius:0 0 0 var(--radius-lg)}[data-snake-turn=tl]{border-radius:0 0 var(--radius-lg) 0}[data-snake-turn=br]{border-radius:var(--radius-lg) 0 0 0}[data-snake-turn=bl]{border-radius:0 var(--radius-lg) 0 0}.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}.overlay-backdrop.svelte-d580bl{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:180}.modal.svelte-d580bl{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:181;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:calc(100% - var(--space-8));max-width:420px;max-height:calc(100dvh - var(--space-8));display:flex;flex-direction:column;overflow:hidden}.modal__header.svelte-d580bl{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__header.svelte-d580bl h2:where(.svelte-d580bl){font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.modal__close.svelte-d580bl{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;min-width:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);line-height:1;transition:color var(--transition-ui)}.modal__close.svelte-d580bl:hover{color:var(--color-text-primary)}.modal__body.svelte-d580bl{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto;flex:1}.modal__footer.svelte-d580bl{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.fieldset.svelte-d580bl{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.fieldset__legend.svelte-d580bl{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.radio-group.svelte-d580bl{display:flex;gap:var(--space-4)}.radio-label.svelte-d580bl,.toggle-label.svelte-d580bl{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.range-input.svelte-d580bl{width:100%;accent-color:var(--color-accent)}.range-input.svelte-d580bl:disabled{opacity:.4}.notifications-row.svelte-d580bl{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.notifications-status.svelte-d580bl{font-size:var(--font-size-sm);color:var(--color-success)}.notifications-status--paused.svelte-d580bl{color:var(--color-text-secondary)}.notifications-denied.svelte-d580bl{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.notifications-btn.svelte-d580bl{font-size:var(--font-size-sm);min-height:2.75rem;width:auto}.btn.svelte-d580bl{width:100%;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:700;cursor:pointer;border:none;transition:background-color var(--transition-ui);min-height:2.75rem}.btn--primary.svelte-d580bl{background-color:var(--color-accent);color:#fff}.btn--primary.svelte-d580bl:hover{background-color:var(--color-accent-hover)}.btn--secondary.svelte-d580bl{background-color:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary.svelte-d580bl:hover{background-color:var(--color-key-bg-hover)}.overlay-backdrop.svelte-w8drju{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:180}.modal.svelte-w8drju{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:181;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:calc(100% - var(--space-8));max-width:420px;max-height:calc(100dvh - var(--space-8));display:flex;flex-direction:column;overflow:hidden}.modal__header.svelte-w8drju{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title.svelte-w8drju{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.modal__close.svelte-w8drju{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer;min-width:2.75rem;min-height:2.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);line-height:1;transition:color var(--transition-ui)}.modal__close.svelte-w8drju:hover{color:var(--color-text-primary)}.modal__body.svelte-w8drju{display:flex;flex-direction:column;overflow-y:auto;flex:1}.accordion__item.svelte-w8drju{border-bottom:1px solid var(--color-border)}.accordion__item.svelte-w8drju:last-child{border-bottom:none}.accordion__trigger.svelte-w8drju{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-align:left;transition:color var(--transition-ui),background-color var(--transition-ui)}.accordion__trigger.svelte-w8drju:hover{color:var(--color-text-primary);background-color:var(--color-surface-raised)}.accordion__trigger--open.svelte-w8drju{color:var(--color-accent)}.accordion__chevron.svelte-w8drju{font-size:var(--font-size-xs);flex-shrink:0}.accordion__content.svelte-w8drju{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.accordion__content[hidden].svelte-w8drju{display:none}.steps.svelte-w8drju{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.step.svelte-w8drju{display:flex;gap:var(--space-4);align-items:flex-start}.step__num.svelte-w8drju{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;flex-shrink:0;margin-top:1px}.step__title.svelte-w8drju{display:block;color:var(--color-text-primary);font-size:var(--font-size-base);margin-bottom:var(--space-1)}.step__desc.svelte-w8drju{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.6}.mode-card.svelte-w8drju{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.mode-card__title.svelte-w8drju{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-2)}.mode-card__desc.svelte-w8drju{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.fruit-list.svelte-w8drju{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.fruit-item.svelte-w8drju{display:flex;flex-direction:column;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-1)}.fruit-item--gold.svelte-w8drju{border-color:#ffd70066}.fruit-item__name.svelte-w8drju{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.fruit-item--gold.svelte-w8drju .fruit-item__name:where(.svelte-w8drju){color:var(--color-accent)}.fruit-item__desc.svelte-w8drju{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.steering-chart.svelte-w8drju{display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-2) 0}.key-mockup.svelte-w8drju{position:relative;overflow:hidden;width:2.75rem;height:2.75rem;background-color:var(--color-key-bg);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.key-mockup__letter.svelte-w8drju{position:relative;z-index:1;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:700;color:var(--color-key-text);text-transform:uppercase}.key-mockup__arrow.svelte-w8drju{position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--color-key-directional-border);color:var(--color-key-bg);font-size:13px;line-height:1;pointer-events:none}[data-dir=u].svelte-w8drju .key-mockup__letter:where(.svelte-w8drju){padding-top:11px}[data-dir=u].svelte-w8drju .key-mockup__arrow:where(.svelte-w8drju){top:0;left:0;right:0;height:13px}[data-dir=d].svelte-w8drju .key-mockup__letter:where(.svelte-w8drju){padding-bottom:11px}[data-dir=d].svelte-w8drju .key-mockup__arrow:where(.svelte-w8drju){bottom:0;left:0;right:0;height:13px}[data-dir=l].svelte-w8drju .key-mockup__letter:where(.svelte-w8drju){padding-left:11px}[data-dir=l].svelte-w8drju .key-mockup__arrow:where(.svelte-w8drju){top:0;bottom:0;left:0;width:13px}[data-dir=r].svelte-w8drju .key-mockup__letter:where(.svelte-w8drju){padding-right:11px}[data-dir=r].svelte-w8drju .key-mockup__arrow:where(.svelte-w8drju){top:0;bottom:0;right:0;width:13px}.steering-chart__rule.svelte-w8drju{margin:0;padding-top:var(--space-3);border-top:1px dashed var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.modal__footer.svelte-w8drju{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0;display:flex;gap:var(--space-3)}.btn.svelte-w8drju{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:700;cursor:pointer;border:none;transition:background-color var(--transition-ui)}.btn--primary.svelte-w8drju{background-color:var(--color-accent);color:#fff}.btn--primary.svelte-w8drju:hover{background-color:var(--color-accent-hover)}.overlay-backdrop.svelte-cj79xd{position:fixed;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--color-bg) 60%,transparent);z-index:199}.dialog.svelte-cj79xd{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);width:min(400px,90vw);display:flex;flex-direction:column;gap:var(--space-4)}.dialog__title.svelte-cj79xd{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.dialog__body.svelte-cj79xd{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0}.dialog__actions.svelte-cj79xd{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}.btn.svelte-cj79xd{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color var(--transition-ui),color var(--transition-ui),border-color var(--transition-ui)}.btn--secondary.svelte-cj79xd{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn--secondary.svelte-cj79xd:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.btn--danger.svelte-cj79xd{background-color:var(--color-error, #dc2626);color:#fff;border-color:transparent}.btn--danger.svelte-cj79xd:hover{background-color:color-mix(in srgb,var(--color-error, #dc2626) 80%,#000)}.app-shell.svelte-12qhfyh{position:relative;min-height:100dvh}.app-toolbar.svelte-12qhfyh{position:fixed;top:0;left:0;right:0;height:3.5rem;z-index:40;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background-color:var(--nav-bg, var(--color-surface));border:1px solid var(--nav-border, var(--color-border));border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-card, 0 2px 8px rgba(0,0,0,.3))}.toolbar__brand.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary);flex-shrink:0;min-height:2.75rem;padding:0 var(--space-1)}.toolbar__title.svelte-12qhfyh{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap}@media(max-width:399px){.toolbar__title.svelte-12qhfyh{display:none}}.toolbar__nav.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto}.toolbar__links.svelte-12qhfyh{display:none;list-style:none;padding:0;margin:0}.nav-link.svelte-12qhfyh{display:flex;align-items:center;min-height:2.75rem;padding:0 var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-ui);white-space:nowrap;background:none;border:none;font-family:inherit;cursor:pointer}.nav-link.svelte-12qhfyh:hover{color:var(--color-text-primary)}.nav-link--active.svelte-12qhfyh{color:var(--color-accent);font-weight:700}.nav-action.svelte-12qhfyh{display:none}.hamburger-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;min-width:2.75rem;min-height:2.75rem;padding:0 var(--space-2);line-height:1;transition:color var(--transition-ui),border-color var(--transition-ui)}.hamburger-btn.svelte-12qhfyh:hover{color:var(--color-accent);border-color:var(--color-accent)}@media(min-width:640px){.toolbar__links.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3)}.nav-action.svelte-12qhfyh{display:flex}.hamburger-btn.svelte-12qhfyh{display:none}}.nav-link--settings.svelte-12qhfyh{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3)}.mobile-menu-backdrop.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;top:3.5rem;z-index:38}.mobile-menu.svelte-12qhfyh{position:fixed;top:3.5rem;right:0;width:min(280px,90vw);background-color:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:39;list-style:none;padding:var(--space-2) 0;margin:0;display:flex;flex-direction:column}.mobile-menu__item.svelte-12qhfyh{display:flex;align-items:center;min-height:2.75rem;padding:var(--space-3) var(--space-6);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:background-color var(--transition-ui),color var(--transition-ui)}.mobile-menu__item.svelte-12qhfyh:hover{background-color:var(--color-surface-raised);color:var(--color-text-primary)}.mobile-menu__item--active.svelte-12qhfyh{color:var(--color-accent);font-weight:700}.mobile-menu__divider.svelte-12qhfyh{height:1px;background-color:var(--color-border);margin:var(--space-2) 0}.mobile-menu__item--action.svelte-12qhfyh{background:none;border:none;width:100%;text-align:left;font-family:inherit;cursor:pointer}