:root{--fog:#f4f3ef;--fog-deep:#e9e7e0;--surface:#fbfaf7;--ink:#111;--ink-soft:#4a4a47;--line:#d8d5cc;--fjord:#1f5f6b;--fjord-strong:#164a54;--fjord-soft:#dcebee;--brand:var(--fjord);--brand-strong:var(--fjord-strong);--brand-soft:var(--fjord-soft);--on-brand:#fff;--good:#13612c;--good-soft:#dff3e5;--attention:#7a4700;--attention-soft:#fdeccb;--problem:#c4231b;--problem-soft:#fbe1df;--info:#1f5f6b;--info-soft:#dcebee;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-sm:.875rem;--text:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--radius:8px;--radius-lg:12px;--shadow:0 1px 2px #1111110f, 0 2px 8px #1111110a;--focus:0 0 0 3px #1f5f6b59}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fog);color:var(--ink);font-family:var(--font);font-size:var(--text);margin:0;font-weight:450;line-height:1.5}h1,h2,h3{margin:0 0 var(--s3);font-weight:700;line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--s3)}a{color:var(--brand);font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus);outline:none}.muted{color:var(--ink-soft)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{gap:var(--s4);flex-direction:column;display:flex}.row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border-radius:var(--radius);font:inherit;cursor:pointer;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-strong)}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover:not(:disabled){background:var(--fog-deep)}.btn-danger{background:var(--surface);color:var(--problem);border-color:var(--problem)}.btn-ghost{color:var(--brand);background:0 0}.btn-block{width:100%}.field{gap:var(--s1);flex-direction:column;display:flex}.field label{font-weight:600;font-size:var(--text-sm)}.field .hint{font-size:var(--text-sm);color:var(--ink-soft)}.field .error-text{font-size:var(--text-sm);color:var(--problem);font-weight:600}.input,.select,.textarea{width:100%;min-height:44px;padding:var(--s2) var(--s3);font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.input[aria-invalid=true]{border-color:var(--problem)}.check{align-items:center;gap:var(--s2);min-height:44px;display:flex}.check input{width:20px;height:20px;accent-color:var(--brand)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s5);box-shadow:var(--shadow)}.badge{align-items:center;gap:var(--s1);padding:2px var(--s2);font-size:var(--text-sm);border-radius:999px;font-weight:700;display:inline-flex}.badge-good{background:var(--good-soft);color:var(--good)}.badge-attention{background:var(--attention-soft);color:var(--attention)}.badge-problem{background:var(--problem-soft);color:var(--problem)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-neutral{background:var(--fog-deep);color:var(--ink-soft)}.alert{padding:var(--s3) var(--s4);border-radius:var(--radius);border-left:4px solid;font-weight:500}.alert-good{background:var(--good-soft);border-color:var(--good)}.alert-attention{background:var(--attention-soft);border-color:var(--attention)}.alert-problem{background:var(--problem-soft);border-color:var(--problem)}.alert-info{background:var(--info-soft);border-color:var(--info)}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{text-align:left;padding:var(--s3);border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--fog-deep);white-space:nowrap;font-weight:700}tr:last-child td{border-bottom:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--surface);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.brand-mark{font-weight:800;font-size:var(--text-lg);color:var(--ink);text-decoration:none}.nav{gap:var(--s1);flex-wrap:wrap;display:flex}.nav a{padding:var(--s2) var(--s3);border-radius:var(--radius);color:var(--ink-soft);font-weight:600;text-decoration:none}.nav a.active,.nav a:hover{background:var(--brand-soft);color:var(--brand-strong)}.page{width:100%;max-width:1100px;padding:var(--s5) var(--s4) var(--s7);margin:0 auto}.auth-page{min-height:100vh;padding:var(--s4);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.state{text-align:center;padding:var(--s7) var(--s4)}.state h3{margin-bottom:var(--s2)}.modal-backdrop{padding:var(--s4);z-index:50;background:#1116;place-items:center;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:480px}.toasts{bottom:var(--s4);z-index:60;gap:var(--s2);flex-direction:column;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.grid-2{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.stat{font-size:var(--text-2xl);font-weight:800}@media (width<=640px){.page{padding:var(--s4) var(--s4) var(--s7)}.card{padding:var(--s4)}.topbar{flex-wrap:wrap}.nav{flex-wrap:nowrap;width:100%;overflow-x:auto}}.page-narrow{width:100%;max-width:720px;margin:0 auto}.small{font-size:var(--text-sm)}.label{font-weight:600;font-size:var(--text-sm)}.stack-sm{gap:var(--s2);flex-direction:column;display:flex}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}.textarea{resize:vertical;min-height:88px}.streak{flex-direction:column;align-items:center;line-height:1.1;display:flex}.question{border-top:1px solid var(--line);padding-top:var(--s4)}.question:first-of-type{border-top:0;padding-top:0}.q-num{font-size:var(--text-sm);font-weight:600;display:block}.q-text{font-size:var(--text-lg);margin-bottom:var(--s3);font-weight:700;display:block}.choices{gap:var(--s2);display:grid}.choice{align-items:center;gap:var(--s3);min-height:48px;padding:var(--s2) var(--s3);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-weight:500;display:flex}.choice input{width:20px;height:20px;accent-color:var(--brand);flex-shrink:0}.choice:has(input:focus-visible){box-shadow:var(--focus)}.choice-picked{border-color:var(--brand);background:var(--brand-soft)}.question:disabled .choice{cursor:not-allowed;opacity:.7}.squares{vertical-align:middle;gap:3px;display:inline-flex}.sq{color:#fff;border-radius:3px;place-items:center;width:16px;height:16px;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.squares-lg .sq{border-radius:6px;width:32px;height:32px;font-size:18px}.sq-right{background:var(--good)}.sq-wrong{background:var(--problem)}.my-score{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.answers{margin:0;padding-left:20px}.answer-list{margin:0 0 var(--s2);gap:var(--s1);padding:0;list-style:none;display:grid}.ans{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--radius);background:var(--fog);display:flex}.ans-right{background:var(--good-soft);font-weight:700}.ans-wrong{background:var(--problem-soft)}.ans-tags{gap:var(--s2);flex-shrink:0;align-items:center;display:inline-flex}.row-me td{background:var(--brand-soft);font-weight:700}.choice-editor{gap:var(--s2);flex-direction:column;display:flex}.choice-editor legend{font-weight:600;font-size:var(--text-sm);margin-bottom:var(--s2)}.choice-edit-row{gap:var(--s2);align-items:center;display:flex}.choice-edit-row input[type=radio]{width:22px;height:22px;accent-color:var(--good);flex-shrink:0}.category-grid{gap:0 var(--s3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.schedule td{vertical-align:middle}.schedule .input{min-width:120px}.save-bar{bottom:var(--s3);z-index:5;position:sticky}.upcoming,.q-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.upcoming li,.q-list li{padding:var(--s3) 0;border-bottom:1px solid var(--line);gap:var(--s2);flex-direction:column;display:flex}.upcoming li:last-child,.q-list li:last-child{border-bottom:0}.upcoming-warn{background:var(--attention-soft);margin:0 calc(-1 * var(--s3));border-radius:var(--radius);padding:var(--s3)!important}.correct-inline{color:var(--good);font-weight:700}.tabs{gap:var(--s1);flex-wrap:wrap;display:flex}.tab{font:inherit;min-height:40px;padding:0 var(--s3);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;border-radius:999px;font-weight:600}.tab-on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}@media (width<=640px){.squares-lg .sq{width:26px;height:26px}}.landing{padding-top:var(--s7)}.landing-title{margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15}.landing-lead{font-size:var(--text-lg);color:var(--ink-soft);margin:0}