@font-face{font-family:Noto Sans Bengali;src:url(../fonts/NotoSansBengali-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans Bengali;src:url(../fonts/NotoSansBengali-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--paper: #edeeea;--paper-raised: #f6f7f4;--ink: #1a1c1a;--ink-soft: #5c605c;--ink-faint: #8b8f8a;--indigo: #2e3f6e;--moss: #43613f;--brick: #9b3b2e;--rule: #c9ccc4;--bn: "Noto Sans Bengali", system-ui, sans-serif;--ui: ui-sans-serif, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root{--paper: #16181a;--paper-raised: #1f2225;--ink: #e8e9e4;--ink-soft: #a2a6a1;--ink-faint: #6f736e;--indigo: #8fa4d8;--moss: #8fb387;--brick: #d98878;--rule: #383c3f}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{max-width:34rem;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 1.25rem env(safe-area-inset-bottom)}.bar{display:flex;align-items:baseline;justify-content:space-between;padding:1.25rem 0 .75rem;font-size:13px;color:var(--ink-faint)}.bar strong{font-weight:500;color:var(--ink-soft);font-variant-numeric:tabular-nums}.bar button{background:none;border:0;color:var(--ink-faint);font:inherit;cursor:pointer;padding:0}.bar button:hover{color:var(--ink)}.matra{height:2px;background:var(--ink);transform-origin:left;animation:draw .26s cubic-bezier(.4,0,.2,1)}@keyframes draw{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.matra{animation:none}}.card{flex:1;display:flex;flex-direction:column;padding-top:2rem}.eyebrow{font-size:12px;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:.5rem}.prompt-bn{font-family:var(--bn);font-size:2.5rem;line-height:1.7;font-weight:500;margin:0;word-break:keep-all}.prompt-en{font-size:1.375rem;line-height:1.45;margin:0;font-weight:400}.translit{color:var(--ink-faint);font-size:13px;font-style:italic;margin-top:.5rem}.tok{font-family:var(--bn);border-bottom:2px solid transparent;padding-bottom:2px}.tok.bad{border-bottom-color:var(--brick);border-bottom-style:dashed}.tok.ok{border-bottom-color:var(--rule)}.answer{width:100%;font-family:var(--bn);font-size:1.75rem;line-height:1.7;padding:.75rem 0;background:transparent;color:var(--ink);border:0;border-bottom:2px solid var(--rule);border-radius:0;outline:none}.answer:focus{border-bottom-color:var(--indigo)}.answer::placeholder{color:var(--ink-faint);font-size:1rem}.choices{display:grid;gap:.5rem;margin-top:1.5rem}.choice{text-align:left;padding:.875rem 1rem;background:var(--paper-raised);border:1px solid var(--rule);border-radius:6px;font:inherit;color:var(--ink);cursor:pointer;min-height:3rem}.choice:focus-visible,.btn:focus-visible,.answer:focus-visible,.tile:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.choice.picked{border-color:var(--indigo)}.answer-strip{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem;min-height:3.5rem;padding:.5rem 0;margin-bottom:1.25rem;border-bottom:2px solid var(--rule)}.answer-strip-placeholder{align-self:center;color:var(--ink-faint);font-size:1rem}.tile-pool{display:flex;flex-wrap:wrap;gap:.5rem}.tile{font-family:var(--bn);font-size:1.25rem;padding:.5rem .875rem;min-height:3rem;background:var(--paper-raised);border:1px solid var(--rule);border-radius:6px;color:var(--ink);cursor:pointer}.tile.tile-placed{border-color:var(--indigo)}.verdict{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--rule)}.verdict-label{font-size:13px;font-weight:500}.verdict-label.correct{color:var(--moss)}.verdict-label.close{color:var(--indigo)}.verdict-label.wrong{color:var(--brick)}.verdict-note{color:var(--ink-soft);font-size:13px;margin-top:.125rem}.target{font-family:var(--bn);font-size:1.5rem;line-height:1.7;margin-top:.75rem}.actions{display:flex;gap:.5rem;padding:1rem 0 1.5rem}.btn{flex:1;padding:.875rem 1rem;min-height:3rem;border-radius:6px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;font-weight:500;cursor:pointer}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn:disabled{opacity:.4;cursor:default}.error-inline{color:var(--brick);font-size:13px;margin-top:.5rem}.empty{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.empty p{margin:0;color:var(--ink-soft)}
