:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#243d35;background:#f6f4eb;font-size:16px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b17521;outline-offset:4px}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 32px;border-bottom:1px solid #dcded3}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:800;letter-spacing:1.5px;font-size:14px}.brand small{display:block;font-weight:400;letter-spacing:0;margin-top:4px;color:#637267}.mark{display:grid;place-items:center;background:#235246;color:#f4d580;border-radius:12px;width:44px;height:44px;font-family:Georgia,serif;font-size:29px;transform:rotate(-5deg)}.quiet{padding:10px 15px;background:transparent;border:1px solid #b7c4b8;border-radius:99px;color:#243d35;font-size:14px}main{padding:42px 32px 48px}.eyebrow,.side-label{font-size:13px;letter-spacing:2px;font-weight:700;color:#57725f}h1{font-size:clamp(30px,5vw,48px);letter-spacing:-1px;margin:14px 0}p{line-height:1.75}.intro p{color:#647268;margin:0 0 30px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px}.game{background:#fffef9;border:1px solid #d5dccf;border-radius:22px;padding:30px;box-shadow:0 8px 0 #e8e9df;min-height:410px}.game-top{display:flex;justify-content:space-between;font-size:14px;font-weight:600;color:#617365}progress{display:block;width:100%;height:6px;border:0;border-radius:8px;margin:16px 0 28px;overflow:hidden;background:#e7ebdf}progress::-webkit-progress-bar{background:#e7ebdf}progress::-webkit-progress-value{background:#39745c}progress::-moz-progress-bar{background:#39745c}.prompt{font-size:15px;color:#627368;margin-bottom:10px}.word{font:500 clamp(32px,5vw,48px)/1.2 Georgia,"Songti SC",serif;margin:0 0 8px;overflow-wrap:anywhere}.phonetic{color:#748278;min-height:24px;margin:0 0 20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #ced7c8;border-radius:12px;background:#fffef9;color:#243d35;min-height:62px}.option:hover:not(:disabled){border-color:#39745c;background:#eff5e9}.option span{font-size:12px;border:1px solid #d8dfd1;padding:3px 6px;border-radius:5px}.option:disabled{cursor:default;opacity:1}.option.correct{background:#dfeddd;border-color:#3a704c}.option.wrong{background:#f9e6dc;border-color:#ba6146}.feedback{margin-top:22px;line-height:1.7}.feedback p{margin:4px 0 12px;color:#586b5e}.primary{background:#235246;color:#fffef9;border:0;border-radius:10px;padding:14px 22px;font-weight:600;min-height:48px}.modes{display:grid;gap:10px;margin:14px 0 24px}.mode{text-align:left;background:transparent;border:1px solid #d0d8ca;border-radius:12px;padding:15px;color:#243d35}.mode[aria-pressed=true]{background:#235246;border-color:#235246;color:white}.mode small{display:block;margin-top:6px;opacity:.8;font-size:14px}.note{background:#efdfab;border-radius:16px;padding:23px;transform:rotate(1deg)}.star{font-size:38px;color:#85652b}.note h2{font-size:19px;margin:12px 0 8px}.note p{font-size:15px;margin:0;color:#5e563b}.local-note{font-size:13px;color:#6b786c}.score{font:64px Georgia,serif;color:#235246;margin:12px 0}.review{padding-left:20px;line-height:1.8}.result-title{font-size:26px}footer{padding:24px 32px;border-top:1px solid #dcded3;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#6f7b70;line-height:1.7}@media(max-width:720px){header{padding:20px}main{padding:28px 20px}.layout{grid-template-columns:1fr;gap:28px}.game{padding:22px}.intro p{margin-bottom:22px}aside{display:grid;grid-template-columns:1fr}.note{display:none}.modes{grid-template-columns:1fr 1fr}.options{gap:10px}.option{padding:13px 10px}footer{padding:20px;flex-direction:column}h1{letter-spacing:0}}@media(prefers-reduced-motion:no-preference){.option,.mode{transition:background .15s,border-color .15s}}

.top-actions{display:flex;gap:9px;align-items:center}.top-actions .quiet{text-decoration:none;white-space:nowrap}@media(max-width:380px){.brand{font-size:12px}.top-actions .quiet{padding:8px 10px;font-size:12px}}