:root{--input-fill:#fff4a3;--input-border:#e65100;--output-fill:#c8e6c9;--output-border:#2e7d32;--text-primary:#1a1a1a;--text-muted:#6b6b66;--text-dim:#8a8a83;--surface-page:#fafaf7;--surface-card:#fff;--surface-alt:#fffef6;--hairline:#e5e5e0;--hairline-soft:#f0f0ec;--brand-accent:#e8c50a;--danger:#a00000;--font-base:16px;--tap-min:44px;--radius-sm:2px;--radius-md:4px}html,body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--font-base);background:var(--surface-page);color:var(--text-primary);margin:0;padding:0}.topbar.svelte-12qhfyh{background:var(--surface-card);border-bottom:2px solid var(--brand-accent);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brand.svelte-12qhfyh{color:var(--text-primary);letter-spacing:.02em;font-size:1.25rem;font-weight:700;text-decoration:none}nav.svelte-12qhfyh{gap:1.25rem;display:flex}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-primary);min-height:var(--tap-min);min-width:var(--tap-min);border-bottom:2px solid #0000;align-items:center;padding:.5rem .25rem;font-size:1rem;text-decoration:none;display:inline-flex}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){border-bottom-color:var(--brand-accent);font-weight:600}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--output-border)}nav.svelte-12qhfyh a.logout:where(.svelte-12qhfyh){color:var(--danger)}main.svelte-12qhfyh{max-width:1400px;margin:0 auto;padding:1.5rem}