.qt-context,.qt-method,.qt-play,.qt-review { margin:16px 0; padding:16px; border:1px solid var(--border-color,#eadfe2); border-radius:14px; background:var(--card-bg,#fff); color:var(--text-main,#42363c); line-height:1.65; }
.qt-context label { display:block; font-weight:700; margin-bottom:6px; }
.qt-context select { width:100%; min-height:44px; padding:8px; border:1px solid var(--border-color,#eadfe2); border-radius:8px; color:inherit; background:var(--card-bg,#fff); font:inherit; }
.qt-context p,.qt-method p,.qt-play p { margin:8px 0 0; font-size:.9rem; }
.qt-evidence { margin:10px 0; color:var(--text-sub,#6a5861); font-size:.88rem; line-height:1.6; }
.qt-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.qt-actions button,.qt-review button { min-height:44px; border:1px solid var(--border-color,#dfcbd3); border-radius:10px; padding:10px 14px; color:var(--text-main,#42363c); background:var(--card-bg,#fff); font:inherit; cursor:pointer; }
.qt-actions button:disabled { opacity:.45; cursor:default; }
.qt-review summary { cursor:pointer; font-weight:700; min-height:44px; display:flex; align-items:center; }
.qt-review ol { padding-left:24px; }
.qt-review li { padding:12px 0; border-bottom:1px solid var(--border-color,#eadfe2); }
.qt-review p { margin:0 0 6px; }
.qt-review span { font-size:.88rem; margin-right:10px; }
.qt-review button { display:block; margin-top:8px; }
.qt-play h3 { margin:0 0 10px; font-size:1.05rem; }
.qt-play dt { margin-top:12px; font-weight:700; }
.qt-play dd { margin:4px 0 0; }
.qt-bar-note { font-size:.85rem; color:var(--text-sub,#6a5861); line-height:1.6; margin:6px 0 14px; }
.qt-insufficient .dimension-bar { opacity:.25; }
.qt-summary-button { min-height:44px; }
[hidden] { display:none !important; }
@media (prefers-reduced-motion:reduce) { .question-card,.progress-encourage { animation:none !important; } .progress-bar-fill { transition:none !important; } }