.dq-wrap{max-width:580px;margin:1.5rem auto;font-family:inherit;user-select:none}.dq-tabs{display:flex;gap:4px;padding:0 8px}.dq-tab{flex:1;padding:8px 4px;border:2px solid #d8eef8;border-bottom:none;background:#f0f9fe;border-radius:10px 10px 0 0;font-weight:700;cursor:pointer;color:#aaa;font-size:1rem;transition:.15s;text-align:center}.dq-tab.active{background:#fff;color:#00a0e9;padding-bottom:10px;z-index:2}.dq-box{background:#fff;border:2px solid #d8eef8;border-radius:0 0 16px 16px;padding:1.2rem;box-shadow:0 4px #d8eef8;min-height:380px}.dq-progress-bar{background:#e5e5e5;height:12px;border-radius:8px;overflow:hidden;margin-bottom:8px}.dq-progress-fill{background:#00a0e9;height:100%;width:0%;transition:width .4s}.dq-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:6px}.dq-count{font-size:1rem;color:#666}.dq-controls{display:flex;gap:5px;flex-wrap:wrap}.dq-btn{background:#fff;border:2px solid #d8eef8;border-bottom:3px solid #d8eef8;border-radius:8px;padding:4px 8px;color:#00a0e9;font-weight:700;cursor:pointer;font-size:.86rem}.dq-wrong-btn{border-color:#ff4b4b!important;color:#ff4b4b!important}.dq-quiz-area{text-align:center}.dq-quiz-q{font-size:1.3rem;font-weight:800;background:#f0f9fe;padding:.8rem 1.2rem 1rem;border-radius:14px;margin-bottom:.6rem;border:2px dashed #00a0e9;line-height:1.6;text-align:center}.dq-q-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.dq-speaker-lbl{font-size:.7rem;font-weight:700;color:#00a0e9;text-transform:uppercase;letter-spacing:.1em}.dq-speak-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:2px 5px;border-radius:6px;transition:background .12s;line-height:1}.dq-speak-btn:hover{background:#d8eef8}.dq-tl-text{display:block}.dq-jp-hint{display:block;font-size:.85rem;color:#888;font-weight:400;margin-top:.3rem}.dq-quiz-q.dq-hide-q .dq-tl-text{color:transparent;user-select:none}.dq-ask{font-size:.78rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .7rem}.dq-choices{display:flex;flex-direction:column;gap:8px}.dq-choice-row{display:flex;align-items:stretch;gap:6px}.dq-choice{flex:1;padding:12px 16px;border-radius:12px;border:2px solid #d8eef8;border-bottom:3px solid #d8eef8;background:#fff;font-weight:700;cursor:pointer;font-size:1.05rem;transition:.12s;text-align:left;white-space:pre-wrap;line-height:1.4}.dq-choice:hover:not(:disabled){border-color:#00a0e9;background:#f0f9fe}.dq-choice.correct{border-color:#78c800!important;background:#f7fff0!important;color:#3a8c00}.dq-choice.wrong{border-color:#ff4b4b!important;background:#fff0f0!important;color:#c20}.dq-choice:disabled{cursor:default}.dq-choice.dq-choice-hidden{text-align:center;font-size:1.4rem;padding:12px 8px}.dq-speak-choice-btn{flex-shrink:0;width:42px;border-radius:10px;border:2px solid #d8eef8;border-bottom:3px solid #d8eef8;background:#fff;cursor:pointer;font-size:1.1rem;transition:.12s;display:flex;align-items:center;justify-content:center}.dq-speak-choice-btn:hover{background:#f0f9fe;border-color:#00a0e9}.dq-choice-jp{font-size:.8rem;color:#888;font-weight:400;padding:1px 14px 4px;text-align:left;line-height:1.4}.dq-wrong-hint{font-size:.9rem;color:#c20;padding:3px 14px 5px;background:#fff0f0;border-radius:0 0 8px 8px;text-align:left;line-height:1.4;margin-top:-4px}.dq-next-btn{margin-top:1rem;padding:10px 2rem;background:#00a0e9;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .15s}.dq-next-btn:hover{opacity:.85}.dq-footer{display:flex;gap:1rem;margin-top:1.2rem;flex-wrap:wrap;border-top:1px solid #d8eef8;padding-top:.8rem}.dq-reset-btn,.dq-clear-btn{background:none;border:none;color:#00a0e9;font-size:.92rem;cursor:pointer;text-decoration:underline}@media(max-width:480px){.dq-tab{font-size:.75rem;padding:7px 2px}.dq-quiz-q{font-size:1.05rem}.dq-choice{font-size:.9rem;padding:10px 12px}.dq-choice.dq-choice-hidden{font-size:1.2rem}.dq-speak-choice-btn{width:36px;font-size:1rem}.dq-stats{flex-direction:column;align-items:flex-start}}