:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#262724;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #a8b8ab;outline-offset:3px}header{max-width:840px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e3dc}header strong{font-size:20px;letter-spacing:1px}header strong span{font-weight:400;color:#77796f}header>span,footer{font-size:12px;color:#88897f}main{max-width:760px;margin:26px auto;padding:0 28px}nav{display:flex;gap:28px;border-bottom:1px solid #e5e3dc}nav button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:#77796f}nav button[aria-pressed=true]{border-bottom-color:#394e40;color:#263e30;font-weight:600}#wrong-count{font-size:12px;margin-left:4px}.summary{font-size:13px;color:#77796f;margin:20px 0 32px}.meta{display:flex;justify-content:space-between;font-size:13px;color:#77796f}progress{display:block;width:100%;height:3px;border:0;margin:13px 0 28px;accent-color:#657d67}progress::-webkit-progress-bar{background:#e8e7e0}progress::-webkit-progress-value{background:#657d67}h1{font-size:23px;font-weight:550;line-height:1.8;margin:0 0 24px;white-space:pre-wrap;overflow-wrap:anywhere}#hint{font-size:13px;color:#88897f;margin-top:-10px}#hint:empty{display:none}#options{display:grid;gap:11px}.option{display:flex;align-items:flex-start;gap:16px;text-align:left;width:100%;padding:17px 18px;border:1px solid #dedfd7;border-radius:7px;background:#fff;color:#30332f;line-height:1.65}.letter{flex:0 0 25px;color:#8b8e83}.option.selected{border-color:#607463;background:#f0f4ee}.option.correct{border-color:#7f9b7b;background:#edf4e9}.option.incorrect{border-color:#b68a7d;background:#fcf0ec}.option:disabled{cursor:default;opacity:1}.result-mark{margin-left:auto;white-space:nowrap;font-size:12px}#feedback{padding:16px 0 0;font-size:14px;line-height:1.7}#feedback.correct{color:#3b6745}#feedback.incorrect{color:#a04d3f}.actions{display:flex;justify-content:space-between;gap:16px;margin:30px 0 22px}.actions button,#submit{border:1px solid #d9dcd3;border-radius:6px;padding:13px 24px;background:transparent;color:#586054}#next,#submit{background:#344b3d;color:white;border-color:#344b3d}#next{min-width:148px}#submit{margin-top:18px}button:disabled{cursor:default;opacity:.4}footer{display:flex;justify-content:space-between;padding:12px 0 28px;border-top:1px solid #e5e3dc}@media(hover:hover){.option:not(:disabled):hover{border-color:#849480;background:#f6f8f3}}@media(max-width:600px){header{padding:19px 20px}main{padding:0 20px;margin-top:16px}h1{font-size:20px;line-height:1.8}.summary{margin:18px 0 25px}.option{padding:15px 14px;gap:10px}.keyboard{display:none}.actions{position:sticky;bottom:0;background:#faf9f6;padding:12px 0;margin-bottom:12px}#next{flex:1}footer{padding-bottom:20px}}
.tools{display:flex;gap:12px;margin:0 0 24px}.tools button{padding:9px 14px;background:transparent;border:1px solid #d9dcd3;border-radius:5px;color:#586054;font-size:14px}#history-panel details{border-bottom:1px solid #dedfd7;padding:18px 0}#history-panel summary{cursor:pointer;line-height:1.8;font-size:14px}#history-panel article{padding:16px 0;border-top:1px solid #e5e3dc;margin-top:18px}#history-panel h3{font-size:17px;line-height:1.8;font-weight:500}#history-panel article p{font-size:14px;line-height:1.7}.record-note{font-size:13px;line-height:1.8;color:#77796f}.correct{color:#3b6745}.incorrect{color:#a04d3f}[hidden]{display:none!important}#storage-status[role=alert]{color:#a04d3f}