.test{flex-direction:column;min-height:100dvh;display:flex}.test-bar{z-index:10;isolation:isolate;background:linear-gradient(to bottom, var(--white-a80), var(--white-a55));border-bottom:1px solid var(--white-a60);padding-top:env(safe-area-inset-top);position:sticky;top:0}.bar-inner{align-items:center;gap:var(--space-3);height:4rem;display:flex}.bar-mid{text-align:center;flex:1;min-width:0;line-height:1.25}.title{font:650 var(--text-sm) / 1.25 var(--font-display);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.count{font-size:var(--text-xs);color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.timer{font-size:var(--text-md);color:var(--navy)}.bar-progress{gap:var(--space-1);padding-bottom:var(--space-2);display:grid}.bar-meter{height:6px}.save-state{color:var(--muted);text-align:right;min-height:1.1em;font-size:.6875rem;font-weight:600}.save-state.offline{color:var(--unsure);text-align:center}.question-wrap{padding-block:var(--space-5) var(--space-6);flex:1}.q-card{gap:var(--space-4);padding:var(--space-6);display:grid}.q-card .subject{width:fit-content;padding:3px var(--space-3);border-radius:var(--radius-pill);background:var(--navy-a06);color:var(--navy);font-size:var(--text-xs);letter-spacing:.02em;font-weight:700;display:inline-flex}.prompt{font:700 var(--text-xl) / 1.35 var(--font-display);letter-spacing:-.02em;color:var(--ink);white-space:pre-line;outline:none}.q-image{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);display:block}.choice .text{white-space:pre-line}.confidence{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}.conf-label{font-size:var(--text-sm);color:var(--ink);font-weight:650}.conf-label span{margin-left:var(--space-1);color:var(--muted);font-weight:550}@media (width<=39.99rem){.question-wrap{padding-block:var(--space-4) var(--space-5)}.q-card{box-shadow:none;backdrop-filter:none;background:0 0;padding:0}.q-card:before,.q-card:after{content:none}.prompt{font-size:1.3125rem}.choice{min-height:3.75rem}}.test-foot{isolation:isolate;background:linear-gradient(to top, var(--white-a85), var(--white-a55));border-top:1px solid var(--white-a60);padding-bottom:env(safe-area-inset-bottom);position:sticky;bottom:0}.foot-inner{align-items:center;gap:var(--space-2);padding-block:var(--space-3);display:flex}.foot-inner .next{flex:1;max-width:14rem;margin-left:auto}@media (width<=39.99rem){.foot-inner .next{max-width:none}}dialog{border:1px solid var(--white-a80);padding:var(--space-5);color:var(--ink);background:var(--white-a90);backdrop-filter:blur(24px)saturate(160%);box-shadow:0 30px 80px var(--navy-a30)}dialog::backdrop{background:var(--navy-a35);backdrop-filter:blur(6px)}.h-small{font-size:var(--text-xl);outline:none}.sheet{border-radius:var(--radius-xl);width:min(34rem,100% - 2rem);max-height:85dvh;margin:auto}.sheet>*+*,.confirm>*+*{margin-top:var(--space-4)}.sheet-handle{display:none}.sheet-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.confirm{border-radius:var(--radius-xl);width:min(26rem,100% - 2rem)}.sheet-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=39.99rem){.sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:100%;max-height:88dvh;padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));border-bottom:0;margin:auto 0 0}.sheet-handle{width:2.5rem;height:4px;margin:0 auto var(--space-1);background:var(--line-strong);border-radius:2px;display:block}.sheet-actions,.confirm .sheet-actions{flex-direction:column}.sheet-actions .btn{width:100%;height:var(--control-lg)}}.legend{justify-content:start;gap:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--muted);grid-template-columns:repeat(4,auto);margin:0;padding:0;font-weight:600;list-style:none;display:grid}.legend li{align-items:center;gap:6px;display:flex}.legend .cell{aspect-ratio:auto;pointer-events:none;border-radius:3px;width:.875rem;height:.875rem}.grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));margin:0;padding:0;list-style:none;display:grid}.cell{aspect-ratio:1;width:100%;font:650 var(--text-sm) / 1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);background:var(--white-a85);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);place-items:center;display:grid}.cell:hover{border-color:var(--navy-a35)}.cell.answered{background:var(--navy);border-color:var(--navy);color:var(--white)}.cell.skipped{background:var(--signal-soft);border:1.5px dashed var(--signal-shade);color:var(--gold-text)}.cell.current{outline:2px solid var(--signal);outline-offset:2px}