:root{--ink:#10213c;--paper:#f4f0e6;--card:#fffdf7;--orange:#e35e3e;--green:#167463;--muted:#6e716f;--line:#d9d2c3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC",serif}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100dvh;max-width:680px;margin:auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom))}.masthead{display:flex;justify-content:space-between;align-items:flex-start;margin:8px 2px 26px}.eyebrow{letter-spacing:.14em;font:700 10px/1.2 ui-monospace,monospace;color:var(--orange);margin:0 0 12px}.masthead h1{font-size:34px;line-height:1.15;letter-spacing:-.08em;margin:0}.masthead em{font-style:normal;color:var(--orange)}.badge{width:74px;height:74px;border:1px solid var(--ink);border-radius:50%;display:grid;place-content:center;text-align:center;font:700 23px ui-monospace,monospace;transform:rotate(8deg)}.badge small{font:11px serif;margin-top:2px}.progress-card{background:var(--ink);color:#fff8ea;padding:20px;border-radius:5px;box-shadow:6px 7px 0 #cfbfa4}.progress-card div:first-child{display:flex;justify-content:space-between;align-items:baseline}.progress-card span,.section-title span,.review-row span{font-size:12px;color:#bfc8d8}.progress-card strong{font:700 27px ui-monospace,monospace}.progress-card i{font:12px serif;font-style:normal}.meter,.tiny-meter{height:6px;background:#34445d;margin:17px 0 10px;overflow:hidden}.meter b,.tiny-meter b{display:block;height:100%;background:#f0bb4a}.progress-card p{font-size:13px;margin:0;color:#dce3ec}.section{margin-top:38px}.section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.section-title h2{font-size:19px;margin:0}.section-title span{color:var(--muted)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card,.review-row button{position:relative;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:3px;padding:16px;min-height:112px}.mode-card:active,.review-row button:active{transform:translate(2px,2px);box-shadow:none}.mode-card.wide{grid-column:span 2;min-height:92px;background:#ffd95b;border-color:#edba1e;box-shadow:4px 4px 0 #e7b92a}.mode-card b{display:block;font-size:17px;margin:7px 0 3px}.mode-card small{color:var(--muted);font-size:12px}.mode-card i,.review-row i{position:absolute;right:15px;bottom:14px;font-style:normal;font-size:20px}.mode-icon{font:700 18px ui-monospace,monospace;color:var(--orange)}.review-row{display:grid;gap:9px}.review-row button{min-height:66px;padding:13px 45px 13px 16px}.review-row b{display:block;font-size:15px}.review-row span{color:var(--muted)}footer{margin:44px 0 8px;color:var(--muted);font-size:11px;text-align:center}.quiz-shell{display:flex;flex-direction:column}.quiz-top{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px;margin-bottom:26px}.back,.star{width:38px;height:38px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:21px}.star{color:#c6bba8}.star.active{color:#e6a822}.quiz-top span{font:11px ui-monospace,monospace;color:var(--muted)}.tiny-meter{height:4px;margin:0 0 7px;background:#ddd6c7}.tiny-meter b{background:var(--orange)}.question-card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:23px 19px;box-shadow:5px 6px 0 #ddd4c4}.question-meta{display:flex;gap:8px;align-items:center}.tag,.past{font:700 11px ui-monospace,monospace;padding:4px 7px;border-radius:2px}.tag.blue{color:#fff;background:#275d9d}.tag.orange{color:#fff;background:#bd4b32}.tag.green{color:#fff;background:#197363}.past{border:1px solid #c6bba8;color:var(--muted)}.question-card h2{font-size:20px;line-height:1.65;margin:18px 0 23px;font-weight:700}.answers{display:grid;gap:10px}.answer{display:flex;align-items:flex-start;gap:12px;text-align:left;background:#fffdf7;border:1px solid #d7d0c3;color:var(--ink);padding:13px 12px;border-radius:2px;line-height:1.45;font-size:15px}.answer span{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;border:1px solid #b6aa96;font:700 12px ui-monospace,monospace}.answer.picked{border-color:var(--ink);background:#e5eef0}.answer.picked span{background:var(--ink);color:white}.judge{grid-template-columns:1fr 1fr}.judge .answer{justify-content:center;align-items:center;font-size:18px;font-weight:700}.fill-list{display:grid;gap:13px}.fill-list label{font-size:13px;color:var(--muted)}.fill-list input{display:block;width:100%;margin-top:6px;padding:12px;border:0;border-bottom:2px solid #a9a294;background:#f5f1e8;color:var(--ink);outline-color:var(--orange)}.result{margin-top:19px;padding:17px 18px;border-left:5px solid var(--green);background:#e0f0e8}.result.wrong{border-color:var(--orange);background:#fae5dd}.result-title{display:flex;justify-content:space-between;font-size:16px}.result-title span{font:700 19px ui-monospace,monospace}.result p{font-size:14px;line-height:1.65;margin:10px 0 0}.result .explain{color:#48536a}.quiz-actions{margin-top:auto;padding-top:24px}.submit,.next,.empty button{width:100%;border:0;background:var(--ink);color:#fff;padding:17px;border-radius:2px;font-size:16px;font-weight:700;box-shadow:4px 5px 0 #bdb3a2}.next{background:var(--orange);box-shadow:4px 5px 0 #c84e32}.next span{float:right;font-size:20px;margin-top:-3px}.empty{min-height:100dvh;display:grid;place-content:center;padding:30px;text-align:center}.empty button{margin-top:12px}.load-error{padding:30px;color:#a52d22}@media(min-width:700px){.shell{padding-left:36px;padding-right:36px}.masthead h1{font-size:42px}.question-card{padding:30px}.question-card h2{font-size:22px}}