@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#e2e8f0;--color-border-subtle:#f1f5f9;--color-nav-bg:#0f172a;--color-nav-text:#f8fafc;--color-rail-bg:#111827;--color-rail-text:#cbd5e1;--color-rail-active:#f8fafc;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--act-primary:#1d4ed8;--act-primary-hover:#1e40af;--act-accent:#3b82f6;--act-light:#eff6ff;--act-surface:#dbeafe;--wk-primary:#0d9488;--wk-primary-hover:#0f766e;--wk-accent:#14b8a6;--wk-light:#f0fdfa;--wk-surface:#ccfbf1;--mode-primary:var(--act-primary);--mode-primary-hover:var(--act-primary-hover);--mode-accent:var(--act-accent);--mode-light:var(--act-light);--mode-surface:var(--act-surface);--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-info:#0284c7;--color-info-bg:#f0f9ff;--heat-mastered:#16a34a;--heat-progress:#d97706;--heat-needs-work:#dc2626;--heat-untouched:#e2e8f0;--badge-bronze:#b45309;--badge-silver:#6b7280;--badge-gold:#ca8a04;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-display:clamp(2rem, 4vw, 3rem);--text-h1:clamp(1.5rem, 3vw, 2rem);--text-h2:1.5rem;--text-h3:1.25rem;--text-h4:1.125rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-label:.75rem;--text-caption:.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--nav-height:60px;--rail-width:240px;--rail-collapsed:60px;--max-width:1280px;--content-width:960px}.mode-workkeys{--mode-primary:var(--wk-primary);--mode-primary-hover:var(--wk-primary-hover);--mode-accent:var(--wk-accent);--mode-light:var(--wk-light);--mode-surface:var(--wk-surface)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app-shell{grid-template-rows:var(--nav-height) 1fr;grid-template-columns:var(--rail-width) 1fr;grid-template-areas:"nav nav""rail workspace";min-height:100vh;display:grid}.app-nav{grid-area:nav}.app-rail{grid-area:rail}.app-workspace{grid-area:workspace;overflow-y:auto}.workspace{padding:var(--space-8) var(--space-10);max-width:var(--max-width)}.workspace-header{margin-bottom:var(--space-8)}.workspace-header h1{font-size:var(--text-h1);letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.2}.workspace-header .eyebrow{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--mode-primary);margin-bottom:var(--space-2);font-weight:500;display:block}h1{font-size:var(--text-h1);letter-spacing:-.02em;font-weight:700;line-height:1.2}h2{font-size:var(--text-h2);letter-spacing:-.01em;font-weight:600;line-height:1.3}h3{font-size:var(--text-h3);letter-spacing:-.01em;font-weight:600;line-height:1.35}h4{font-size:var(--text-h4);font-weight:600;line-height:1.4}p{max-width:65ch;line-height:1.6}.text-label{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:500}.text-mono{font-family:var(--font-mono);font-weight:600}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.grid-auto{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.grid-asym{gap:var(--space-6);grid-template-columns:2fr 1fr;align-items:start;display:grid}.grid-asym-reverse{gap:var(--space-6);grid-template-columns:1fr 2fr;align-items:start;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card-sm{padding:var(--space-4);border-radius:var(--radius-md)}.divider{background:var(--color-border);height:1px;margin:var(--space-6) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}:focus-visible{outline:2px solid var(--mode-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (width<=1024px){.app-shell{grid-template-columns:var(--rail-collapsed) 1fr}.workspace{padding:var(--space-6)}.grid-asym,.grid-asym-reverse{grid-template-columns:1fr}}@media (width<=640px){.app-shell{grid-template-columns:1fr;grid-template-areas:"nav""workspace"}.app-rail{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.workspace{padding:var(--space-4)}}