*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#0a0a1a;background-image:radial-gradient(ellipse at 20% 20%,#1a0533 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,#001a33 0%,transparent 50%);color:#f0f0f0;min-height:100vh}.app-root{max-width:1100px;margin:0 auto;padding:48px 16px 24px}.app-header{text-align:center;margin-bottom:28px}.app-header h1{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;margin-bottom:8px;filter:drop-shadow(0 0 20px rgba(139,92,246,.4));overflow:visible;padding-top:8px;line-height:1.3}.app-header p{color:#94a3b8;font-size:1rem}.status-bar{display:flex;justify-content:center;gap:32px;margin-bottom:28px}.status-bar div{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #4338ca;border-radius:50px;padding:8px 28px;font-size:1rem;font-weight:600;color:#a5b4fc;box-shadow:0 0 14px #6366f14d}.game-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.left-panel,.right-panel{background:#0f1428cc;border-radius:20px;padding:24px;border:1px solid rgba(99,102,241,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #6366f11a,0 20px 60px #0006}.left-panel h2,.right-panel h2{font-size:.85rem;text-transform:uppercase;letter-spacing:3px;color:#6366f1;margin-bottom:16px;font-weight:600}.letter-char{display:block;font-family:Noto Sans Devanagari,serif;font-size:2rem;font-weight:700;line-height:1.2;color:#e2e8f0}.letter-roman{display:block;margin-top:4px;font-size:.75rem;color:#8b5cf6;font-weight:600;letter-spacing:.5px}.prompt{font-size:1.05rem;color:#cbd5e1;margin-bottom:20px;line-height:1.6}.prompt-roman{font-size:1.6rem;font-weight:700;color:#fbbf24;display:block;margin-top:8px;text-shadow:0 0 20px rgba(251,191,36,.5);letter-spacing:2px}.expected-char-preview{font-family:Noto Sans Devanagari,serif;font-size:3.5rem;color:#fbbf24;font-weight:700;line-height:1.2;display:block;text-align:center}@keyframes pulse-green{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.some-element{animation:pulse-green 2s infinite}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@media(max-width:768px){.game-layout{grid-template-columns:1fr}.app-header h1{font-size:2rem}.letters-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.mode-tabs{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.mode-tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0f1428cc;border:1px solid rgba(99,102,241,.2);border-radius:14px;padding:10px 20px;cursor:pointer;transition:all .2s ease;color:#94a3b8;min-width:110px}.mode-tab:hover{border-color:#6366f1;color:#e2e8f0;transform:translateY(-2px)}.mode-tab-active{background:linear-gradient(135deg,#312e81,#1e1b4b);border-color:#818cf8;color:#e2e8f0;box-shadow:0 0 20px #6366f166}.mode-emoji{font-size:1.4rem}.mode-devnag{font-family:Noto Sans Devanagari,serif;font-size:1rem;font-weight:700}.mode-desc{font-size:.7rem;color:#64748b}.mode-tab-active .mode-desc{color:#a5b4fc}.letter-tile-large .letter-char{font-size:1.2rem;font-family:Noto Sans Devanagari,serif}.prompt-meaning{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:6px}.prompt-sentence{display:block;font-family:Noto Sans Devanagari,serif;font-size:1.5rem;color:#e2e8f0;font-weight:700;margin-bottom:6px;line-height:1.6}.prompt-example{display:block;font-family:Noto Sans Devanagari,serif;font-size:1rem;color:#8b5cf6;margin-top:6px}.prompt-hint{display:block;font-size:.78rem;color:#4b5563;margin-top:4px;letter-spacing:1px}.level-map{display:flex;gap:8px;margin-bottom:18px;justify-content:center;flex-wrap:wrap}.level-node{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0f1428cc;border:1px solid rgba(99,102,241,.2);border-radius:14px;padding:10px 14px;cursor:pointer;transition:all .2s ease;color:#94a3b8;min-width:100px;font-family:inherit}.level-node:hover:not(.lnode-locked){border-color:#6366f1;transform:translateY(-2px);color:#e2e8f0}.lnode-active{background:linear-gradient(135deg,#312e81,#1e1b4b)!important;border-color:#818cf8!important;color:#e2e8f0!important;box-shadow:0 0 20px #6366f173}.lnode-done{border-color:#22c55e!important;color:#86efac!important}.lnode-locked{opacity:.4;cursor:not-allowed}.lnode-icon{font-size:1.4rem}.lnode-name{font-family:Noto Sans Devanagari,serif;font-size:.95rem;font-weight:700}.lnode-desc{font-size:.65rem;color:#64748b}.lnode-stars{font-size:.75rem}.lnode-done .lnode-desc{color:#4ade80}.level-status{margin-bottom:20px;background:#0f1428b3;border-radius:16px;padding:14px 18px;border:1px solid rgba(99,102,241,.15)}.lvl-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.lvl-badge{font-weight:700;font-size:1rem;color:#a5b4fc}.streak-badge{background:linear-gradient(135deg,#7c2d12,#c2410c);border-radius:50px;padding:4px 14px;font-size:.8rem;font-weight:700;color:#fdba74;box-shadow:0 0 12px #f9731666;animation:pulse-orange .8s infinite alternate}@keyframes pulse-orange{0%{box-shadow:0 0 8px #f973164d}to{box-shadow:0 0 20px #f97316b3}}.progress-track{background:#1e293b;border-radius:50px;height:14px;position:relative;overflow:hidden;margin-bottom:10px;border:1px solid rgba(99,102,241,.2)}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:50px;transition:width .5s cubic-bezier(.4,2,.5,1);box-shadow:0 0 10px #8b5cf680}.progress-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:#e2e8f0}.stats-row{display:flex;gap:10px;flex-wrap:wrap}.stat-chip{background:#1e293b;border:1px solid rgba(99,102,241,.2);border-radius:50px;padding:4px 14px;font-size:.82rem;color:#a5b4fc;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-box{background:#0f1630;border:1px solid rgba(139,92,246,.4);border-radius:24px;padding:40px 36px;text-align:center;position:relative;overflow:hidden;max-width:380px;width:90%;box-shadow:0 0 60px #8b5cf64d;animation:modal-pop .4s cubic-bezier(.4,2,.5,1)}@keyframes modal-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.25),transparent 70%);pointer-events:none}.modal-icon{font-size:3.5rem;margin-bottom:8px;animation:bounce .6s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.modal-title{font-size:1.8rem;font-weight:700;color:#e2e8f0;margin:0 0 4px}.modal-sub{color:#a5b4fc;font-size:1rem;margin-bottom:16px}.modal-stars{font-size:2.2rem;margin-bottom:12px}.mstar{color:#374151;transition:color .3s}.mstar-on{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf24)}.modal-xp{color:#4ade80;font-weight:700;font-size:1.1rem;margin-bottom:20px}.modal-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit}.modal-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #6366f180}.modal-complete{color:#fbbf24;font-size:1.2rem;font-weight:700;margin-bottom:16px}.confetti-wrap{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}.view-switch{display:flex;gap:10px;justify-content:center;margin-top:14px}.view-btn{background:#0f1428cc;border:1px solid rgba(99,102,241,.25);border-radius:50px;padding:9px 24px;color:#94a3b8;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-btn:hover{border-color:#6366f1;color:#e2e8f0}.view-btn-active{background:linear-gradient(135deg,#312e81,#1e1b4b);border-color:#818cf8;color:#e2e8f0;box-shadow:0 0 16px #6366f166}.rc4{padding:var(--space-3);max-width:100%}.rc4__hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in oklch,var(--hero-color, var(--color-primary)) 12%,var(--color-surface)) 0%,var(--color-surface) 100%);border:1.5px solid color-mix(in oklch,var(--hero-color, var(--color-primary)) 25%,var(--color-border))}.rc4__hero-left{display:flex;align-items:center;gap:var(--space-3)}.rc4__hero-icon{font-size:2rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--hero-color, var(--color-primary)) 15%,var(--color-surface));border-radius:var(--radius-lg);border:1.5px solid color-mix(in oklch,var(--hero-color, var(--color-primary)) 30%,transparent);flex-shrink:0}.rc4__hero-title{font-size:var(--text-lg);font-weight:800;color:var(--color-text);margin:0 0 2px;line-height:1.1}.rc4__hero-what{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.rc4__spoken{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-offset);border:1.5px solid var(--color-border);animation:spokenPop .32s cubic-bezier(.34,1.56,.64,1)}@keyframes spokenPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rc4__spoken-dev{font-size:1.5rem;line-height:1;color:var(--hero-color, var(--color-primary));font-weight:700}.rc4__spoken-bar{color:var(--color-text-faint);font-size:var(--text-xs)}.rc4__spoken-roman{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.rc4__spoken-wave{font-size:.85rem}.rc4__nav{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.rc4__nav-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s cubic-bezier(.16,1,.3,1)}.rc4__nav-btn:hover{border-color:var(--nb-color, var(--color-primary));color:var(--nb-color, var(--color-primary));background:color-mix(in oklch,var(--nb-color, var(--color-primary)) 8%,var(--color-surface));transform:translateY(-1px)}.rc4__nav-btn--on{background:var(--nb-color, var(--color-primary))!important;border-color:var(--nb-color, var(--color-primary))!important;color:#fff!important;box-shadow:0 3px 10px color-mix(in oklch,var(--nb-color, var(--color-primary)) 38%,transparent)}.rc4__nav-icon{font-size:.85rem}.rc4__nav-label{font-size:.72rem}.rc4__panel{animation:panelIn .22s ease-out}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rc4__explain{padding:var(--space-4);background:color-mix(in oklch,var(--color-primary) 5%,var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--color-primary-highlight);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-5)}.rc4__explain strong{color:var(--color-text)}.rc4__explain em{color:var(--color-primary);font-style:normal;font-weight:600}.rc4__tip-box{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:color-mix(in oklch,var(--color-gold) 8%,var(--color-surface));border:1px solid color-mix(in oklch,var(--color-gold) 30%,var(--color-border));border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.rc4__tip-icon{flex-shrink:0}.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:var(--space-3)}.lc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2) var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;gap:4px;transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.lc:before{content:"";position:absolute;inset:0;border-radius:inherit;background:color-mix(in oklch,var(--lc-color, var(--color-primary)) 12%,transparent);opacity:0;transition:opacity .18s}.lc:hover{border-color:var(--lc-color, var(--color-primary));transform:translateY(-3px);box-shadow:0 6px 18px color-mix(in oklch,var(--lc-color,var(--color-primary)) 22%,transparent)}.lc:hover:before{opacity:1}.lc--ring{border-color:var(--lc-color, var(--color-primary))!important;animation:lcRing .65s cubic-bezier(.34,1.56,.64,1)}.lc--ring:before{opacity:1}@keyframes lcRing{0%{transform:scale(1.14)}55%{transform:scale(.97)}to{transform:scale(1)}}.lc__dev{font-size:2.1rem;line-height:1.15;position:relative;z-index:1}.lc__roman{font-size:.62rem;font-weight:700;color:var(--lc-color, var(--color-primary));letter-spacing:.03em;position:relative;z-index:1}.lc__tag{font-size:.52rem;color:#fff;padding:1px 6px;border-radius:var(--radius-full);font-weight:700;position:relative;z-index:1}.lc__hint{font-size:.56rem;color:var(--color-text-faint);position:relative;z-index:1}.lc__pulse{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.varga4{margin-bottom:var(--space-6)}.varga4__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-offset);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-3)}.varga4__label-wrap{display:flex;align-items:center;gap:var(--space-2)}.varga4__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.varga4__en{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.varga4__sa{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);padding:1px 8px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.varga4__tip{font-size:.65rem;color:var(--color-text-faint);font-style:italic}.matra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.mc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-4) var(--space-2) var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:center;position:relative;overflow:hidden}.mc:hover{border-color:var(--mc-color, var(--color-primary));transform:translateY(-2px);box-shadow:0 5px 16px color-mix(in oklch,var(--mc-color,var(--color-primary)) 22%,transparent)}.mc__symbol{font-size:2.2rem;line-height:1.1}.mc__sound{font-size:.68rem;font-weight:700;color:var(--mc-color, var(--color-primary))}.mc__vowel{font-size:.7rem;color:var(--color-text-muted)}.mc__example{font-size:.58rem;color:var(--color-text-faint);background:var(--color-surface-offset);padding:1px 6px;border-radius:var(--radius-full);margin-top:2px}.wc4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.wc{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-4);padding-top:var(--space-5);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);border-left:4px solid var(--wc-color, var(--color-primary));cursor:pointer;text-align:left;gap:3px;transition:all .2s cubic-bezier(.16,1,.3,1);animation:cardIn .35s ease-out both}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wc:hover{transform:translateY(-3px) translate(1px);box-shadow:0 8px 24px color-mix(in oklch,var(--wc-color,var(--color-primary)) 22%,transparent);border-left-color:var(--wc-color, var(--color-primary));background:color-mix(in oklch,var(--wc-color,var(--color-primary)) 5%,var(--color-surface))}.wc--active{background:color-mix(in oklch,var(--wc-color,var(--color-primary)) 10%,var(--color-surface))!important;animation:wcBounce .7s cubic-bezier(.34,1.56,.64,1)}@keyframes wcBounce{0%{transform:scale(1.06)}55%{transform:scale(.98)}to{transform:scale(1)}}.wc__num{position:absolute;top:var(--space-2);left:var(--space-3);font-size:.58rem;color:var(--color-text-faint);font-weight:700}.wc__listen{position:absolute;top:var(--space-2);right:var(--space-3);font-size:.85rem}.wc__dev{font-size:1.9rem;line-height:1.1;color:var(--color-text)}.wc__roman{font-size:.68rem;font-weight:700;color:var(--wc-color, var(--color-primary));letter-spacing:.025em}.wc__meaning{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;margin-top:2px}.halant4-demo{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:color-mix(in oklch,var(--color-error) 6%,var(--color-surface));border:1.5px solid color-mix(in oklch,var(--color-error) 22%,var(--color-border));border-radius:var(--radius-xl);margin-bottom:var(--space-5)}.h4d__part{font-size:2rem;font-weight:700;color:var(--color-text)}.h4d__op{font-size:1.4rem;color:var(--color-text-muted)}.h4d__result{font-size:2.2rem;font-weight:800;color:var(--color-error)}.h4d__label{font-size:var(--text-xs);color:var(--color-text-muted);flex-basis:100%;margin-top:-var(--space-1)}.halant4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.hc4{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-3) var(--space-2);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:center}.hc4:hover{border-color:var(--hc4-c, var(--color-primary));transform:translateY(-2px);box-shadow:0 5px 14px color-mix(in oklch,var(--hc4-c,var(--color-primary)) 20%,transparent)}.hc4__base{font-size:1.5rem;line-height:1;color:var(--color-text-muted)}.hc4__arrow{font-size:.7rem;color:var(--color-text-faint)}.hc4__half{font-size:1.7rem;line-height:1;color:var(--hc4-c, var(--color-primary));font-weight:700}.hc4__roman{font-size:.6rem;font-weight:600;color:var(--color-text-muted)}.conj4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.cjc4{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);border-bottom:3px solid var(--cjc4-c, var(--color-primary));cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.cjc4:hover{transform:translateY(-3px);border-color:var(--cjc4-c, var(--color-primary));box-shadow:0 6px 18px color-mix(in oklch,var(--cjc4-c,var(--color-primary)) 20%,transparent)}.cjc4__dev{font-size:2.2rem;line-height:1.1}.cjc4__roman{font-size:.68rem;font-weight:700;color:var(--cjc4-c, var(--color-primary))}.cjc4__parts{font-size:.6rem;color:var(--color-text-muted);background:var(--color-surface-offset);padding:1px 6px;border-radius:var(--radius-full)}.cjc4__eg{font-size:.62rem;color:var(--color-text-faint)}.num4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3)}.numc{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-5) var(--space-2) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-align:center;overflow:hidden}.numc:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--numc-c, var(--color-primary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.numc:hover{border-color:var(--numc-c, var(--color-primary));transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in oklch,var(--numc-c,var(--color-primary)) 22%,transparent)}.numc__arabic{position:absolute;top:10px;left:10px;font-size:.65rem;font-weight:700;color:var(--color-text-faint)}.numc__dev{font-size:2.4rem;line-height:1.1}.numc__hindi{font-size:.75rem;color:var(--color-text-muted);font-weight:600}.numc__roman{font-size:.58rem;color:var(--numc-c, var(--color-primary));font-weight:700}.bk4-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.bk4-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:160px;max-width:280px}.bk4-search-ico{position:absolute;left:10px;font-size:.8rem;pointer-events:none;color:var(--color-text-faint)}.bk4-search{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) 32px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface-offset);font-size:var(--text-sm);color:var(--color-text);outline:none;transition:border-color .18s}.bk4-search:focus{border-color:var(--color-primary);background:var(--color-surface)}.bk4-clear{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.75rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bk4-legend{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bk4-leg{font-size:.6rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.bk4-leg--basic{background:color-mix(in oklch,#437a22 14%,var(--color-surface));color:#437a22;border:1px solid color-mix(in oklch,#437a22 28%,transparent)}.bk4-leg--rare{background:color-mix(in oklch,#d19900 14%,var(--color-surface));color:#b07a00;border:1px solid color-mix(in oklch,#d19900 28%,transparent)}.bk4-leg--nasal{background:color-mix(in oklch,#006494 10%,var(--color-surface));color:#006494;border:1px solid color-mix(in oklch,#006494 22%,transparent)}.bk4-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}.bk4-tbl{border-collapse:collapse;min-width:1000px;width:100%}.bk4-tbl th,.bk4-tbl td{border:1px solid oklch(from var(--color-text) l c h / .07);text-align:center;padding:5px 3px}.bk4-sticky{position:sticky;left:0;z-index:2;background:var(--color-surface-offset)}.bk4-corner{background:var(--color-surface-offset-2)!important;z-index:3!important;min-width:60px}.bk4-corner-top{display:block;font-size:.95rem}.bk4-corner-bot{display:block;font-size:.54rem;color:var(--color-text-faint)}.bk4-vh{cursor:pointer;min-width:46px;background:var(--color-primary-highlight);transition:background .13s,color .13s}.bk4-vh:hover{background:var(--color-primary);color:#fff}.bk4-vh--b{background:color-mix(in oklch,#437a22 10%,var(--color-surface))}.bk4-vh--r{background:color-mix(in oklch,#d19900 12%,var(--color-surface))}.bk4-vh--n{background:color-mix(in oklch,#006494 8%,var(--color-surface))}.bk4-vh-d{display:block;font-size:1rem;line-height:1.3}.bk4-vh-r{display:block;font-size:.54rem;color:var(--color-text-muted)}.bk4-rh{cursor:pointer;font-weight:700;min-width:60px;transition:background .12s}.bk4-row:hover .bk4-rh{background:var(--color-primary-highlight)!important}.bk4-rh-d{display:block;font-size:1rem}.bk4-rh-r{display:block;font-size:.54rem;color:var(--color-text-muted)}.bk4-cell{cursor:pointer;font-size:1.05rem;background:var(--color-surface);transition:background .1s,transform .1s}.bk4-cell:hover{background:color-mix(in oklch,var(--color-primary) 16%,var(--color-surface));transform:scale(1.2);position:relative;z-index:1}.bk4-c-base{background:var(--color-surface-offset);font-weight:700}.bk4-c-rare{opacity:.7;font-size:.92rem;background:color-mix(in oklch,#d19900 6%,var(--color-surface))}.bk4-c-nsl{background:color-mix(in oklch,#006494 5%,var(--color-surface))}@keyframes bk4Flash{0%{background:var(--color-primary);color:#fff;transform:scale(1.28)}to{background:var(--color-surface);transform:scale(1)}}.bk4-flash{animation:bk4Flash .7s ease-out}.bk4-count{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);text-align:right}.rc4-tip{position:fixed;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 14px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;pointer-events:none;z-index:9999;white-space:nowrap;box-shadow:0 4px 14px color-mix(in oklch,var(--color-primary) 45%,transparent);animation:tipIn .16s ease-out}@keyframes tipIn{0%{opacity:0;transform:translate(-50%) scale(.88)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(max-width:600px){.rc4__nav{gap:var(--space-1)}.rc4__nav-btn{padding:var(--space-1) var(--space-2)}.rc4__hero{padding:var(--space-3) var(--space-4)}.wc4-grid{grid-template-columns:repeat(2,1fr)}.num4-grid{grid-template-columns:repeat(5,1fr)}.lc-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.game-center{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1rem 3rem;width:100%;max-width:680px;margin:0 auto}.question-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:1.5rem 2rem;width:100%;text-align:center;min-height:120px;display:flex;align-items:center;justify-content:center;transition:background .2s}.q-correct-flash{background:#4ade8026!important}.q-wrong-shake{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.q-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem}.q-label{font-size:1rem;color:#ffffffb3;font-weight:500}.q-big-roman{font-size:2.2rem;font-weight:700;color:#fff;letter-spacing:.02em}.q-big-devanagari{font-size:3rem;font-weight:700;color:#fff;font-family:Noto Sans Devanagari,sans-serif}.q-big-sentence{font-size:1.6rem;font-weight:600;color:#fff;font-family:Noto Sans Devanagari,sans-serif;line-height:1.5}.q-example{font-size:.9rem;color:#ffffff8c;font-style:italic}.feedback-banner{font-size:1.1rem;font-weight:700;padding:.5rem 1.5rem;border-radius:2rem;transition:opacity .2s}.fb-hidden{opacity:0;pointer-events:none}.fb-correct{opacity:1;color:#4ade80}.fb-wrong{opacity:1;color:#f87171}.choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.choices-large{grid-template-columns:1fr}.choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem .5rem;background:#ffffff12;border:2px solid rgba(255,255,255,.15);border-radius:.75rem;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;min-height:72px}.choice-btn:hover:not(:disabled){background:#ffffff21;border-color:#ffffff59;transform:translateY(-2px)}.choice-btn:disabled{cursor:default}.choice-correct{background:#4ade8033!important;border-color:#4ade80!important}.choice-wrong{background:#f8717133!important;border-color:#f87171!important}.choice-main{font-size:1.8rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:600;line-height:1.2}.choice-sub{font-size:.78rem;color:#ffffff8c}.lc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px 10px;min-width:80px;min-height:90px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s;overflow:hidden}.lc:hover{transform:translateY(-4px);background:#ffffff21;border-color:var(--lc-color, #01696f);box-shadow:0 6px 20px color-mix(in oklch,var(--lc-color, #01696f) 40%,transparent)}.lc--ring{border-color:var(--lc-color, #01696f)!important;box-shadow:0 0 0 3px color-mix(in oklch,var(--lc-color, #01696f) 35%,transparent)!important}.lc__dev{font-size:2.2rem;font-family:Noto Sans Devanagari,Mangal,sans-serif;font-weight:600;color:#fff;line-height:1.1}.lc__roman{font-size:.72rem;font-weight:700;color:var(--lc-color, #4fc3f7);letter-spacing:.04em;text-transform:lowercase}.lc__tag{font-size:.58rem;font-weight:700;padding:2px 7px;border-radius:99px;color:#fff;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.lc__hint{font-size:.6rem;color:#ffffff73;text-align:center}.lc__pulse{position:absolute;inset:0;border-radius:12px;pointer-events:none;border:2px solid var(--lc-color, #01696f);opacity:0;transition:opacity .4s}.lc--ring .lc__pulse{opacity:.5}.lc:after{content:"🔊";position:absolute;top:5px;right:6px;font-size:.65rem;opacity:0;transition:opacity .2s}.lc:hover:after{opacity:.7}.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:12px;width:100%;padding:4px 0 8px}.varga4{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px 18px 18px;margin-bottom:14px}.varga4__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:6px}.varga4__label-wrap{display:flex;align-items:center;gap:8px}.varga4__dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.varga4__en{font-size:.95rem;font-weight:700;color:#fff}.varga4__sa{font-size:.9rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff9;background:#ffffff12;padding:1px 8px;border-radius:6px}.varga4__tip{font-size:.75rem;color:#ffffff73;font-style:italic}.matra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:4px 0}.mc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;position:relative}.mc:hover{transform:translateY(-3px);background:#ffffff1f;border-color:var(--mc-color, #da7101)}.mc:after{content:"🔊";position:absolute;top:5px;right:7px;font-size:.65rem;opacity:0;transition:opacity .2s}.mc:hover:after{opacity:.7}.mc__symbol{font-size:2rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:600;line-height:1.2;min-height:2.4rem;display:flex;align-items:center}.mc__sound{font-size:.8rem;font-weight:700;color:var(--mc-color, #da7101)}.mc__vowel{font-size:1.1rem;font-family:Noto Sans Devanagari,sans-serif;color:#ffffffbf}.mc__example{font-size:.65rem;color:#fff6}.halant4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding:4px 0}.hc4{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;position:relative}.hc4:hover{transform:translateY(-3px);border-color:var(--hc4-c, #a13544);background:#ffffff1c}.hc4:after{content:"🔊";position:absolute;top:5px;right:7px;font-size:.65rem;opacity:0;transition:opacity .2s}.hc4:hover:after{opacity:.7}.hc4__base{font-size:1.6rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff9}.hc4__arrow{font-size:.8rem;color:#ffffff4d}.hc4__half{font-size:2rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:700}.hc4__roman{font-size:.72rem;color:var(--hc4-c, #a13544);font-weight:700}.halant4-demo{display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px;flex-wrap:wrap}.h4d__part{font-size:2.4rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff}.h4d__op{font-size:1.5rem;color:#fff6}.h4d__result{font-size:2.6rem;font-family:Noto Sans Devanagari,sans-serif;color:#f9a825;font-weight:700}.h4d__label{width:100%;text-align:center;font-size:.78rem;color:#ffffff73}.conj4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:4px 0}.cjc4{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;position:relative}.cjc4:hover{transform:translateY(-3px);border-color:var(--cjc4-c, #d19900);background:#ffffff1c}.cjc4:after{content:"🔊";position:absolute;top:5px;right:7px;font-size:.65rem;opacity:0;transition:opacity .2s}.cjc4:hover:after{opacity:.7}.cjc4__dev{font-size:2.2rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:700;line-height:1.2}.cjc4__roman{font-size:.8rem;font-weight:700;color:var(--cjc4-c, #d19900)}.cjc4__parts{font-size:.65rem;color:#ffffff73;background:#ffffff12;padding:2px 8px;border-radius:6px}.cjc4__eg{font-size:.9rem;font-family:Noto Sans Devanagari,sans-serif;color:#ffffff8c}.num4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:14px;padding:4px 0}.numc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 12px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;position:relative}.numc:hover{transform:translateY(-3px);border-color:var(--numc-c, #01696f);background:#ffffff1f}.numc:after{content:"🔊";position:absolute;top:5px;right:7px;font-size:.65rem;opacity:0;transition:opacity .2s}.numc:hover:after{opacity:.7}.numc__arabic{position:absolute;top:6px;left:8px;font-size:.65rem;color:#ffffff4d;font-weight:700}.numc__dev{font-size:2.4rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:700}.numc__hindi{font-size:.85rem;font-family:Noto Sans Devanagari,sans-serif;color:var(--numc-c, #01696f);font-weight:600}.numc__roman{font-size:.65rem;color:#ffffff73}.wc4-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:4px 0}.wc{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 14px 12px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-left:4px solid var(--wc-color, #01696f);border-radius:12px;cursor:pointer;transition:transform .15s,background .15s;position:relative;text-align:left}.wc:hover{transform:translateY(-3px);background:#ffffff1c}.wc--active{background:#ffffff24!important}.wc__num{position:absolute;top:6px;right:10px;font-size:.6rem;color:#fff3}.wc__dev{font-size:1.6rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:600;line-height:1.2}.wc__roman{font-size:.75rem;color:var(--wc-color, #4fc3f7);font-weight:700}.wc__meaning{font-size:.78rem;color:#ffffff8c}.wc__listen{margin-top:4px;font-size:.8rem}.rc4__nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.08)}.rc4__nav-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:99px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}.rc4__nav-btn:hover{background:#ffffff1f;border-color:var(--nb-color, #01696f);transform:translateY(-1px)}.rc4__nav-btn--on{background:color-mix(in oklch,var(--nb-color, #01696f) 22%,transparent)!important;border-color:var(--nb-color, #01696f)!important;color:#fff}.rc4__nav-icon{font-size:.9rem}.rc4__nav-label{font-size:.8rem;font-weight:600;color:#ffffffd9}.rc4__hero{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:color-mix(in oklch,var(--hero-color, #01696f) 18%,transparent);border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:12px}.rc4__hero-title{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.2}.rc4__hero-what{font-size:.82rem;color:#ffffffa6;margin-top:2px}.rc4__hero-icon{font-size:1.8rem}.rc4__explain{background:#ffffff0d;border-left:3px solid var(--color-primary, #01696f);border-radius:0 10px 10px 0;padding:14px 18px;font-size:.88rem;color:#ffffffbf;line-height:1.7;margin-bottom:18px}.rc4__explain strong{color:#fff;font-weight:700}.rc4__explain em{color:#4fc3f7;font-style:normal;font-weight:600}.rc4__tip-box{display:flex;align-items:flex-start;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 16px;font-size:.82rem;color:#ffffff8c;margin-top:16px;line-height:1.6}.rc4__tip-box strong{color:#fffc}.rc4__tip-box em{color:#4fc3f7;font-style:normal}.rc4__panel{padding:22px 20px 32px;display:flex;flex-direction:column;gap:6px}.rc4__spoken{display:flex;align-items:center;gap:8px;background:#ffffff14;border-radius:10px;padding:8px 16px;animation:fadeInScale .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rc4__spoken-dev{font-size:1.6rem;font-family:Noto Sans Devanagari,sans-serif;color:#fff;font-weight:700}.rc4__spoken-bar{color:#ffffff4d}.rc4__spoken-roman{font-size:.85rem;color:#ffffffb3;font-weight:600}.rc4__spoken-wave{font-size:1rem}@media(max-width:600px){.rc4__nav{gap:6px;padding:10px 12px}.rc4__nav-btn{padding:6px 10px}.rc4__nav-label{font-size:.72rem}.lc-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.lc__dev{font-size:1.8rem}.matra-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.wc4-grid{grid-template-columns:repeat(2,1fr)}.num4-grid{grid-template-columns:repeat(5,1fr)}.conj4-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.halant4-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.rc4__hero{padding:14px 16px}.rc4__panel{padding:16px 14px 24px}}:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}