:root{--ink:#1c1a17;--ink-soft:#56514a;--ink-faint:#8a837a;--paper:#faf8f4;--card:#fff;--rule:#e2ddd3;--accent:#1f5c4a;--accent-soft:#e8f0ec;--warn:#8a5a12;--warn-soft:#fdf4e3;--bad:#8c2f2f;--good:#1f5c4a;--radius:10px;--shadow:0 1px 2px #1c1a170f, 0 4px 16px #1c1a170a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.3rem}h3{font-size:1.05rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--rule);z-index:20;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--serif);font-size:1.15rem;font-weight:600}.topbar nav{flex-wrap:wrap;gap:.35rem;display:flex}.topbar nav a{border-radius:var(--radius);color:var(--ink-soft);padding:.45rem .8rem;font-weight:500}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar .spacer{flex:1}.page{width:min(1100px,100%);margin:0 auto;padding:1.5rem 1.25rem 5rem}.page.wide{width:min(1500px,100%)}.stack{flex-direction:column;gap:1.25rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}button,.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--rule);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;padding:.6rem 1.1rem;font-weight:550;transition:background .12s,border-color .12s}button:hover:not(:disabled),.btn:hover{background:#f3efe8}button:disabled{opacity:.5;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#18493a}button.ghost{background:0 0;border-color:#0000}input[type=text],input[type=password],textarea,select{font:inherit;border:1px solid var(--rule);border-radius:var(--radius);background:var(--card);width:100%;min-height:44px;color:var(--ink);padding:.6rem .7rem}textarea{resize:vertical;min-height:5rem;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.answer-input{font-family:var(--mono);font-size:1rem}label{color:var(--ink-soft);font-size:.9rem;font-weight:550}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.tag.plain{color:var(--ink-soft);background:#f1ede5}.muted{color:var(--ink-faint);font-size:.9rem}.meta{color:var(--ink-soft);font-size:.88rem}.notice{border-left:3px solid var(--warn);background:var(--warn-soft);border-radius:0 var(--radius) var(--radius) 0;padding:.85rem 1rem}.notice.bad{border-color:var(--bad);background:#fbeeee}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.pages{flex-direction:column;gap:.75rem;display:flex}.pages img{border:1px solid var(--rule);border-radius:var(--radius);background:#fff;width:100%;height:auto;display:block}.split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1.25rem;display:grid}@media (width<=950px){.split{grid-template-columns:1fr}}.sticky-col{align-self:start;max-height:calc(100vh - 6rem);position:sticky;top:4.5rem;overflow-y:auto}@media (width<=950px){.sticky-col{max-height:none;position:static}}.ipa{border:1px solid var(--rule);border-radius:var(--radius);background:#f3efe8;flex-wrap:wrap;gap:.3rem;padding:.5rem;display:flex}.ipa button{font-family:var(--mono);background:var(--card);min-width:44px;min-height:44px;padding:.3rem .5rem;font-size:1.05rem}.timer{font-family:var(--mono);font-variant-numeric:tabular-nums;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);padding:.35rem .8rem;font-size:1.5rem;font-weight:600}.timer.warn{background:var(--warn-soft);color:var(--warn)}.timer.critical{color:var(--bad);background:#fbeeee}.score{font-family:var(--serif);font-size:2rem;font-weight:600}.score small{color:var(--ink-faint);font-size:1rem;font-family:var(--sans)}.question{border-top:1px solid var(--rule);margin-top:1rem;padding-top:1rem}.question:first-of-type{border-top:none;margin-top:0;padding-top:0}.feedback{font-family:var(--serif);font-size:1.05rem;line-height:1.6}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--rule);padding:.45rem .6rem}th{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table-scroll{overflow-x:auto}.bar{background:#ece7dd;border-radius:999px;height:7px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.center-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.answer-block{font-family:var(--mono);white-space:pre-wrap;border:1px solid var(--rule);border-radius:var(--radius);background:#f6f3ed;padding:.6rem .75rem;font-size:.95rem}details>summary{cursor:pointer;color:var(--accent);padding:.3rem 0;font-weight:550}