:root{--navy:#12213a;--navy-2:#1d3454;--gold:#e3b968;--gold-2:#a67528;--cream:#f6f2ea;--paper:#fffdf8;--ink:#1b2639;--muted:#647084;--line:#dedbd3;--subtle:#eeeae2;--ok:#22704a;--ok-bg:#e7f2e9;--bad:#a63832;--bad-bg:#f8e9e5;--warn:#90620e;--warn-bg:#fff2d1;--accent:#233f61;--shadow:0 4px 20px #15233808;--text-xs:clamp(.75rem,.72rem + .12vw,.8rem);--text-sm:clamp(.875rem,.84rem + .12vw,.925rem);--text-base:clamp(1rem,.95rem + .15vw,1.06rem);--text-lg:clamp(1.12rem,1rem + .5vw,1.4rem);--text-xl:clamp(1.65rem,1.3rem + 1vw,2.15rem);--font-body:'Satoshi',system-ui,sans-serif;--font-display:'Sentient',Georgia,serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--radius:12px}
[data-theme=dark]{--cream:#111b29;--paper:#192638;--ink:#e6e9ee;--muted:#a6b2c3;--line:#334256;--subtle:#202f43;--ok:#86d6a5;--ok-bg:#1b3c30;--bad:#f4988d;--bad-bg:#492a2b;--warn:#edc778;--warn-bg:#443b26;--accent:#afcaec;--shadow:none}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scroll-padding-top:var(--s8)}body{margin:0;background:var(--cream);color:var(--ink);font:var(--text-base)/1.6 var(--font-body);min-height:100dvh}h1,h2,h3,p{margin:0}h1{font:500 var(--text-xl)/1.22 var(--font-display);letter-spacing:-.03em}h2{font:700 var(--text-lg)/1.3 var(--font-body)}h3{font:700 var(--text-base)/1.4 var(--font-body)}p{max-width:72ch}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{transition:background .16s,border-color .16s,transform .16s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-2);outline-offset:3px}a{color:var(--accent)}button{border:0}svg{display:block}::selection{background:#e3b96855}.skip{position:fixed;left:-1000px;top:0;z-index:200}.skip:focus{left:var(--s4);padding:var(--s4);background:var(--paper)}.loading{padding:var(--s12)}.loading p{margin-top:var(--s4)}
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--navy);color:#e5eaf1;padding:var(--s8) var(--s5);display:flex;flex-direction:column;gap:var(--s8);position:sticky;top:0;height:100dvh}.brand{display:flex;align-items:center;gap:var(--s3);background:none;color:inherit;text-align:left;padding:0}.brand svg{width:37px;height:37px;flex-shrink:0;color:var(--gold)}.brand strong{font-size:var(--text-base);line-height:1.2;display:block}.brand small{display:block;color:#a6b6cb;font-size:var(--text-xs);margin-top:var(--s1);letter-spacing:.1em;text-transform:uppercase}.nav-label,.eyebrow{font-size:var(--text-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:700}.nav-label{color:#8ea0ba;margin:0 var(--s3) var(--s3)}.nav{display:grid;gap:var(--s2)}.nav button{display:flex;align-items:center;gap:var(--s3);padding:var(--s3);border-radius:8px;text-align:left;background:transparent;color:#b9c5d6;font-size:var(--text-sm);min-height:48px}.nav button:hover{background:#ffffff0c;color:white}.nav button.active{background:#ffffff12;color:var(--gold)}.nav .navicon{width:22px;text-align:center;font-size:var(--text-lg)}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff20;padding-top:var(--s5);font-size:var(--text-xs);color:#abb8ca}.sidebar-bottom b{color:#edf2f8;display:block;margin-bottom:var(--s2)}.save-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#87b795;margin-right:var(--s2)}.save-dot.off{background:#e3b968}.mobile-top{display:none}.content{min-width:0}.topbar{border-bottom:1px solid var(--line);padding:var(--s5) var(--s10);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font-size:var(--text-sm);background:var(--paper)}.topbar span{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:var(--s4)}.theme-btn{background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:var(--s2) var(--s3);min-height:40px;font-size:var(--text-sm)}.main{max-width:1360px;margin:auto;padding:var(--s10);animation:enter .2s ease-out}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s8)}.page-heading p{color:var(--muted);margin-top:var(--s3);font-size:var(--text-sm)}.eyebrow{color:var(--muted);margin-bottom:var(--s3)}.badge{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--line);border-radius:30px;padding:var(--s1) var(--s3);font-size:var(--text-xs);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s6);box-shadow:var(--shadow)}.panel h2+p,.panel h3+p{margin-top:var(--s2)}.stack{display:grid;gap:var(--s5)}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:var(--s6)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}.hero{padding:var(--s8);background:var(--navy);color:#f7f3eb;position:relative;overflow:hidden}.hero .eyebrow{color:var(--gold)}.hero h2{font:500 var(--text-xl)/1.25 var(--font-display);max-width:19ch}.hero p{color:#c1ccdb;max-width:49ch;margin-top:var(--s4);font-size:var(--text-sm)}.hero .actions{margin-top:var(--s6)}.hero-foot{border-top:1px solid #ffffff22;margin-top:var(--s8);padding-top:var(--s4);display:flex;gap:var(--s6);font-size:var(--text-xs);color:#c1ccdb}.hero-foot strong{color:white;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:8px;background:var(--subtle);border:1px solid var(--line);font-size:var(--text-sm);font-weight:700;min-height:46px;text-decoration:none}.btn:hover:not(:disabled){border-color:var(--accent);background:var(--paper)}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}[data-theme=dark] .btn.primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn.primary:hover:not(:disabled){background:var(--navy-2);color:white}.btn.gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn.gold:hover{background:#f0ce8d}.btn.ghost{background:transparent}.hero .btn.ghost{color:#fff;border-color:#8796ac}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.compact{padding:var(--s2) var(--s3);min-height:40px;font-size:var(--text-xs)}.actions{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap}.full{width:100%}.spaced{margin-top:var(--s6)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin:var(--s8) 0 var(--s4)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-top:var(--s6)}.metric{padding:var(--s5) var(--s6);border-left:2px solid var(--line)}.metric strong{display:block;font-size:var(--text-xl);font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums}.metric span{font-size:var(--text-xs);color:var(--muted)}.study-link{display:flex;align-items:center;gap:var(--s4);background:var(--paper);color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s5);min-height:106px}.study-link:hover{border-color:var(--accent);transform:translateY(-2px)}.study-link .tile-icon{display:grid;place-items:center;background:var(--subtle);width:44px;height:44px;flex:0 0 auto;border-radius:10px;color:var(--accent);font-size:var(--text-lg)}.study-link b{font-size:var(--text-sm);display:block}.study-link p{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s1)}.study-link .arrow{margin-left:auto;color:var(--muted)}.progress-track{height:7px;border-radius:10px;background:var(--subtle);overflow:hidden}.progress-fill{height:100%;background:var(--gold-2);border-radius:10px;transition:width .2s}.progress-meta{display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--text-xs);margin:var(--s3) 0}.focus-list{list-style:none;padding:0;margin:var(--s4) 0 0}.focus-list li{border-top:1px solid var(--line);padding:var(--s3) 0;font-size:var(--text-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.focus-list b{font-size:var(--text-xs);font-weight:500}.notice{padding:var(--s4) var(--s5);border:1px solid var(--line);background:var(--subtle);border-radius:8px;font-size:var(--text-sm);margin-bottom:var(--s5)}.notice.warning{background:var(--warn-bg);color:var(--warn)}.resume{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);border-left:4px solid var(--gold-2);margin-bottom:var(--s6)}.footer{margin-top:var(--s10);padding-top:var(--s5);border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-xs);display:flex;justify-content:space-between;gap:var(--s4)}
.form-group{margin-bottom:var(--s6)}.form-group>label,.form-title{display:block;font-size:var(--text-sm);font-weight:700;margin-bottom:var(--s3)}.segments{display:flex;gap:var(--s2);flex-wrap:wrap}.segments button{flex:1;min-width:60px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:var(--s3);font-size:var(--text-sm);font-weight:700;min-height:50px}.segments button.on{border-color:var(--accent);background:var(--subtle);box-shadow:inset 0 0 0 1px var(--accent)}.segments button small{font-weight:400;display:block;font-size:var(--text-xs);margin-top:var(--s1);color:var(--muted)}.mode-button{border:1px solid var(--line);border-radius:8px;padding:var(--s5);background:var(--paper);text-align:left;min-height:115px}.mode-button.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--subtle)}.mode-button b{display:block;font-size:var(--text-sm)}.mode-button span{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:var(--s2)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line)}.toggle-row p{font-size:var(--text-xs);color:var(--muted)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}input[type=range]{width:100%;accent-color:var(--accent)}select,input[type=text],textarea{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:var(--s3);width:100%;font-size:var(--text-sm)}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.callout-title{font-size:var(--text-lg);line-height:1.4}.rule-list{padding-left:var(--s5);font-size:var(--text-sm);color:var(--muted)}.rule-list li+li{margin-top:var(--s3)}.setup-summary{background:var(--subtle);border-radius:8px;padding:var(--s5);margin:var(--s6) 0}.setup-summary strong{display:block;font-size:var(--text-lg)}
.section-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding:var(--s5) 0;border-bottom:1px solid var(--line)}.section-row:last-child{border-bottom:0}.section-row button.title{background:none;text-align:left;font-size:var(--text-sm);font-weight:700;padding:0}.section-row button.title:hover{color:var(--gold-2)}.section-row .progress-track{margin-top:var(--s2);max-width:400px;height:4px}.status{font-size:var(--text-xs);border-radius:30px;padding:var(--s1) var(--s3);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--s1)}.status.strong{background:var(--ok-bg);color:var(--ok)}.status.borderline{background:var(--warn-bg);color:var(--warn)}.status.weak{background:var(--bad-bg);color:var(--bad)}.status.new{background:var(--subtle);color:var(--muted)}.section-actions{display:flex;align-items:center;gap:var(--s3)}.sticky-custom{position:sticky;bottom:var(--s4);background:var(--navy);color:white;padding:var(--s4) var(--s5);border-radius:10px;display:flex;justify-content:space-between;gap:var(--s4);align-items:center;margin-top:var(--s6);box-shadow:0 10px 30px #0002;z-index:3}.lesson-card{border-left:3px solid var(--gold-2)}.lesson-card p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--s2)}details{border-top:1px solid var(--line);padding:var(--s4) 0}summary{cursor:pointer;font-size:var(--text-sm);font-weight:700}details p{margin-top:var(--s3)}
.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:var(--s6);align-items:start}.question-panel{padding:var(--s8)}.question-meta{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--s5)}.question-text{font:700 var(--text-lg)/1.55 var(--font-body);margin-bottom:var(--s6);text-wrap:pretty}.answers{display:grid;gap:var(--s3)}.answer{background:var(--paper);border:1px solid var(--line);border-radius:10px;display:flex;align-items:flex-start;gap:var(--s4);padding:var(--s4) var(--s5);text-align:left;min-height:64px;line-height:1.5;font-size:var(--text-base)}.answer:not(:disabled):hover{border-color:var(--accent);background:var(--subtle)}.answer.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--subtle)}.answer:disabled{opacity:1;cursor:default}.answer.correct{border-color:var(--ok);background:var(--ok-bg)}.answer.wrong{border-color:var(--bad);background:var(--bad-bg)}.letter{display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:6px;width:28px;height:28px;flex-shrink:0;font-size:var(--text-xs);font-weight:700}.answer .answer-status{margin-left:auto;font-size:var(--text-xs);white-space:nowrap;color:var(--ok)}.explanation{margin-top:var(--s6);border-top:1px solid var(--line);padding-top:var(--s6)}.feedback-title{font-size:var(--text-lg);font-weight:700;color:var(--ok);margin-bottom:var(--s3)}.feedback-title.incorrect{color:var(--bad)}.explanation>p{font-size:var(--text-sm)}.rationales{margin-top:var(--s5);display:grid;gap:var(--s3)}.rationale{font-size:var(--text-sm);display:grid;grid-template-columns:26px 1fr;gap:var(--s3)}.rationale strong{display:block;font-weight:700;margin-bottom:var(--s1)}.rationale p{color:var(--muted)}.tip{padding:var(--s4);border-radius:8px;background:var(--subtle);font-size:var(--text-sm);margin-top:var(--s5)}.tip b{display:block;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--s1)}.math-steps{background:var(--subtle);padding:var(--s5);margin-top:var(--s5);border-radius:8px;font-size:var(--text-sm)}.math-steps ol{padding-left:var(--s5);margin-bottom:0}.math-steps li+li{margin-top:var(--s2)}.test-controls{display:flex;justify-content:space-between;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap}.test-header{margin-bottom:var(--s6)}.test-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s3)}.timer{font-variant-numeric:tabular-nums;font-size:var(--text-sm);padding:var(--s2) var(--s3);background:var(--subtle);border-radius:6px}.timer.low{color:var(--bad);background:var(--bad-bg)}.question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s2);margin:var(--s4) 0;max-height:440px;overflow:auto;padding:var(--s1)}.question-nav button{min-height:36px;min-width:30px;border-radius:6px;border:1px solid var(--line);background:var(--paper);font-size:var(--text-xs);position:relative}.question-nav button.answered{background:var(--subtle);border-color:var(--muted)}.question-nav button.current{background:var(--navy);color:white;border-color:var(--navy)}.question-nav button.flagged::after{content:'';position:absolute;width:6px;height:6px;border-radius:100%;background:var(--gold-2);right:2px;top:2px}.review-tile{padding:var(--s6);margin-top:var(--s4)}.review-tile .question-text{font-size:var(--text-base);margin:var(--s4) 0}.score-summary{display:grid;grid-template-columns:170px 1fr;gap:var(--s8);align-items:center}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold-2) calc(var(--score)*1%),var(--subtle) 0);position:relative}.score-ring::before{content:'';position:absolute;inset:8px;background:var(--paper);border-radius:50%}.score-ring div{position:relative;text-align:center}.score-ring strong{display:block;font-size:var(--text-xl);line-height:1.2}.score-ring span{font-size:var(--text-xs);color:var(--muted)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s5)}.result-grid .portion{padding:var(--s4);background:var(--subtle);border-radius:8px;font-size:var(--text-sm)}.portion strong{font-size:var(--text-lg);display:block}.result-section{display:grid;grid-template-columns:minmax(0,1fr) 100px 75px;gap:var(--s4);align-items:center;font-size:var(--text-sm);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.result-section .progress-fill.strong{background:var(--ok)}.result-section .progress-fill.borderline{background:var(--warn)}.result-section .progress-fill.weak{background:var(--bad)}.empty{text-align:center;padding:var(--s10) var(--s6)}.empty h2{margin-bottom:var(--s3)}.empty p{margin:auto;color:var(--muted);font-size:var(--text-sm)}.empty .actions{justify-content:center;margin-top:var(--s6)}
.flash-wrap{max-width:800px;margin:auto}.flash-card{padding:var(--s8);min-height:360px}.flash-card .question-text{margin:var(--s6) 0;font:500 var(--text-xl)/1.4 var(--font-display)}.flash-card .answer{min-height:76px}.trend{display:flex;align-items:flex-end;gap:var(--s3);height:200px;padding-top:var(--s5);overflow-x:auto}.trend-col{flex:1;min-width:38px;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:var(--s2);font-size:var(--text-xs);color:var(--muted)}.trend-bar{width:100%;max-width:46px;min-height:3px;background:var(--accent);border-radius:5px 5px 0 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm);text-align:left}th{font-size:var(--text-xs);color:var(--muted);font-weight:500}td,th{padding:var(--s3);border-bottom:1px solid var(--line)}.coverage-row{padding:var(--s4) 0;border-bottom:1px solid var(--line)}.coverage-row>div:first-child{display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--text-sm);margin-bottom:var(--s2)}.log-entry{padding:var(--s4) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm)}.log-entry p{margin:var(--s2) 0}.backup-text{min-height:140px;resize:vertical;font-family:monospace;font-size:var(--text-xs)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}.settings-grid .panel h2{margin-bottom:var(--s3)}.checkbox-label{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-sm)}.inline-field{display:flex;align-items:center;gap:var(--s3)}.inline-field select{width:auto}.toast{position:fixed;bottom:var(--s6);left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:var(--s3) var(--s5);border-radius:10px;box-shadow:0 6px 25px #0003;z-index:150;font-size:var(--text-sm);max-width:calc(100% - 32px)}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:16px;padding:var(--s8);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#0b192dbb;backdrop-filter:blur(3px)}dialog p{margin:var(--s4) 0;color:var(--muted);font-size:var(--text-sm)}dialog .actions{justify-content:flex-end;margin-top:var(--s6)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.close-button{width:36px;height:36px;border-radius:50%;background:var(--subtle);font-size:var(--text-lg)}@keyframes enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.main{padding:var(--s12)}.sidebar{width:248px}}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.main{padding:var(--s6)}.topbar{padding:var(--s4) var(--s6)}.two-col{grid-template-columns:1fr}.test-layout{grid-template-columns:minmax(0,1fr) 195px}.grid-3{grid-template-columns:1fr 1fr}.sidebar{padding:var(--s6) var(--s4)}.metrics{gap:var(--s2)}.metric{padding:var(--s3)}}
@media(max-width:780px){.shell{display:block}.sidebar{display:none}.sidebar.open{display:flex;position:fixed;z-index:80;left:0;top:60px;height:calc(100dvh - 60px);width:280px;box-shadow:20px 0 60px #0005}.mobile-top{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);height:60px;background:var(--navy);color:white;position:sticky;top:0;z-index:90}.mobile-top .brand svg{width:27px;height:27px}.mobile-top .brand strong{font-size:var(--text-sm)}.mobile-top .brand small{display:none}.menu-button{background:#ffffff15;color:white;border-radius:6px;padding:var(--s2) var(--s3);min-height:40px}.topbar{padding:var(--s3) var(--s4)}.topbar>.small{display:none}.top-actions{width:100%;justify-content:space-between}.main{padding:var(--s6) var(--s4)}.page-heading{margin-bottom:var(--s6)}.page-heading>.badge{display:none}.hero{padding:var(--s6)}.hero h2{max-width:none}.hero-foot{gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6)}.metrics{grid-template-columns:1fr 1fr;gap:var(--s3)}.grid-3,.settings-grid{grid-template-columns:1fr}.panel{padding:var(--s5)}.two-col{gap:var(--s5)}.study-link{min-height:94px}.grid-2{gap:var(--s3)}.mode-button{padding:var(--s4)}.section-row{grid-template-columns:auto minmax(0,1fr);gap:var(--s3)}.section-actions{grid-column:2;justify-content:flex-start;flex-wrap:wrap}.test-layout{display:flex;flex-direction:column}.test-layout>section,.test-layout>aside{width:100%}.question-panel{padding:var(--s5)}.question-text{font-size:var(--text-lg)}.answer{padding:var(--s4);gap:var(--s3);font-size:var(--text-sm)}.question-nav{grid-template-columns:repeat(10,1fr);max-height:180px}.question-nav button{min-width:0}.test-sidebar{order:2}.test-sidebar .nav-helper{display:none}.score-summary{grid-template-columns:110px 1fr;gap:var(--s4)}.score-ring{width:106px;height:106px}.result-section{grid-template-columns:minmax(0,1fr) 65px;gap:var(--s3)}.result-section>.progress-track{display:none}.flash-card{padding:var(--s6) var(--s5)}.flash-card .question-text{font-size:var(--text-lg);font-family:var(--font-body);font-weight:700}.select-row{grid-template-columns:1fr}.sticky-custom{bottom:var(--s2);flex-wrap:wrap}.resume{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}.trend{gap:var(--s2)}}
@media(max-width:400px){.grid-2{grid-template-columns:1fr}.segments button{min-width:46px;padding:var(--s3) var(--s2)}.question-nav{grid-template-columns:repeat(8,1fr)}.test-controls .actions{gap:var(--s2)}.badge{white-space:normal}.hero-foot{display:grid;grid-template-columns:1fr 1fr}.score-summary{grid-template-columns:1fr}.score-ring{margin:auto}.score-summary h2{text-align:center}}
@media(max-width:780px){.segments button[data-action="progress-tab"]{flex:1 1 95px;min-width:95px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}