.vocab-quiz-root{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.5;color:#1e293b;max-width:560px;margin:0 auto;padding:0 4px}.vocab-quiz-root *,.vocab-quiz-root *::before,.vocab-quiz-root *::after{box-sizing:inherit}.vq-setup,.vq-quiz,.vq-results{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgb(0 0 0 / .1);padding:28px 20px 32px;margin:16px 0}.vq-title{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#0f172a;text-align:center}.vq-subtitle{margin:0 0 28px;text-align:center;color:#64748b;font-size:.95rem}.vq-setup-form{display:flex;flex-direction:column;gap:14px}.vq-label{font-weight:600;font-size:1rem;color:#334155}.vq-input{width:100%;padding:12px 16px;font-size:1.1rem;border:2px solid #cbd5e1;border-radius:10px;outline:none;transition:border-color 0.15s;color:#0f172a}.vq-input:focus{border-color:#2563eb}.vq-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.vq-toggle{position:relative;width:52px;height:30px;background:#cbd5e1;border:none;border-radius:99px;cursor:pointer;padding:0;flex-shrink:0;transition:background 0.2s;-webkit-tap-highlight-color:#fff0}.vq-toggle-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform 0.2s;box-shadow:0 1px 3px rgb(0 0 0 / .15)}.vq-toggle-on{background:#2563eb}.vq-toggle-on .vq-toggle-knob{transform:translateX(22px)}.vq-btn{display:block;width:100%;padding:14px 20px;font-size:1.05rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background 0.15s,transform 0.1s;text-align:center;-webkit-tap-highlight-color:#fff0}.vq-btn:active{transform:scale(.98)}.vq-btn-primary{background:#2563eb;color:#fff}.vq-btn-primary:hover{background:#1d4ed8}.vq-btn-secondary{background:#f1f5f9;color:#334155;border:2px solid #cbd5e1}.vq-btn-secondary:hover{background:#e2e8f0}.vq-progress-bar-wrap{background:#e2e8f0;border-radius:99px;height:6px;overflow:hidden;margin-bottom:8px}.vq-progress-bar{height:100%;background:#2563eb;border-radius:99px;transition:width 0.3s ease}.vq-progress-label{text-align:right;font-size:.85rem;color:#64748b;margin-bottom:24px}.vq-question{display:flex;flex-direction:column;gap:14px}.vq-word-chinese,.vq-word-prompt{font-size:clamp(1.6rem, 5vw, 3rem);font-weight:700;text-align:center;color:#0f172a;font-family:inherit;line-height:1.25;padding:8px 0;overflow-wrap:anywhere}.vq-word-english{font-size:clamp(1.4rem, 4vw, 2rem);font-weight:700;text-align:center;color:#0f172a;padding:8px 0;overflow-wrap:anywhere}.vq-prompt{margin:0;text-align:center;color:#475569;font-size:.95rem}.vq-pinyin-display,.vq-helper-display{text-align:center;color:#2563eb;font-size:1rem;letter-spacing:.04em;margin-top:-4px;margin-bottom:4px}.vq-choice-pinyin,.vq-choice-helper{display:block;font-size:.8rem;color:#2563eb;font-weight:400;margin-top:3px;letter-spacing:.03em}.vq-choices{display:flex;flex-direction:column;gap:10px}.vq-choice{width:100%;padding:14px 18px;font-size:1rem;font-weight:500;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;text-align:left;color:#1e293b;transition:background 0.12s,border-color 0.12s;-webkit-tap-highlight-color:#fff0;min-height:52px}.vq-choice:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.vq-choice:disabled{cursor:default}.vq-choice-chinese,.vq-choice-value{font-size:1.2rem;display:block;font-family:inherit;line-height:1.4;overflow-wrap:anywhere}.vq-text-cjk{font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC","Hiragino Sans","Yu Gothic","Heiti TC",sans-serif}.vq-choice.vq-correct{background:#f0fdf4;border-color:#16a34a;color:#14532d}.vq-choice.vq-wrong{background:#fef2f2;border-color:#dc2626;color:#7f1d1d}.vq-feedback{padding:10px 14px;border-radius:8px;font-weight:600;font-size:.95rem}.vq-feedback-correct{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.vq-feedback-wrong{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.vq-results{text-align:center}.vq-results-title{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:#0f172a}.vq-score-display{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:32px}.vq-score-num{font-size:3rem;font-weight:800;color:#2563eb;line-height:1}.vq-score-pct{font-size:1.4rem;font-weight:600;color:#64748b}.vq-results-actions{display:flex;flex-direction:column;gap:12px}.vq-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px}@media (min-width:600px){.vq-setup,.vq-quiz,.vq-results{padding:36px 40px 40px}.vq-results-actions{flex-direction:row;justify-content:center}.vq-results-actions .vq-btn{width:auto;min-width:180px}}