.quick-mode .sidenav,.quick-mode .tabbar,.quick-mode .modes,.quick-mode .search-wrap,.quick-mode .bar-right,.quick-mode .nav-toggle{display:none}
.quick-mode .shell{display:block}.quick-mode .quick-host{margin:0;max-width:none;padding:24px 18px 64px}
.quick-practice{max-width:780px;margin:0 auto;color:var(--text,#173f46);font-family:system-ui,"Microsoft JhengHei",sans-serif;line-height:1.7}
.quick-head{margin:12px 0 24px}.quick-eyebrow{font-size:13px;color:var(--muted,#53716e);font-weight:700;letter-spacing:.06em}
.quick-head h1{font-size:clamp(24px,4vw,34px);line-height:1.35;margin:10px 0 16px}.quick-progress{font-size:14px;margin:10px 0;color:var(--muted,#53716e)}
.quick-meter{width:100%;height:7px;border:0;accent-color:#08867c;border-radius:20px;overflow:hidden}.quick-meter::-webkit-progress-bar{background:#dbeae7}.quick-meter::-webkit-progress-value{background:#08867c}
.quick-card{padding:clamp(20px,4vw,34px);border:1px solid var(--line,#d6e5df);border-radius:16px;background:var(--card,#fff);box-shadow:0 6px 25px #143d3b06}
.quick-note{margin:0 0 20px;color:var(--muted,#536c68)}.quick-subject-label{display:block;font-size:14px;font-weight:650;margin:12px 0 7px}
.quick-subject{min-width:220px;max-width:100%;padding:12px 14px;border:1px solid var(--line,#b8d2c9);border-radius:8px;background:var(--card,#fff);color:inherit;font:inherit;margin:0 12px 12px 0}
.quick-btn{padding:11px 18px;border:1px solid #087a72;border-radius:8px;background:#087a72;color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer;min-height:44px}
.quick-btn:disabled,.quick-option:disabled{cursor:default}.quick-btn:disabled{opacity:.5}.quick-btn:hover:not(:disabled){background:#06665f}
.quick-btn:focus-visible,.quick-option:focus-visible,.quick-subject:focus-visible{outline:3px solid #35afa1;outline-offset:3px}
.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.quick-actions .quick-btn{background:transparent;color:var(--text,#16544d);border-color:var(--line,#a9c9bf)}
.quick-q-meta{font-size:13px;color:var(--muted,#536c68);margin:0 0 18px}.quick-stem{font-size:clamp(18px,2.8vw,22px);font-weight:600;line-height:1.85;white-space:pre-wrap;margin:0 0 22px}
.quick-context{white-space:pre-wrap;border-left:3px solid #87bfb2;padding:10px 16px;background:var(--tint,#edf6f2);margin-bottom:22px}
.quick-option{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;padding:14px 16px;margin:10px 0;border:1px solid var(--line,#cdded6);border-radius:10px;background:transparent;color:inherit;font:inherit;line-height:1.7;cursor:pointer}
.quick-option:not(:disabled):hover{border-color:#168579;background:var(--tint,#f1f8f5)}.quick-option-key{flex:0 0 25px;font-weight:750}.quick-option-text{white-space:pre-wrap}
.quick-option.quick-correct{border-color:#128071;background:var(--tint,#eaf6ef)}.quick-option.quick-wrong{border-color:#bd634c;background:var(--tint,#fff2ed)}
.quick-image{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:12px 0}.quick-option .quick-image{max-width:calc(100% - 45px);margin:0}
.quick-feedback{margin-top:22px;padding:18px;border-radius:10px;background:var(--tint,#edf6f2)}.quick-feedback p{white-space:pre-wrap;margin:7px 0 0;font-size:14px}
.quick-nav{display:flex;justify-content:space-between;gap:14px;margin-top:26px}.quick-result{font-size:28px;font-weight:750;margin:14px 0}.quick-error{padding:12px 16px;background:#fff0e5;border:1px solid #d1a17d;border-radius:8px;color:#713819;font-size:14px}
.quick-practice [hidden]{display:none!important}@media(max-width:500px){.quick-mode .quick-host{padding:12px 12px 40px}.quick-card{padding:20px 16px}.quick-subject{width:100%;margin-right:0}.quick-actions .quick-btn{flex:1}.quick-option{padding:12px}.quick-nav .quick-btn{flex:1}}