*{box-sizing:border-box}body{margin:0;background:#101a2b;color:#edf3ff;font:16px system-ui,sans-serif}main{max-width:1300px;margin:auto;padding:32px}header{display:grid;grid-template-columns:1fr 310px;gap:30px;background:linear-gradient(120deg,#1b3150,#653f65);padding:36px;border-radius:22px}h1{font-size:clamp(2.4rem,7vw,5rem);line-height:.95;margin:.2em 0}.meter{margin:24px 0;display:grid;gap:8px}progress{width:100%;height:12px}.grid{display:grid;grid-template-columns:240px 1fr;gap:28px}nav{display:grid;gap:6px}button{font:inherit;border:1px solid #385170;background:#18263a;color:#edf3ff;padding:10px;text-align:left;border-radius:9px;cursor:pointer}button:hover,button.selected{border-color:#f3b66e;background:#294362}nav button[aria-current]{background:#d97745;color:#20120e}nav span{display:inline-block;width:25px}article{max-width:800px}.eyebrow,small{color:#f3b66e;letter-spacing:.08em}pre{overflow:auto;background:#09111f;padding:18px;border-radius:12px}.score{position:sticky;top:0;background:#101a2b;padding:10px 0;font-weight:bold}fieldset{margin:18px 0;border:1px solid #385170;border-radius:12px;padding:16px}legend{font-weight:700;padding:0 6px}legend small{display:block;margin-bottom:5px}fieldset button{display:block;width:100%;margin:8px 0}.ok{color:#81e3ad}.hint{color:#ffd18a}.complete{background:#d97745;color:#20120e;font-weight:700}.complete:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){main{padding:16px}header,.grid{grid-template-columns:1fr}nav{grid-template-columns:repeat(2,1fr)}h1{font-size:3rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}