:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--sand50:#f5e6d3;--sand100:#eddcca;--sand200:#e5d3c1;--sand300:#decab8;--sand400:#d4bea8;--taupe50:#fffbf7;--taupe100:#d5c8bc;--taupe150:#8a7d75;--taupe200:#a69080;--taupe300:#7d6e65;--taupe400:#6d5f57;--taupe500:#5c504a;--taupe600:#4a403a;--taupe700:#3d3433;--taupe800:#2a2525;--taupe900:#1e1c1b;--color-bg:var(--sand50);--color-surface:#ffffffd9;--color-surface-solid:var(--taupe50);--color-border:#decab899;--color-text:var(--taupe600);--color-text-secondary:var(--taupe150);--color-text-muted:var(--taupe200);--btn-gradient:linear-gradient(135deg, var(--taupe400) 0%, var(--taupe500) 100%);--btn-text:#fff;--color-accent:#ff7359;--color-accent-strong:#c81f00;--color-accent-contrast:#fff;--color-success:#8fae8b;--color-warning:#c47d5a;--color-warning-contrast:#fff;--color-danger:#c25b56;--color-danger-strong:#b85450;--color-info:#7b9db7;--color-category:#8e6b7d;--color-layered-surface:#f0e4d1;--sky-top:#ffe3b8;--sky-bottom:var(--color-bg);--sun:#ffcf7d;--cloud:#ffffff8c;--savanna-far:#5c504a47;--savanna-near:#5c504a6b;--radius-sm:8px;--radius-md:14px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #5c3c280d, 0 8px 24px #5c3c2814;--blur-glass:saturate(180%) blur(20px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--nav-height:64px;--proficiency-track-inset:10px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:var(--taupe800);--color-surface:#3d3433cc;--color-surface-solid:var(--taupe700);--color-border:#6d5f5740;--color-text:var(--sand50);--color-text-secondary:var(--taupe200);--color-text-muted:var(--taupe300);--btn-gradient:linear-gradient(135deg, var(--sand100) 0%, var(--taupe100) 100%);--btn-text:var(--taupe700);--color-accent:#ff8066;--color-accent-strong:#ff8066;--color-accent-contrast:#fff;--color-success:#a3c29f;--color-warning:#d49573;--color-warning-contrast:#2a2525;--color-danger:#d4716c;--color-danger-strong:#d4716c;--color-info:#94b3cb;--color-category:#a68396;--color-layered-surface:#352f2b;--sky-top:#4a3126;--sky-bottom:var(--color-bg);--sun:#ffb35e;--cloud:#ffffff14;--savanna-far:#0000004d;--savanna-near:#00000075;--shadow-card:0 1px 2px #0000004d, 0 8px 24px #0006}}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{padding-top:env(safe-area-inset-top);min-height:100vh}a{color:var(--color-accent-strong)}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px;border-radius:var(--radius-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--btn-gradient);color:var(--btn-text);border:1px solid #0000;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:0 4px 14px #5c3c282e}.btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.btn{transition:box-shadow .15s}.btn:active{transform:none}}.btn-secondary{background:var(--color-surface-solid);color:var(--color-text);border-color:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-4)}.field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{font-size:14px;font-weight:600}.field input,.field textarea,.field select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-solid);color:var(--color-text);padding:10px 12px}.field-error{color:var(--color-danger);margin:0;font-size:13px}.chip{background:var(--color-surface-solid);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;text-decoration:none;display:inline-flex}.chip.active{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface-solid));color:var(--color-accent-strong);border-color:var(--color-accent)}