@font-face{font-family:DM Serif Display;src:url(/fonts/dm-serif-display.woff2)format("woff2");font-display:swap}:root{--bg:#f5f6f8;--panel:#fff;--panel-2:#eef0f4;--line:#e1e4ea;--text:#1b2a4a;--muted:#5b6475;--accent:#1b2a4a;--accent-ink:#fff;--right:#1e9e5a;--trap:#e39b12;--wrong:#d64545;--shadow:0 1px 0 #0000000a, 0 8px 24px #1b2a4a12;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Arabic", sans-serif;--display:"DM Serif Display", Georgia, "Noto Naskh Arabic", serif;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, "Noto Naskh Arabic", serif}@media (prefers-color-scheme:dark){:root{--bg:#121827;--panel:#1a2133;--panel-2:#232b40;--line:#2e3850;--text:#eef1f7;--muted:#9aa3b5;--accent:#e8ecf5;--accent-ink:#121827;--right:#3ccf8e;--trap:#ffb02e;--wrong:#ff6b6b;--shadow:0 8px 24px #00000050}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font);-webkit-tap-highlight-color:transparent;min-height:100dvh}[hidden]{display:none!important}button{font:inherit;cursor:pointer;color:inherit}.top{z-index:5;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{color:var(--text);flex-direction:column;align-items:flex-start;gap:3px;display:flex}.logo{width:auto;height:24px;display:block}.brand small{color:var(--muted);font-size:12px;line-height:1;display:block}.top-right{align-items:center;gap:10px;display:flex}.streak{font-weight:700}.icon-btn{border:1px solid var(--line);background:var(--panel);border-radius:50%;width:34px;height:34px;font-weight:700}main{max-width:480px;margin:0 auto;padding:16px 16px 48px}.pips{gap:6px;margin-bottom:14px;display:flex}.pip{background:var(--line);border-radius:3px;flex:1;height:6px}.pip.now{background:var(--accent)}.pip.right{background:var(--right)}.pip.trap{background:var(--trap)}.pip.wrong{background:var(--wrong)}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:18px 18px 20px}.card.pop{animation:.35s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.chip-row{justify-content:space-between;align-items:center;display:flex}.chip{letter-spacing:.04em;text-transform:uppercase;background:var(--panel-2);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.level{color:var(--accent);letter-spacing:2px;font-size:12px}.word{font:400 clamp(38px, 11.5vw, 56px)/1.15 var(--display);word-break:break-word;margin:22px 0 6px}.word[dir=rtl]{font-size:clamp(44px,14vw,64px)}.say{color:var(--muted);margin:0 0 4px;font-style:italic}.hear{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;margin-top:6px;padding:6px 14px;font-size:14px}.prompt{color:var(--muted);margin:16px 0 0}.options{gap:10px;margin-top:16px;display:grid}.option{text-align:left;border:1.5px solid var(--line);background:var(--panel);border-radius:14px;padding:14px 16px;font-weight:600;transition:border-color .15s,background .15s,transform .1s}.option:hover:not(:disabled){border-color:var(--accent)}.option:active:not(:disabled){transform:scale(.98)}.option:disabled{cursor:default;opacity:.55}.option.right{opacity:1;border-color:var(--right);background:color-mix(in srgb, var(--right) 12%, var(--panel))}.option.trap{opacity:1;border-color:var(--trap);background:color-mix(in srgb, var(--trap) 14%, var(--panel))}.option.wrong{opacity:1;border-color:var(--wrong);background:color-mix(in srgb, var(--wrong) 10%, var(--panel))}.option.is-trap:after{content:" 🪤"}.reveal{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;margin-top:16px;padding:16px}.verdict{margin:0 0 6px;font-size:18px;font-weight:800}.verdict.right{color:var(--right)}.verdict.trap{color:var(--trap)}.verdict.wrong{color:var(--wrong)}.meaning{margin:0 0 8px}.explain{color:var(--muted);margin:0 0 10px}.example{border-left:3px solid var(--accent);background:var(--panel-2);font-family:var(--serif);border-radius:0 10px 10px 0;margin:0 0 14px;padding:10px 12px}.example span{font-size:17px;display:block}.example span[dir=rtl]{text-align:right;font-size:20px}.example small{color:var(--muted);font-family:var(--font);margin-top:2px;display:block}.primary{background:var(--accent);width:100%;color:var(--accent-ink);border:0;border-radius:14px;padding:14px;font-size:16px;font-weight:800}.secondary{border:1.5px solid var(--line);background:var(--panel);border-radius:14px;width:100%;padding:13px;font-weight:700}#practiceBtn{margin-top:12px}.link-btn{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:6px 0;font-size:14px;text-decoration:underline}.report-link{margin:10px auto 0;display:block}.practice-bar{margin-bottom:14px}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{border:1.5px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.filter.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel));color:var(--text)}.practice-meta{justify-content:space-between;align-items:center;margin-top:8px;font-size:14px;font-weight:600;display:flex}.reasons{border:0;gap:8px;margin:10px 0;padding:0;display:grid}.reasons legend{margin-bottom:6px;font-weight:700}.reasons label{align-items:center;gap:10px;display:flex}.reasons input{accent-color:var(--accent);width:18px;height:18px}.note-label{margin:6px 0;font-weight:700;display:block}#reportNote{width:100%;font:inherit;color:var(--text);background:var(--panel-2);border:1.5px solid var(--line);resize:vertical;border-radius:12px;padding:10px}.dialog-actions{gap:10px;margin-top:14px;display:flex}.result{padding:24px 18px}.muted{color:var(--muted);margin:0}.score{font:400 68px/1.05 var(--display)}.traps{margin:4px 0 14px;font-weight:600}.share-preview{text-align:left;white-space:pre-wrap;background:var(--panel-2);border-radius:12px;margin:0 0 14px;padding:12px 14px;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.stats{grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0 14px;display:grid}.stats b{font-size:22px;display:block}.stats span{color:var(--muted);font-size:12px}.next-in{font-size:14px}.review-title{font:400 22px var(--display);margin:24px 2px 10px}.review{gap:8px;margin:0;padding:0;list-style:none;display:grid}.review details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.review summary{cursor:pointer}.review p{color:var(--muted);margin:8px 0 0;font-size:14px}dialog{border:1px solid var(--line);background:var(--panel);width:calc(100% - 32px);max-width:400px;color:var(--text);border-radius:20px;padding:20px}dialog::backdrop{background:#0008}dialog h2{font:400 26px/1.2 var(--display);margin-top:0}.legend{font-weight:600}.toast{background:var(--text);color:var(--bg);opacity:0;pointer-events:none;border-radius:12px;padding:10px 16px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.card.pop{animation:none}}