:root{--ink: #171310;--paper: #faf6f0;--card: #ffffff;--rule: #ded3c3;--rule-soft: #ece4d8;--accent: #8c2f1e;--accent-dark: #6d2317;--accent-soft: #f6e7e2;--ok: #1f6b4a;--ok-soft: #e4f1ea;--muted: #6b6055;--sky: #e8eef3;--base: 20px;--shadow: 0 1px 2px rgba(23,19,16,.05), 0 6px 20px rgba(23,19,16,.06)}*{box-sizing:border-box}[hidden]{display:none!important}html{font-size:var(--base);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Atkinson Hyperlegible,Noto Sans Devanagari,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.62;-webkit-text-size-adjust:100%;background-color:var(--paper);background-image:linear-gradient(180deg,var(--sky) 0,rgba(232,238,243,0) 420px),radial-gradient(120% 70% at 12% 0%,rgba(140,47,30,.055) 0,transparent 60%),radial-gradient(90% 55% at 92% 4%,rgba(47,93,140,.05) 0,transparent 62%);background-attachment:fixed;background-repeat:no-repeat}.wrap{max-width:56rem;margin:0 auto;padding:1.5rem 1.25rem 5rem}header.site{background:#ffffffe0;backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20}header.site .wrap{padding:1rem 1.25rem .75rem}.brand{font-size:1.55rem;font-weight:700;margin:0;letter-spacing:-.01em;display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.brand small{font-size:.82rem;font-weight:400;color:var(--muted);letter-spacing:.02em}nav.site{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}nav.site a{display:inline-block;padding:.6rem 1.05rem;min-height:46px;border:1.5px solid var(--rule);border-radius:999px;text-decoration:none;color:var(--ink);font-weight:700;font-size:.95rem;background:var(--card);transition:border-color .15s,background .15s,color .15s}nav.site a:hover{border-color:var(--accent);color:var(--accent)}nav.site a[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--accent)}.context{background:linear-gradient(180deg,#8c2f1e0d,#8c2f1e05);border-bottom:1px solid var(--rule-soft)}.context .wrap{padding:.85rem 1.25rem}.context-row{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;align-items:baseline;font-size:.85rem;color:var(--muted)}.context-row b{color:var(--accent);font-weight:700}.context-row .sep{opacity:.35}h1{font-size:2rem;line-height:1.22;margin:1.6rem 0 .6rem;letter-spacing:-.015em}h2{font-size:1.3rem;margin:2rem 0 .5rem;letter-spacing:-.01em}h3{font-size:1.05rem;margin:1.2rem 0 .3rem}p{margin:.7rem 0}a{color:var(--accent);text-underline-offset:2px}.lede{font-size:1.12rem;color:var(--muted)}.guidance{font-size:.95rem;color:var(--muted)}code{background:var(--accent-soft);padding:.08em .35em;border-radius:4px;font-size:.9em}.card{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:1.3rem 1.45rem;margin:1.25rem 0;box-shadow:var(--shadow)}.card.warn{border-left:5px solid var(--accent);background:linear-gradient(180deg,var(--accent-soft),var(--card) 60%)}.card.good{border-left:5px solid var(--ok);background:linear-gradient(180deg,var(--ok-soft),var(--card) 60%)}.stat-row{display:flex;flex-wrap:wrap;gap:1rem;margin:1.2rem 0}.stat{flex:1 1 9rem;background:var(--card);border:1px solid var(--rule);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow)}.stat b{display:block;font-size:1.7rem;line-height:1.1;color:var(--accent);letter-spacing:-.02em}.stat span{font-size:.84rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:60px;padding:.85rem 1.5rem;font-size:1.05rem;font-family:inherit;font-weight:700;color:#fff;background:var(--accent);border:2px solid var(--accent);border-radius:12px;cursor:pointer;box-shadow:var(--shadow);transition:transform .08s,background .15s;text-decoration:none}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--card);color:var(--ink);border-color:var(--rule)}.btn.secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--card)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.recording{background:#a81b1b;border-color:#a81b1b;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.72}}.btn-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}label{display:block;font-weight:700;margin:.9rem 0 .3rem;font-size:.95rem}input,select,textarea{width:100%;min-height:52px;padding:.6rem .85rem;font-family:inherit;font-size:1rem;border:1.5px solid var(--rule);border-radius:10px;background:var(--card);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(140,47,30,.25);border-color:var(--accent)}textarea{min-height:5rem}.field-row{display:flex;flex-wrap:wrap;gap:1rem}.field-row>div{flex:1 1 13rem}.prompt{background:var(--card);border:1px solid var(--rule);border-top:5px solid var(--accent);border-radius:16px;padding:1.7rem 1.4rem;margin:1.25rem 0;text-align:center;box-shadow:var(--shadow)}.prompt .en{font-size:1.85rem;font-weight:700;line-height:1.28}.prompt .ne{font-size:2rem;margin-top:.5rem;font-family:Noto Sans Devanagari,sans-serif}.prompt .meta{font-size:.8rem;color:var(--muted);margin-top:.8rem;letter-spacing:.05em;text-transform:uppercase}.rec-list{list-style:none;padding:0;margin:1rem 0}.rec-list li{border:1px solid var(--rule);border-radius:14px;padding:.9rem 1.05rem;margin-bottom:.7rem;background:var(--card);box-shadow:var(--shadow)}.rec-list .t{font-weight:700}.rec-list .s{font-size:.84rem;color:var(--muted)}audio{width:100%;margin-top:.6rem}.pill{display:inline-block;font-size:.74rem;font-weight:700;vertical-align:middle;padding:.18rem .62rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);margin-left:.4rem;letter-spacing:.02em}.pill.ok{background:var(--ok-soft);color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}footer.site{border-top:1px solid var(--rule);margin-top:3rem;background:#fff9}footer.site .wrap{padding:1.4rem 1.25rem;font-size:.88rem;color:var(--muted)}.how-grid{display:grid;gap:1rem;margin:1.25rem 0}@media(min-width:52rem){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-step{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:1.3rem 1.4rem;box-shadow:var(--shadow);transition:border-color .15s,transform .08s}.how-step:hover{border-color:var(--accent)}.how-step:active{transform:translateY(1px)}.how-step>b{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--accent);color:#fff;font-size:1rem}.how-step h3{margin:.7rem 0 .3rem;font-size:1.15rem}.how-step p{font-size:.95rem;color:var(--muted);margin:.4rem 0 .8rem}.how-step .go{font-weight:700;color:var(--accent);font-size:.95rem}.track-grid{display:grid;gap:.8rem;margin:1.25rem 0}@media(min-width:54rem){.track-grid{grid-template-columns:repeat(3,1fr)}}.track-card{display:block;width:100%;text-align:left;cursor:pointer;background:var(--card);border:1.5px solid var(--rule);border-left:6px solid var(--accent);border-radius:16px;padding:1.1rem 1.2rem;font-family:inherit;color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s,transform .08s}.track-card:hover{border-color:var(--accent);border-left-color:var(--accent)}.track-card:active{transform:translateY(1px)}.track-card.t-story{border-left-color:#2f5d8c}.track-card.t-sentence{border-left-color:var(--accent)}.track-card.t-word{border-left-color:var(--ok)}.track-card .head{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.track-card .t{font-weight:700;font-size:1.2rem}.track-card .ne{color:var(--muted);font-family:Noto Sans Devanagari,sans-serif}.track-card .why{display:block;font-size:.92rem;color:var(--muted);margin:.45rem 0 .6rem}.track-card .s{display:block;font-size:.8rem;color:var(--muted)}.track-card .s b{color:var(--ok)}.tag{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:var(--rule-soft);color:var(--muted);font-size:.72rem;font-weight:700}.tag.ok{background:var(--ok-soft);color:var(--ok)}.how-card{background:linear-gradient(180deg,var(--accent-soft),var(--card) 70%)}.how-card p{margin:.4rem 0;font-size:.95rem}.ask-instruction{margin:.5rem 0 0;padding:.6rem .85rem;border-radius:10px;font-size:.92rem;font-weight:700;line-height:1.45;background:var(--accent-soft);color:var(--accent-dark)}.ask-instruction.k-story{background:#e8eef5;color:#27496d}.ask-instruction.k-word{background:var(--ok-soft);color:var(--ok)}.deck-picker{display:grid;gap:.7rem;margin:1.25rem 0}@media(min-width:46rem){.deck-picker{grid-template-columns:repeat(3,1fr)}}.deck-btn{display:block;width:100%;text-align:left;cursor:pointer;background:var(--card);border:2px solid var(--rule);border-radius:14px;padding:.9rem 1rem;font-family:inherit;color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s,background .15s}.deck-btn:hover{border-color:var(--accent)}.deck-btn.on{border-color:var(--accent);background:var(--accent-soft)}.deck-btn.empty{opacity:.55}.deck-btn .t{font-weight:700;font-size:1.1rem}.deck-btn .ne{color:var(--muted);font-family:Noto Sans Devanagari,sans-serif;margin-left:.4rem}.deck-btn .s{display:block;font-size:.82rem;color:var(--accent);font-weight:700;margin-top:.15rem}.deck-btn .b{display:block;font-size:.8rem;color:var(--muted)}.chip-row{display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 0 .6rem;-webkit-overflow-scrolling:touch}.chip{flex:0 0 auto;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;padding:.45rem .8rem;min-height:44px;border-radius:999px;border:1.5px solid var(--rule);background:var(--card);color:var(--ink)}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.chip .n{opacity:.6;font-weight:400;margin-left:.2rem}.crumb{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin:1.1rem 0 .2rem;font-size:.9rem;color:var(--muted)}.linkish{background:none;border:none;padding:.35rem 0;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;color:var(--accent)}.linkish:hover{text-decoration:underline}.section-grid{display:grid;gap:.7rem;margin:1.25rem 0}@media(min-width:46rem){.section-grid{grid-template-columns:1fr 1fr}}.section-card{display:flex;align-items:center;gap:.9rem;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--rule);border-radius:14px;padding:1rem 1.1rem;min-height:76px;cursor:pointer;font-family:inherit;color:var(--ink);box-shadow:var(--shadow);transition:border-color .15s,transform .08s}.section-card:hover{border-color:var(--accent)}.section-card:active{transform:translateY(1px)}.section-card.started{border-left:5px solid var(--ok)}.section-card .num{flex:0 0 auto;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.section-card.started .num{background:var(--ok-soft);color:var(--ok)}.section-card .body{flex:1 1 auto;min-width:0}.section-card .t{display:block;font-weight:700;font-size:1.05rem;line-height:1.3}.section-card .ne{display:block;font-size:.95rem;color:var(--muted);font-family:Noto Sans Devanagari,sans-serif}.section-card .s{display:block;font-size:.82rem;color:var(--muted);margin-top:.15rem}.section-card .s b{color:var(--ok)}.section-card .chev{flex:0 0 auto;font-size:1.6rem;color:var(--rule);line-height:1}.progress{height:6px;background:var(--rule-soft);border-radius:999px;overflow:hidden;margin:.6rem 0 .5rem}#sec-bar{height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .25s}body.recording-step .context{display:none}body.recording-step #sec-guidance{font-size:.85rem;max-height:2.8em;overflow:hidden}body.recording-step header.site .wrap{padding:.6rem 1.25rem .5rem}body.recording-step header.site nav.site{display:none}body.recording-step .prompt{padding:1.3rem 1.1rem;margin:.6rem 0}.record-bar{display:flex;align-items:stretch;gap:.6rem;margin:1.1rem 0 .5rem}.record-btn{flex:1 1 auto;min-height:76px;font-size:1.2rem}.icon-btn{flex:0 0 auto;width:64px;min-height:76px;font-size:1.4rem;padding:0}@media(max-width:34rem){:root{--base: 19px}h1{font-size:1.65rem}.prompt .en{font-size:1.45rem}.prompt .ne{font-size:1.6rem}.btn{width:100%}.record-bar .btn{width:auto}header.site{position:static}header.site .wrap{padding:.8rem 1.25rem .6rem}.brand{font-size:1.3rem}.brand small{flex-basis:100%}nav.site{gap:.3rem;margin-top:.6rem}nav.site a{padding:.5rem .8rem;font-size:.88rem;min-height:42px}.context .wrap{padding:.65rem 1.25rem}.context-row{font-size:.78rem;gap:.25rem .8rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}