:root{--bg:#f7f9fb;--bg-soft:#fbfcfe;--ink:#1f2a35;--ink-soft:#5e6f80;--line:#dbe3ea;--line-strong:#c9d3dd;--brand:#1f6f7b;--brand-hover:#1a5f6a;--danger:#b94a48;--success:#2f7c54;color:var(--ink);background:linear-gradient(180deg, #fdfefe 0%, var(--bg) 50%, #f4f8fb 100%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Calibri,Carlito,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:0 0;min-height:100vh;margin:0}h1,h2,h3{letter-spacing:0;margin:0;font-family:Calibri,Carlito,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:700}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05}h2{font-size:clamp(1.2rem,2.2vw,1.55rem)}a{color:inherit}#root{min-height:100vh}.app-shell{max-width:1080px;margin:0 auto;padding:.6rem 1.1rem 1.4rem}.nav-shell{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 86%, transparent 14%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem 0;display:flex;position:sticky;top:0}.brand{font-size:1.16rem;font-weight:700;text-decoration:none}.nav-links{gap:.75rem;display:flex}.nav-links a{color:var(--ink-soft);border-bottom:1px solid #0000;padding:.2rem 0;text-decoration:none}.nav-links a.active{color:var(--ink);border-bottom-color:var(--brand)}.nav-auth{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.user-chip{color:var(--ink-soft);padding:.1rem 0;font-size:.85rem}.page{gap:1rem;margin-top:.9rem;display:grid}.page-header{border-bottom:1px solid var(--line);padding:.25rem 0 .9rem}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--ink-soft);margin:0;font-size:.8rem}.hero-panel{border-bottom:1px solid var(--line);padding:.2rem 0 1rem}.hero-copy{max-width:56ch;color:var(--ink-soft);margin:.8rem 0 0}.hero-actions{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.button{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.55rem .9rem;font-weight:600;text-decoration:none;transition:background-color .14s,color .14s,border-color .14s}.button:hover{background:var(--brand-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button.ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.button.ghost:hover{background:#f5f8fb}.grid-3,.metrics-grid,.test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:.2rem 0 .95rem}.disclaimer{color:var(--ink-soft);font-size:.92rem}.auth-page{place-items:center}.auth-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:min(560px,100%);padding:.2rem 0 1rem}.form-grid{gap:.8rem;margin-top:1rem;display:grid}label{gap:.35rem;font-weight:500;display:grid}input{border:1px solid var(--line);font:inherit;background:#fff;border-radius:7px;padding:.65rem .7rem}.switch-text,.mvp-note{color:var(--ink-soft);font-size:.95rem}.error-text{color:var(--danger);margin:0}.meta-list,.section-list{color:var(--ink-soft);gap:.4rem;margin:.8rem 0;padding:0;list-style:none;display:grid}.runner-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.35rem 0 .9rem;display:flex}.timer-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.2rem .62rem;font-weight:600}.timer-chip.urgent{color:var(--danger);border-color:var(--danger)}.section-nav{flex-wrap:wrap;gap:.55rem;display:flex}.section-filter-card{gap:.75rem;display:grid}.runner-layout{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.question-label{color:var(--ink-soft);font-size:.9rem}.question-diagram{border:1px solid var(--line);background:#fff;border-radius:8px;margin:.8rem 0 0;padding:.6rem}.question-diagram img{max-width:100%;height:auto;display:block}.options-list{gap:.6rem;margin-top:.8rem;display:grid}.option-button{border:1px solid var(--line);text-align:left;font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:.7rem}.option-button.selected{border-color:var(--brand);background:#f2f8fa}.runner-controls{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.palette-button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.45rem;font-weight:600}.palette-button.answered{border-color:var(--success)}.palette-button.active{background:var(--brand);color:#fff}.palette-submit{margin-top:.9rem}.metric-card{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:.35rem 0 .9rem}.metric-value{margin:.4rem 0 0;font-family:Calibri,Carlito,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.45rem;font-weight:700}.chart-card .chart-wrap{height:320px;margin-top:.7rem}.section-list li{border-bottom:1px solid #e9eef3;justify-content:space-between;padding-bottom:.4rem;display:flex}.fade-in{animation:.32s both fade-up}.stagger-in>*{animation:.42s both fade-up}.stagger-in>:nth-child(2){animation-delay:60ms}.stagger-in>:nth-child(3){animation-delay:.12s}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.nav-shell{align-items:flex-start}.grid-3,.metrics-grid,.test-grid,.runner-layout{grid-template-columns:1fr}.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.runner-header{flex-direction:column;align-items:start;gap:.6rem}}