:root{--color-bg: #fafaf7;--color-surface: #ffffff;--color-surface-2: #f3f3ee;--color-border: #e3e2dc;--color-border-strong:#bdbcb4;--color-fg: #1a1916;--color-fg-muted: #5b5a52;--color-fg-subtle: #8d8b80;--color-accent: #5b3df5;--color-accent-fg: #ffffff;--color-accent-soft: #efe9ff;--color-success: #2f7a3a;--color-warn: #c98a1d;--color-danger: #c4332e;--color-info: #1c6ea4;--heat-0: #440154;--heat-1: #3b528b;--heat-2: #21918c;--heat-3: #5ec962;--heat-4: #fde725;--heat-na:#7a7a72;--font-display: "Frank Ruhl Libre", "David Libre", "EB Garamond", Georgia, serif;--font-body: "Heebo", "Assistant", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, "Courier New", monospace;--text-xs: clamp(.72rem, .7rem + .1vw, .78rem);--text-sm: clamp(.83rem, .8rem + .15vw, .92rem);--text-md: clamp(1rem, .95rem + .25vw, 1.08rem);--text-lg: clamp(1.25rem, 1.18rem + .35vw, 1.4rem);--text-xl: clamp(1.56rem, 1.45rem + .55vw, 1.8rem);--text-2xl: clamp(1.95rem, 1.78rem + .85vw, 2.3rem);--text-3xl: clamp(2.44rem, 2.18rem + 1.3vw, 2.95rem);--leading-tight: 1.18;--leading-snug: 1.32;--leading-body: 1.55;--leading-loose: 1.72;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-pill: 999px;--shadow-1: 0 1px 2px rgb(0 0 0 / .06), 0 1px 1px rgb(0 0 0 / .04);--shadow-2: 0 2px 6px rgb(0 0 0 / .08), 0 1px 2px rgb(0 0 0 / .04);--shadow-3: 0 8px 24px rgb(0 0 0 / .1), 0 2px 6px rgb(0 0 0 / .06);--shadow-inset: inset 0 0 0 1px rgb(0 0 0 / .06);--motion-fast: .12s;--motion-base: .22s;--motion-slow: .4s;--easing-out: cubic-bezier(.2, .8, .3, 1);--easing-in-out: cubic-bezier(.65, .05, .36, 1);--easing-spring: cubic-bezier(.18, .89, .32, 1.28);--touch-min: 44px;--tap-pad: var(--space-3);--hairline: 1px;--z-base: 1;--z-overlay: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000}[data-theme=dark]{--color-bg: #0e0e10;--color-surface: #17171a;--color-surface-2: #1f1f23;--color-border: #2a2a30;--color-border-strong:#41414a;--color-fg: #f1f0eb;--color-fg-muted: #b6b5ad;--color-fg-subtle: #7c7b73;--color-accent: #9b8aff;--color-accent-fg: #1a1916;--color-accent-soft: #2a2240;--color-success: #5fbf6e;--color-warn: #e8b25e;--color-danger: #e87770;--color-info: #6fb6e0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0e0e10;--color-surface: #17171a;--color-surface-2: #1f1f23;--color-border: #2a2a30;--color-border-strong:#41414a;--color-fg: #f1f0eb;--color-fg-muted: #b6b5ad;--color-fg-subtle: #7c7b73;--color-accent: #9b8aff;--color-accent-fg: #1a1916;--color-accent-soft: #2a2240;--color-success: #5fbf6e;--color-warn: #e8b25e;--color-danger: #e87770;--color-info: #6fb6e0}}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}.t-display{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.t-body{font-family:var(--font-body);font-weight:var(--weight-regular);line-height:var(--leading-body)}.t-mono{font-family:var(--font-mono)}.surface{background:var(--color-surface);color:var(--color-fg);border:var(--hairline) solid var(--color-border);border-radius:var(--radius-lg)}.surface-2{background:var(--color-surface-2);color:var(--color-fg);border-radius:var(--radius-md)}.heat-cell{display:inline-block;width:64px;height:64px;border-radius:var(--radius-sm);transition:transform var(--motion-fast) var(--easing-out)}.heat-cell:hover{transform:scale(1.06)}.heat-0{background:var(--heat-0)}.heat-1{background:var(--heat-1)}.heat-2{background:var(--heat-2)}.heat-3{background:var(--heat-3)}.heat-4{background:var(--heat-4)}.heat-na{background:var(--heat-na)}.heb{font-family:var(--font-body);unicode-bidi:plaintext;text-align:start}*{box-sizing:border-box;margin:0;padding:0}:root{--sky: 59 130 246;--em: 16 185 129;--sl8: 30 41 59;--red: 239 68 68;--amb: 245 158 11}body{font-family:Heebo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#f8fafc;color:#1e293b;-webkit-font-smoothing:antialiased;overflow-x:hidden}.heb{font-family:Heebo,sans-serif;unicode-bidi:plaintext;text-align:start}button{cursor:pointer;border:none;background:none;font:inherit}input,textarea,select{font:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.hdr{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:10px 16px;position:sticky;top:0;z-index:40}.hdr h1{font-size:16px;font-weight:700;letter-spacing:-.5px}.hdr p{font-size:11px;color:#64748b;margin-top:1px}.dm-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;padding:4px;opacity:.7}.tabs{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:flex;z-index:50;box-shadow:0 -2px 10px #0000000f;padding-bottom:max(4px,env(safe-area-inset-bottom));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-width:52px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px 6px;transition:.15s;font-size:10px;font-weight:600}.tabs button.on{color:var(--app-primary)}.tabs button:not(.on){color:#94a3b8}.tabs .ic{font-size:18px}.ct{max-width:640px;margin:0 auto;padding:12px 12px 80px}.sec-t{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:3px}.sec-s{font-size:10px;color:#64748b;margin-bottom:14px}@media(min-width:768px){.ct{padding:20px 16px 88px;max-width:800px}.tabs button{min-width:64px;font-size:11px}.hdr h1{font-size:18px}}@media(min-width:1024px){.ct{max-width:900px}.card{padding:16px}}@media print{.tabs,.hdr,.dm-btn,button{display:none!important}.ct{padding:0;max-width:100%}.card{break-inside:avoid;border:1px solid #ccc;margin-bottom:8px}.ab{max-height:none!important}.stat,.stats{break-inside:avoid}body{background:#fff;color:#000;font-size:12pt}}.card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden;margin-bottom:10px}.pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;transition:.15s;cursor:pointer}.pill.on{background:var(--app-primary);color:var(--app-on-primary);box-shadow:0 2px 6px #3b82f640}.pill:not(.on){background:#fff;color:#64748b;border:1px solid #e2e8f0}.btn{padding:7px 18px;border-radius:12px;font-size:12px;font-weight:700;transition:.15s;display:inline-block}.btn:disabled{opacity:.35}.btn:active{transform:scale(.96)}.btn-p{background:var(--app-primary);color:var(--app-on-primary)}.btn-d{background:rgb(var(--sl8));color:#fff}.btn-g{background:rgb(var(--em));color:#fff}.btn-o{background:#f1f5f9;color:#475569}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700}.badge-r{background:#fef2f2;color:#dc2626}.badge-y{background:#fffbeb;color:#d97706}.badge-g{background:#ecfdf5;color:#059669}.search-box{width:100%;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;font-size:12px;margin-bottom:12px}.search-box:focus{outline:none;border-color:rgb(var(--sky));box-shadow:0 0 0 3px #3b82f626}.calc-in{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:13px;margin-bottom:8px}.calc-in:focus{outline:none;border-color:rgb(var(--sky))}.ab{max-height:0;overflow:hidden;transition:max-height .3s ease}.ab.op{max-height:5000px}.acc-h{width:100%;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;text-align:left;transition:.1s}.acc-h:hover{background:#f8fafc}.acc-ic{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:#fff;flex-shrink:0}.acc-ar{font-size:10px;color:#94a3b8;transition:transform .2s}.acc-ar.op{transform:rotate(180deg)}.stats{display:flex;gap:6px;margin-bottom:12px}.stat{flex:1;background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:10px 8px;text-align:center}.stat .n{font-size:20px;font-weight:700}.stat .l{font-size:10px;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-top:2px}.fc{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:24px 20px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}.fc:active{transform:scale(.98)}.timer{font-variant-numeric:tabular-nums;font-family:Inter,monospace}.ck{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;border:1px solid #e2e8f0;font-size:11px;cursor:pointer;margin-bottom:5px;min-height:44px}.ck:hover{background:#f8fafc}.ck.done span{text-decoration:line-through;color:#94a3b8}.topic{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;font-size:11px;cursor:pointer;transition:.1s;min-height:44px}.topic:hover{background:#f1f5f9}.topic.done{background:#ecfdf5;border:1px solid #a7f3d0}.drug-row{padding:8px 12px;border-bottom:1px solid #f1f5f9;font-size:11px}.drug-row:last-child{border:none}.share-btn{font-size:13px;padding:2px 6px;opacity:.5;cursor:pointer;border:none;background:none}.share-btn:hover{opacity:1}.empty{text-align:center;padding:32px 16px;color:#94a3b8;font-size:12px;line-height:1.7}.img-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.img-overlay img{max-width:95vw;max-height:90vh;border-radius:8px;box-shadow:0 4px 24px #00000080;object-fit:contain}.qo{position:relative;width:100%;text-align:right;padding:12px 14px;border-radius:12px;border:2px solid #e2e8f0;font-size:12px;line-height:1.6;transition:.15s;margin-bottom:6px;font-family:Heebo,sans-serif;display:flex;align-items:center;min-height:44px}.qo:not(.lk):hover{border-color:#bae6fd;background:#f0f9ff}.qo:active:not(.lk){transform:scale(.99)}.qo.sel{border-color:rgb(var(--sky));background:#eff6ff}.qo.ok{border-color:rgb(var(--em));background:#ecfdf5;color:#065f46}.qo.no{border-color:rgb(var(--red));background:#fef2f2;color:#991b1b}.qo.dim{border-color:#f1f5f9;color:#cbd5e1}.qo-blur{filter:blur(8px);transition:filter .25s ease;-webkit-user-select:none;user-select:none}.qo-blur:active,.qo-blur:focus,.qo-blur.revealed{filter:none}.qo-blur:after{content:"Tap to reveal";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;color:#94a3b8;pointer-events:none;opacity:.9}.distractor-highlight{border:2px solid #f59e0b!important;background:#fffbeb!important;position:relative}.distractor-highlight:before{content:"🔍";position:absolute;top:-8px;right:-8px;font-size:14px}.speech-btn{font-size:18px;padding:4px;opacity:.5;cursor:pointer;border:none;background:none;transition:.15s}.speech-btn:hover,.speech-btn.speaking{opacity:1}.speech-btn.speaking{animation:pulse-speak 1s infinite}@keyframes pulse-speak{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sudden-death-banner{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:10px 14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 8px #dc262600}}.pomo-bar{position:fixed;top:0;left:0;right:0;height:4px;background:#e2e8f0;z-index:60}.pomo-bar .pomo-fill{height:100%;background:rgb(var(--em));transition:width 1s linear}.pomo-overlay{position:fixed;inset:0;background:#0f172aeb;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pomo-overlay h2{font-size:24px;margin-bottom:8px}.pomo-overlay .pomo-break-timer{font-size:64px;font-weight:700;font-variant-numeric:tabular-nums}.voice-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;cursor:pointer}.voice-btn.listening{background:#dc2626;color:#fff;animation:pulse-red 1.5s infinite}.progress-bar{height:3px;background:#e2e8f0;border-radius:2px;margin-bottom:10px;overflow:hidden}.progress-bar .fill{height:100%;background:var(--app-primary);border-radius:2px;transition:width .3s ease}.streak-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;background:#fffbeb;color:#d97706;border:1px solid #fde68a}.roi-grid{position:relative;width:100%;aspect-ratio:1.4;border-left:2px solid #64748b;border-bottom:2px solid #64748b;margin:12px 0}.roi-dot{position:absolute;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700;cursor:pointer;transition:.2s;border:2px solid rgba(255,255,255,.8);text-align:center;line-height:1.1;overflow:hidden}.roi-dot:hover{transform:scale(1.3);z-index:5}.roi-label{position:absolute;font-size:9px;color:#64748b;font-weight:600}.leaderboard-row{display:flex;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #f1f5f9;font-size:11px}.chat-msgs{flex:1;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.chat-msg-user{background:#eff6ff;border-radius:12px 12px 2px;padding:8px 12px;font-size:12px;align-self:flex-end;max-width:85%}.chat-msg-ai{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px 12px 12px 2px;padding:8px 12px;font-size:12px;align-self:flex-start;max-width:90%;white-space:pre-wrap;line-height:1.6}.chat-msg-err{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:8px 12px;font-size:11px;color:#dc2626}.chat-input-row{display:flex;gap:6px;padding:8px 10px;border-top:1px solid #e2e8f0}.chat-starter{display:block;width:100%;text-align:right;padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0;font-size:11px;margin-bottom:5px;background:#fff;cursor:pointer;font-family:Heebo,sans-serif}.chat-starter:hover{background:#eff6ff;border-color:#bae6fd}.chat-disclaimer{font-size:10px;color:#d97706;padding:5px 8px;background:#fffbeb;border-radius:8px;border:1px solid #fde68a}.typing-dots{display:flex;gap:4px;align-items:center;padding:2px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:tdot 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}body.dark{background:#0f172a;color:#e2e8f0}body.dark .card{background:#1e293b;border-color:#334155}body.dark .hdr{background:linear-gradient(135deg,#000,#0f172a)}body.dark .tabs{background:#1e293b;border-color:#334155}body.dark .tabs button:not(.on){color:#64748b}body.dark .qo{border-color:#334155;color:#e2e8f0}body.dark .qo:not(.lk):hover{border-color:#475569;background:#1e293b}body.dark .qo.sel{border-color:rgb(var(--sky));background:#172554}body.dark .qo.ok{background:#064e3b;border-color:#065f46;color:#a7f3d0}body.dark .qo.no{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}body.dark .qo.dim{border-color:#1e293b;color:#475569}body.dark .pill:not(.on){background:#1e293b;color:#94a3b8;border-color:#334155}body.dark .search-box,body.dark .calc-in{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark select{background:#1e293b;color:#e2e8f0}body.dark .acc-h:hover{background:#1e293b}body.dark .fc{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark .topic:hover{background:#1e293b}body.dark .topic.done{background:#064e3b;border-color:#065f46}body.dark .ck{border-color:#334155;color:#e2e8f0}body.dark .ck:hover{background:#1e293b}body.dark .stat{background:#1e293b;border-color:#334155}body.dark .sec-t{color:#f1f5f9}body.dark .sec-s{color:#94a3b8}body.dark .drug-row{border-color:#334155;color:#e2e8f0}body.dark .btn-o{background:#334155;color:#e2e8f0}body.dark a{color:#60a5fa}body.dark .badge-r{background:#450a0a;color:#fca5a5}body.dark .badge-y{background:#451a03;color:#fde68a}body.dark .badge-g{background:#064e3b;color:#6ee7b7}body.dark .progress-bar{background:#334155}body.dark .streak-badge{background:#451a03;border-color:#92400e}body.dark .leaderboard-row{border-color:#334155}body.dark .calc-result{background:#1e293b!important}body.dark .explain-box{background:#064e3b!important;border-color:#059669!important;color:#a7f3d0!important}body.dark .tag-topic{background:#064e3b!important;color:#6ee7b7!important}body.dark .tag-year{background:#1e3a5f!important;color:#93c5fd!important}body.dark .distractor-highlight{background:#451a03!important;border-color:#d97706!important}body.dark .voice-btn{background:#450a0a;border-color:#7f1d1d}body.dark .chat-msg-ai{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark .chat-msg-user{background:#1e3a5f;color:#e2e8f0}body.dark .chat-starter{background:#1e293b;border-color:#334155;color:#e2e8f0}body.dark .chat-input-row{border-color:#334155}body.dark .chat-disclaimer{background:#422006;border-color:#92400e;color:#fcd34d}body.study{background:#1a1008;color:#e8d5b0}body.study .card{background:#221508;border-color:#3d2a12}body.study .hdr{background:linear-gradient(135deg,#0d0804,#1a1008)}body.study .tabs{background:#221508;border-color:#3d2a12}body.study .tabs button:not(.on){color:#a08060}body.study .pill:not(.on){background:#221508;color:#a08060;border-color:#3d2a12}body.study .qo{border-color:#3d2a12;color:#e8d5b0;background:#221508}body.study .qo:not(.lk):hover{border-color:#7a5c30;background:#2a1e0d}body.study .qo.sel{border-color:#c48a3a;background:#2a1e0d}body.study .search-box,body.study .calc-in{background:#221508;border-color:#3d2a12;color:#e8d5b0}body.study .stat{background:#221508;border-color:#3d2a12}body.study .fc{background:#221508;border-color:#3d2a12;color:#e8d5b0}body.study .sec-t{color:#e8d5b0}body.dark [data-action=wrong-reason][data-r=no_knowledge]{background:#450a0a!important;color:#fca5a5!important}body.dark [data-action=wrong-reason][data-r=misread]{background:#451a03!important;color:#fde68a!important}body.dark [data-action=wrong-reason][data-r=between_2]{background:#172554!important;color:#93c5fd!important}body.dark [data-action=wrong-reason][data-r=silly],body.dark [data-action=read-chapter]{background:#2e1065!important;color:#c4b5fd!important}body.dark [data-action=diff-rating]{background:#1e293b!important;color:#94a3b8!important}body.dark [data-action=diff-rating][data-d=easy][style*=dcfce7]{background:#064e3b!important;color:#6ee7b7!important}body.dark [data-action=diff-rating][data-d=med][style*=fef9c3]{background:#451a03!important;color:#fde68a!important}body.dark [data-action=diff-rating][data-d=hard][style*=fecaca]{background:#450a0a!important;color:#fca5a5!important}body.dark [data-action=prev-q]{background:#1e293b!important;color:#cbd5e1!important;border-color:#334155!important}body.dark [data-action=give-up]{background:#451a03!important;color:#fde68a!important}body.study [data-action=wrong-reason],body.study [data-action=read-chapter]{background:#2a1e0d!important;color:#e8d5b0!important}body.study [data-action=diff-rating]{background:#2a1e0d!important;color:#a08060!important}body.study [data-action=prev-q]{background:#2a1e0d!important;color:#a08060!important;border-color:#3d2a12!important}body.study [data-action=give-up]{background:#2a1e0d!important;color:#c48a3a!important}.fade-in{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.skip-link{position:absolute;left:-9999px;top:4px;z-index:9999;padding:6px 12px;background:#3b82f6;color:#fff;border-radius:6px;font-size:12px;font-weight:700;text-decoration:none}.skip-link:focus{left:4px}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.tt-wrap{position:relative;display:inline-flex;align-items:center;gap:3px}.tt-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:9px;font-weight:700;cursor:help;flex-shrink:0;line-height:1;border:none;padding:0}.tt-icon:focus{outline:2px solid rgb(var(--sky));outline-offset:1px}.tt-box{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;font-size:10px;line-height:1.5;padding:7px 10px;border-radius:8px;width:180px;z-index:999;pointer-events:none;box-shadow:0 4px 12px #0000004d}.tt-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.tt-icon:hover+.tt-box,.tt-icon:focus+.tt-box{display:block}#settings-overlay[hidden]{display:none}#settings-overlay{position:fixed;inset:0;z-index:1000;display:block}.settings-backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-panel{position:absolute;inset:0;background:var(--bg, #fff);color:var(--fg, #0f172a);display:flex;flex-direction:column;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.settings-header h2{margin:0;font-size:16px;font-weight:700}.settings-close{background:#ffffff1f;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;line-height:1}.settings-close:hover,.settings-close:focus{background:#ffffff38;outline:none}.settings-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.settings-section{margin-bottom:20px}.settings-section:last-child{margin-bottom:0}body.settings-open{overflow:hidden}body.dark .settings-panel{background:#0f172a;color:#e2e8f0}body.dark .settings-header{border-bottom-color:#334155}body.study .settings-panel{background:#1a1008;color:#e8d5b0}body.study .settings-header{background:linear-gradient(135deg,#0d0804,#1a1008);border-bottom-color:#3d2a12}.quiz-stage{max-inline-size:min(640px,100%);margin-inline:auto;padding-block-end:var(--space-16)}.quiz-stage>*+*{margin-block-start:var(--space-6)}.quiz-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-6)}.quiz-meta__group{display:inline-flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.quiz-meta__counter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-fg-subtle)}.quiz-controls{display:flex;flex-direction:column;gap:var(--space-3);margin-block-end:var(--space-8);padding-block-end:var(--space-6);border-block-end:1px solid var(--color-border)}.quiz-controls__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.quiz-controls__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-subtle);margin-inline-end:var(--space-2)}.quiz-controls__select{flex:1;min-inline-size:12rem;padding-block:var(--space-3);padding-inline:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);appearance:none;cursor:pointer;transition:border-color var(--motion-fast) var(--easing-out)}.quiz-controls__select:hover{border-color:var(--color-border-strong)}.quiz-controls__select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.pill[data-state=on]{color:var(--color-accent);background:var(--color-accent-soft);border-color:transparent}.pill[data-action]{cursor:pointer;transition:background-color var(--motion-fast) var(--easing-out),border-color var(--motion-fast) var(--easing-out)}.pill[data-action]:hover{border-color:var(--color-border-strong)}.quiz-question{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--color-fg);unicode-bidi:plaintext;text-align:start;margin:0;margin-block:var(--space-8)}.quiz-choices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.quiz-choices li{margin:0;padding:0}.quiz-choice{display:flex;align-items:flex-start;gap:var(--space-4);inline-size:100%;padding-block:var(--space-5);padding-inline:var(--space-6);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);text-align:start;color:var(--color-fg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;unicode-bidi:plaintext;transition:border-color var(--motion-fast) var(--easing-out),background-color var(--motion-fast) var(--easing-out)}.quiz-choice:hover:not([disabled]){border-color:var(--color-border-strong)}.quiz-choice:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quiz-choice[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.quiz-choice[data-state=correct]{border-color:var(--color-success);background:var(--color-accent-soft);color:var(--color-fg)}.quiz-choice[data-state=correct-unchosen]{border-color:var(--color-success);border-style:dashed;background:var(--color-surface)}.quiz-choice[data-state=wrong]{border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface));color:var(--color-fg)}.quiz-choice[data-state=muted]{color:var(--color-fg-subtle);background:var(--color-surface);cursor:default}.quiz-choice[disabled]{cursor:default}.quiz-choice__letter{flex:0 0 auto;inline-size:2rem;block-size:2rem;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--color-fg-muted);background:var(--color-surface-2);border-radius:999px;direction:ltr;unicode-bidi:isolate}.quiz-choice[aria-checked=true] .quiz-choice__letter,.quiz-choice[data-state=correct] .quiz-choice__letter{color:var(--color-accent);background:var(--color-accent-soft)}.quiz-choice[data-state=wrong] .quiz-choice__letter{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 14%,transparent)}.quiz-choice__text{flex:1 1 auto;unicode-bidi:plaintext;text-align:start}.quiz-feedback{border:1px solid var(--color-border);border-radius:var(--radius-md);padding-block:var(--space-5);padding-inline:var(--space-6);background:var(--color-surface);animation:quiz-fade-in var(--motion-base) var(--easing-out)}.quiz-feedback--ok{border-color:var(--color-success)}.quiz-feedback--err{border-color:var(--color-danger)}.quiz-feedback__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:-.01em;display:block;margin-block-end:var(--space-2)}.quiz-feedback--ok .quiz-feedback__title{color:var(--color-success)}.quiz-feedback--err .quiz-feedback__title{color:var(--color-danger)}.quiz-feedback__body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-fg);unicode-bidi:plaintext;text-align:start;margin:0}.quiz-feedback__body+.quiz-feedback__body{margin-block-start:var(--space-3)}.quiz-feedback__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-start:var(--space-4)}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.quiz-feedback{animation:none}}.quiz-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-block-start:var(--space-6)}.quiz-actions__primary{flex:1 1 auto;min-inline-size:8rem}.quiz-actions__spacer{flex:1 1 auto}@media(max-width:640px){.quiz-actions{position:sticky;inset-block-end:0;z-index:var(--z-sticky);margin-inline:calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-start:1px solid var(--color-border)}}.quiz-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-fg-muted);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body)}.quiz-empty__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-fg);margin-block-end:var(--space-2)}.quiz-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.quiz-tools{display:inline-flex;align-items:center;gap:var(--space-1)}.quiz-tool{display:inline-flex;align-items:center;justify-content:center;inline-size:2.25rem;block-size:2.25rem;font-size:var(--text-sm);color:var(--color-fg-muted);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:color var(--motion-fast) var(--easing-out),background-color var(--motion-fast) var(--easing-out)}.quiz-tool:hover{color:var(--color-fg);background:var(--color-surface-2)}.quiz-tool:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.quiz-tool[aria-pressed=true]{color:var(--color-accent);background:var(--color-accent-soft)}.quiz-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;margin-block-end:var(--space-4)}.quiz-banner--pomo{background:var(--color-accent-soft);color:var(--color-accent);border:1px solid transparent}.quiz-banner--exam{background:var(--color-fg);color:var(--color-bg)}.quiz-banner__label{font-weight:var(--weight-bold)}.quiz-banner__timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-md);font-weight:var(--weight-bold)}.quiz-timed{display:flex;align-items:center;gap:var(--space-3);margin-block-end:var(--space-4)}.quiz-timed__count{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-fg-muted);min-inline-size:2.5rem}.quiz-timed__track{flex:1;block-size:.25rem;background:var(--color-surface-2);border-radius:var(--radius-pill);overflow:hidden}.quiz-timed__fill{display:block;block-size:100%;background:var(--color-accent);transition:inline-size .9s linear}.quiz-progress{block-size:.125rem;background:var(--color-surface-2);border-radius:var(--radius-pill);overflow:hidden;margin-block-end:var(--space-4)}.quiz-progress__fill{display:block;block-size:100%;background:var(--color-accent);transition:inline-size var(--motion-base) var(--easing-out)}.quiz-note{border-inline-start:2px solid var(--color-warn);padding-block:var(--space-3);padding-inline:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-fg-muted);background:color-mix(in srgb,var(--color-warn) 6%,transparent);border-radius:var(--radius-sm);cursor:pointer;unicode-bidi:plaintext;text-align:start}.quiz-image{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;max-block-size:18rem;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-block:var(--space-4);cursor:zoom-in}.quiz-wrong-reason{margin-block-start:var(--space-4)}.quiz-wrong-reason__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-danger);margin-block-end:var(--space-2);display:block}.quiz-wrong-reason__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quiz-difficulty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-block-start:var(--space-4)}.quiz-difficulty__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-subtle)}.quiz-aux{border:1px solid var(--color-border);border-radius:var(--radius-md);padding-block:var(--space-5);padding-inline:var(--space-6);background:var(--color-surface);margin-block-start:var(--space-4)}.quiz-aux__title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.005em;color:var(--color-fg);margin:0 0 var(--space-3);display:block}.quiz-aux__body{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);color:var(--color-fg);unicode-bidi:plaintext;text-align:start}.quiz-distractor{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding-block:var(--space-3);padding-inline:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);unicode-bidi:plaintext;text-align:start;background:var(--color-surface)}.quiz-distractor+.quiz-distractor{margin-block-start:var(--space-2)}.quiz-distractor[data-state=correct]{border-color:var(--color-success)}.quiz-distractor[data-state=wrong]{border-color:var(--color-danger)}.quiz-distractor__head{font-weight:var(--weight-medium);margin-block-end:var(--space-1)}.quiz-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-block-start:var(--space-4);margin-block-start:var(--space-4);border-block-start:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-subtle);letter-spacing:.04em}.quiz-source{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-block-start:var(--space-3);direction:ltr;unicode-bidi:isolate}.quiz-source__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-fg-subtle)}.quiz-teachback__input{inline-size:100%;min-block-size:4rem;resize:vertical;font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-body);padding:var(--space-3);background:var(--color-surface);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-sm);unicode-bidi:plaintext;text-align:start}.quiz-teachback__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body.dark{--color-bg: #0e0e10;--color-surface: #18181b;--color-surface-2: #1f1f22;--color-border: #2a2a2e;--color-border-strong:#44444a;--color-fg: #f1f0eb;--color-fg-muted: #b6b5ad;--color-fg-subtle: #7c7b73;--color-accent-soft: #2a234a}body.study{--color-bg: #1a1008;--color-surface: #221508;--color-surface-2: #2a1e0d;--color-border: #3d2a12;--color-border-strong:#7a5c30;--color-fg: #e8d5b0;--color-fg-muted: #c4a374;--color-fg-subtle: #a08060;--color-accent: #c48a3a;--color-accent-soft: #2a1e0d}.quiz-image-wrap{position:relative;text-align:center;margin-block:var(--space-4)}.quiz-image{max-inline-size:100%;max-block-size:18rem;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:zoom-in}.quiz-image-remove{position:absolute;inset-block-start:.25rem;inset-inline-end:.25rem;background:#0009;color:#fff;border:none;border-radius:50%;inline-size:1.5rem;block-size:1.5rem;font-size:.75rem;cursor:pointer;line-height:1}.quiz-image-dep{margin-block-start:var(--space-2);padding:var(--space-2) var(--space-3);background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-sm);font-size:var(--text-xs);color:#92400e;display:flex;align-items:center;gap:var(--space-2);unicode-bidi:plaintext}.quiz-image-dep button{font-size:var(--text-xs);padding:.2rem .6rem;background:#d97706;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;flex:0 0 auto}body.dark .quiz-image-dep,body.study .quiz-image-dep{background:color-mix(in srgb,#fef3c7 20%,var(--color-surface));border-color:#d97706;color:#fde68a}.quiz-image-attach{display:flex;align-items:center;gap:var(--space-2);margin-block:var(--space-3)}.quiz-image-upload{font-size:var(--text-xs);padding:var(--space-2) var(--space-4);background:var(--color-surface-2);color:var(--color-fg-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.quiz-image-upload:hover{background:var(--color-surface);color:var(--color-fg)}.quiz-image-status{font-size:var(--text-xs);color:var(--color-fg-subtle)}