:root{--paper: #faf7f2;--surface: #fffdfa;--surface-sunk: #f2ece2;--ink: #201d18;--ink-soft: #554e45;--muted: #8a8175;--line: #e7dece;--accent: #c2622a;--accent-soft: #f4e3d3;--again: #c8483c;--hard: #b5822a;--good: #3d8b53;--easy: #3a76aa;--state-new: #cfc7ba;--state-learning: #dd9b3f;--state-young: #7fb98e;--state-mature: #3d8b53;--radius: 16px;--shadow: 0 1px 2px rgb(60 45 25 / 6%), 0 8px 24px -12px rgb(60 45 25 / 18%);--ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--deva: "Noto Sans Devanagari", "Kohinoor Devanagari", "Devanagari Sangam MN", "Nirmala UI", "Mangal", var(--ui);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #15151a;--surface: #1d1d24;--surface-sunk: #24242c;--ink: #ece8e1;--ink-soft: #bdb6ac;--muted: #8b8479;--line: #2e2e38;--accent: #e0904f;--accent-soft: #37291d;--again: #dc6155;--hard: #cf9a3d;--good: #52a86a;--easy: #5590c6;--state-new: #3a3a45;--state-learning: #b8792b;--state-young: #3f7a52;--state-mature: #52a86a;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px -12px rgb(0 0 0 / 60%)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}.shell{max-width:640px;margin:0 auto;padding:0 20px calc(40px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(18px + env(safe-area-inset-top)) 0 18px}.wordmark{display:flex;align-items:baseline;gap:10px;margin:0;font-size:15px;font-weight:600;letter-spacing:.01em}.wordmark .glyph{font-family:var(--deva);font-size:24px;font-weight:500;color:var(--accent);line-height:1}.nav{display:flex;gap:4px}.nav button{padding:6px 12px;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav button:hover{color:var(--ink)}.nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.banner{margin-bottom:20px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--again) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--again) 10%,transparent);color:var(--ink);font-size:14px}.hero{padding:28px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:center}.hero h2{margin:0 0 4px;font-size:21px;font-weight:650;letter-spacing:-.01em}.hero p{margin:0;color:var(--muted);font-size:14.5px}.tally{display:flex;justify-content:center;gap:8px;margin:22px 0}.tally div{flex:1;max-width:120px;padding:12px 6px;border-radius:12px;background:var(--surface-sunk)}.tally strong{display:block;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.15}.tally span{font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.tally .is-new strong{color:var(--easy)}.tally .is-learning strong{color:var(--state-learning)}.tally .is-due strong{color:var(--good)}.primary{width:100%;padding:15px 20px;border:none;border-radius:13px;background:var(--accent);color:#fff;font-size:16.5px;font-weight:600;transition:filter .15s,transform .06s}.primary:hover:not(:disabled){filter:brightness(1.07)}.primary:active:not(:disabled){transform:scale(.985)}.primary:disabled{background:var(--surface-sunk);color:var(--muted);cursor:default}.panel{margin-top:18px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel h3{margin:0 0 14px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0}.row+.row{border-top:1px solid var(--line)}.row label{font-size:14.5px}.row .sub{display:block;color:var(--muted);font-size:12.5px}.row input[type=number]{width:72px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right}.row strong{flex-shrink:0;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}.switch{flex-shrink:0;width:46px;height:27px;padding:3px;border:none;border-radius:999px;background:var(--surface-sunk);transition:background .18s}.switch[aria-checked=true]{background:var(--good)}.switch i{display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .18s}.switch[aria-checked=true] i{transform:translate(19px)}.ghosts{display:flex;flex-wrap:wrap;gap:8px}.ghost{flex:1 1 auto;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:transparent;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.ghost:hover{background:var(--surface-sunk)}.ghost.danger{color:var(--again);border-color:color-mix(in srgb,var(--again) 30%,transparent)}.ghost.danger:hover:not(:disabled){background:color-mix(in srgb,var(--again) 10%,transparent)}.ghost:disabled{opacity:.45;cursor:default}.ghosts input[type=text]{flex:1 1 110px;min-width:90px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:inherit;font:inherit;font-size:14px}.note{margin:12px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}.note.error{color:var(--again)}.streak{margin:0 0 12px;font-size:14.5px;color:var(--ink-soft)}.streak b{color:var(--accent);font-weight:650}.bars{display:flex;align-items:flex-end;gap:2px;height:48px}.bars div{flex:1;min-height:2px;border-radius:2px;background:var(--state-new)}.bars div.has-reviews{background:var(--good)}.bars-axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:11.5px}.session-bar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.track{flex:1;height:5px;border-radius:999px;background:var(--surface-sunk);overflow:hidden}.track i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .25s ease}.left-count{font-size:13px;font-variant-numeric:tabular-nums;color:var(--muted)}.card{display:flex;flex-direction:column;align-items:center;padding:36px 24px 30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:center}.card .badge{padding:3px 10px;border-radius:999px;background:var(--surface-sunk);color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.glyph-xl{margin:14px 0 10px;font-family:var(--deva);font-size:clamp(5rem,19vw,9rem);font-weight:400;line-height:1;letter-spacing:0}.prompt{min-height:22px;color:var(--muted);font-size:14px}.answer{width:100%;margin-top:18px;padding-top:20px;border-top:1px solid var(--line);animation:rise .18s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media(prefers-reduced-motion:reduce){.answer{animation:none}.track i{transition:none}}.reading-row{display:flex;align-items:center;justify-content:center;gap:14px}.reading{font-size:42px;font-weight:600;letter-spacing:-.015em;line-height:1.1}.speaker{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent);transition:background .15s,border-color .15s,transform .06s}.speaker svg{width:20px;height:20px}.speaker:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.speaker:active:not(:disabled){transform:scale(.92)}.speaker:disabled{color:var(--muted);opacity:.45;cursor:default}.speaker-sm{width:36px;height:36px;margin-left:auto}.speaker-sm svg{width:17px;height:17px}.chart-lede{margin:0 0 18px;color:var(--muted);font-size:13.5px}.iast{margin-top:3px;color:var(--muted);font-size:15px}.iast em{font-style:normal;color:var(--ink-soft)}.hint{margin:14px auto 0;max-width:42ch;color:var(--ink-soft);font-size:14.5px;line-height:1.55}.warns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:18px}.warns-label{color:var(--muted);font-size:13px}.warn{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--hard) 15%,transparent);color:var(--ink-soft);font-size:13.5px}.warn b{font-family:var(--deva);font-size:19px;font-weight:500;line-height:1;color:var(--ink)}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.grade{padding:12px 4px 10px;border:none;border-radius:12px;color:#fff;transition:filter .15s,transform .06s}.grade:hover{filter:brightness(1.08)}.grade:active{transform:scale(.97)}.grade b{display:block;font-size:14.5px;font-weight:600}.grade span{display:block;margin-top:1px;font-size:11.5px;font-variant-numeric:tabular-nums;opacity:.82}.grade.g1{background:var(--again)}.grade.g2{background:var(--hard)}.grade.g3{background:var(--good)}.grade.g4{background:var(--easy)}.reveal{width:100%;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:15.5px;font-weight:550;transition:background .15s}.reveal:hover{background:var(--surface-sunk)}.keys{margin-top:14px;color:var(--muted);font-size:12px;text-align:center}.keys kbd{padding:1px 5px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-family:var(--ui);font-size:11px}.empty{padding:44px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center}.empty .mark{font-family:var(--deva);font-size:56px;line-height:1;color:var(--accent)}.empty h2{margin:16px 0 6px;font-size:20px;font-weight:650}.empty p{margin:0 auto 20px;max-width:34ch;color:var(--muted);font-size:14.5px}.chart-block+.chart-block{margin-top:22px}.chart-block h3{margin:0 0 8px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.varga-head{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:5px}.varga-head span{color:var(--muted);font-size:10.5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cells{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 2px 7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);transition:border-color .15s,background .15s}.cell:hover{border-color:var(--accent)}.cell[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.cell .g{font-family:var(--deva);font-size:27px;font-weight:400;line-height:1.15}.cell .r{color:var(--muted);font-size:11px;line-height:1.2}.cell:after{content:"";position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--dot, var(--state-new))}.cell.m-new{--dot: var(--state-new)}.cell.m-learning{--dot: var(--state-learning)}.cell.m-young{--dot: var(--state-young)}.cell.m-mature{--dot: var(--state-mature)}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.detail{position:sticky;bottom:12px;margin-top:20px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.detail .head{display:flex;align-items:center;gap:14px}.detail .head .g{font-family:var(--deva);font-size:44px;line-height:1}.detail .head b{display:block;font-size:19px;font-weight:650}.detail .head span{color:var(--muted);font-size:13px}.detail p{margin:12px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.55}.detail .meta{margin-top:10px;color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}@media(max-width:420px){.shell{padding-inline:14px}.tally strong{font-size:22px}.reading{font-size:36px}.grades{gap:6px}.grade b{font-size:13.5px}.cell .g{font-size:24px}}