:root,:root[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--surface-2: #263347;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-fg: #0f172a;--nav-bg: #0f172a;--nav-fg: #e2e8f0;--nav-active-bg: rgba(96, 165, 250, .15);--nav-active-fg: #93c5fd;--mark-bg: rgba(251, 191, 36, .3);--mark-fg: #fef9c3;--input-bg: #1e293b;--input-border: #475569;--btn-bg: #3b82f6;--btn-hover: #2563eb;--error: #f87171;--code-bg: #263347}:root[data-theme=light]{--bg: #f9fafb;--surface: #ffffff;--surface-2: #f3f4f6;--border: #e5e7eb;--text: #111827;--text-muted: #6b7280;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-fg: #ffffff;--nav-bg: #1e3a8a;--nav-fg: #ffffff;--nav-active-bg: rgba(255, 255, 255, .18);--nav-active-fg: #ffffff;--mark-bg: #fef08a;--mark-fg: #713f12;--input-bg: #ffffff;--input-border: #d1d5db;--btn-bg: #2563eb;--btn-hover: #1d4ed8;--error: #dc2626;--code-bg: #f3f4f6}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s;min-height:100vh}mark{background:var(--mark-bg);color:var(--mark-fg);border-radius:2px;padding:0 2px}.app-nav.svelte-12qhfyh{background:var(--nav-bg);color:var(--nav-fg);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border)}.nav-inner.svelte-12qhfyh{max-width:960px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:.75rem;height:52px}.nav-brand.svelte-12qhfyh{font-weight:700;font-size:.88rem;white-space:nowrap;color:var(--nav-fg);opacity:.85;flex-shrink:0}.nav-links.svelte-12qhfyh{list-style:none;margin:0;padding:0;display:flex;gap:.2rem;flex:1;flex-wrap:wrap}.nav-links.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){display:block;padding:.38rem .8rem;border-radius:6px;font-size:.9rem;color:var(--nav-fg);text-decoration:none;opacity:.8;transition:opacity .15s,background .15s;white-space:nowrap}.nav-links.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh):hover{opacity:1;background:var(--nav-active-bg)}.nav-links.svelte-12qhfyh li:where(.svelte-12qhfyh) a.active:where(.svelte-12qhfyh){opacity:1;background:var(--nav-active-bg);color:var(--nav-active-fg);font-weight:600}.nav-links.svelte-12qhfyh li:where(.svelte-12qhfyh) a.external:where(.svelte-12qhfyh){font-size:.82rem;opacity:.65}.theme-toggle.svelte-12qhfyh{background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.32rem .55rem;cursor:pointer;font-size:1rem;line-height:1;color:var(--nav-fg);transition:background .15s;white-space:nowrap;flex-shrink:0}.theme-toggle.svelte-12qhfyh:hover{background:var(--nav-active-bg)}@media (max-width: 600px){.nav-brand.svelte-12qhfyh{display:none}.nav-inner.svelte-12qhfyh{padding:0 .5rem;gap:.4rem}.nav-links.svelte-12qhfyh li:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){padding:.38rem .55rem;font-size:.82rem}}