.spelling-word-list{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Noto Sans TC,monospace}.spelling-big-button{min-height:52px;font-size:18px}.spelling-notice{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-secondary);border-radius:12px;margin:0 0 16px;padding:12px 14px;font-size:14px;line-height:1.7}.spelling-message{background:var(--danger-soft);color:var(--danger);border-radius:12px;margin:0;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.6}.spelling-quiz{gap:16px;min-width:0;display:grid}.spelling-quiz .spelling-notice{margin:0}.spelling-progress{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.spelling-progress-text{color:var(--text-main);font-size:16px;font-weight:700}.spelling-progress-bar{background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.spelling-progress-bar>span{background:var(--primary);border-radius:999px;height:100%;transition:width .25s;display:block}.spelling-link-button{min-height:48px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 12px;font-size:14px;text-decoration:underline}.spelling-link-button:hover{color:var(--primary)}.spelling-link-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.spelling-listen-button{border:2px solid var(--primary);background:var(--surface-soft);width:100%;min-height:84px;color:var(--primary);font:inherit;cursor:pointer;border-radius:18px;padding:16px;font-size:24px;font-weight:800;transition:transform .1s,background .15s}.spelling-listen-button:hover{background:var(--surface)}.spelling-listen-button:active{transform:scale(.98)}.spelling-listen-button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.spelling-hint{color:var(--text-secondary);text-align:center;overflow-wrap:anywhere;margin:0;font-size:18px}.spelling-hint strong{color:var(--text-main);font-size:22px}.spelling-prompt{border:1px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:18px;gap:6px;padding:18px 14px;display:grid}.spelling-prompt-label{color:var(--text-secondary);font-size:15px}.spelling-prompt-value{color:var(--text-main);overflow-wrap:anywhere;font-size:30px;line-height:1.3}.spelling-prompt-letters{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.spelling-form{gap:14px;min-width:0;display:grid}.spelling-input{letter-spacing:.06em;text-align:center;width:100%;min-height:68px;font-size:28px;font-weight:700}.spelling-input::placeholder{letter-spacing:0;font-size:18px;font-weight:400}.spelling-input[readonly]{background:var(--surface-soft)}.spelling-feedback-region:empty{display:none}.spelling-feedback{border-radius:16px;gap:10px;padding:16px;font-size:18px;line-height:1.6;display:grid}.spelling-feedback-correct{border:1px solid var(--success);background:var(--success-soft);color:var(--success);text-align:center}.spelling-feedback-wrong{border:1px solid var(--danger);background:var(--danger-soft);color:var(--text-main)}.spelling-feedback-wrong>strong{color:var(--danger)}.spelling-feedback-word{letter-spacing:.06em;overflow-wrap:anywhere;font-size:26px;font-weight:800}.spelling-compare{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;display:grid}.spelling-compare-label{color:var(--text-secondary);white-space:nowrap;font-size:14px}.spelling-compare-empty{color:var(--text-secondary);font-size:16px}.spelling-diff-word{flex-wrap:wrap;gap:2px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:24px;font-weight:700;display:flex}.spelling-diff-char{min-width:.7em;color:var(--text-main);text-align:center;border-radius:4px;padding:0 2px}.spelling-diff-bad{background:var(--danger);color:var(--surface)}.spelling-feedback-meaning{color:var(--text-secondary);margin:0;font-size:15px}.spelling-summary{gap:16px;min-width:0;display:grid}.spelling-summary-title{color:var(--text-main);text-align:center;margin:0;font-size:24px}.spelling-summary-title:focus{outline:none}.spelling-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.spelling-score-item{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:16px;gap:4px;padding:16px 8px;display:grid}.spelling-score-value{color:var(--primary);font-size:30px;font-weight:800;line-height:1.2}.spelling-score-label{color:var(--text-secondary);font-size:14px}.spelling-wrong-title{color:var(--text-main);margin:0;font-size:17px}.spelling-wrong-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.spelling-wrong-list li{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:12px 14px;display:flex}.spelling-wrong-en{color:var(--text-main);overflow-wrap:anywhere;font-size:20px;font-weight:700}.spelling-wrong-zh{color:var(--text-secondary);font-size:16px}.spelling-perfect{background:var(--success-soft);color:var(--success);text-align:center;border-radius:16px;margin:0;padding:16px;font-size:20px;font-weight:700}.spelling-edit-link{justify-self:center}@media (width<=480px){.spelling-listen-button{min-height:76px;font-size:22px}.spelling-input{font-size:24px}.spelling-diff-word{font-size:20px}.spelling-compare{grid-template-columns:minmax(0,1fr);gap:4px}.spelling-score-value{font-size:26px}}