:root{font-family:system-ui,'Microsoft JhengHei',sans-serif;color:#203341;background:#f2f5f5;line-height:1.7}*{box-sizing:border-box}body{margin:0}header{background:#153f49;color:white;padding:32px max(24px,calc((100vw - 960px)/2));}header span{font-size:13px;letter-spacing:.13em;color:#9edbcf}h1{font-size:clamp(24px,4vw,34px);margin:8px 0}header p{margin:0;color:#d3e9e4}main{max-width:960px;margin:28px auto;padding:0 20px}section,.card{background:white;border:1px solid #dae4e5;border-radius:16px;padding:25px;margin-bottom:20px;box-shadow:0 3px 14px #1232}h2,h3{margin:0 0 12px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;background:#176e68;color:white}button:disabled{background:#cad5d6;cursor:default}button.secondary{background:#e8efed;color:#204c48}.modes,.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.modes button{text-align:left;padding:20px;font-weight:700}.stat{background:#f2f7f6;padding:18px;border-radius:12px}.stat strong{font-size:24px;display:block}.note{font-size:14px;color:#607078}.review{background:#fff2d4;color:#71520a;padding:12px;border-radius:9px}img.original{width:100%;height:auto;display:block;margin:16px 0;background:white}fieldset{border:0;padding:0;margin:20px 0;display:grid;gap:12px}.option{border:2px solid #dce5e5;border-radius:10px;display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer}.option:has(input:checked){border-color:#14766b;background:#edf8f5}.option input{width:19px;height:19px}.letter{font-weight:bold;color:#176e68}.actions{display:flex;gap:12px;flex-wrap:wrap}.result{border-top:3px solid #176e68;padding-top:20px}.correct{color:#097453}.incorrect{color:#ad3f32}.meta{font-size:14px;color:#5e747b}.progress{height:7px;background:#dae6e3;border-radius:10px;overflow:hidden;margin:12px 0 20px}.progress i{display:block;background:#198878;height:100%}footer{text-align:center;font-size:12px;color:#71858a;padding:25px}.katex{font-size:1.12em}details summary{cursor:pointer;font-weight:bold}a{color:#126e69}pre{white-space:pre-wrap}button:focus-visible,label:focus-within{outline:3px solid #f0bc43}#storage-warning{color:#9c4032}

img.original.diagram{width:auto;max-width:100%;height:auto;object-fit:contain;margin:16px auto;display:block}

header .home-link{display:block;color:white;margin-bottom:12px;font-size:16px;width:fit-content}header span{display:block}.option>span:last-child{min-width:0;overflow-x:auto}.katex-display{max-width:100%;overflow-x:auto}@media(max-width:480px){main{padding:0 12px;margin:18px auto}section,.card{padding:16px}.modes,.stats{grid-template-columns:minmax(0,1fr)}.option{padding:12px;gap:8px}.option input{flex-shrink:0}.letter{flex-shrink:0}}