*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--text-lg);scroll-behavior:smooth;background:var(--bg-deep)}body{font-family:var(--font-body);background:var(--bg-deep);background-image:radial-gradient(circle at 50% 0%,hsl(var(--teal-base) / .06) 0%,transparent 55%),radial-gradient(circle at 0% 100%,hsl(var(--tint-indigo) / .4) 0%,transparent 50%),radial-gradient(circle at 100% 100%,hsl(var(--tint-gold) / .25) 0%,var(--bg-deep) 100%);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.learn-app{position:relative;z-index:1;max-width:var(--layout-max-width);margin:0 auto;padding:0 var(--space-md)}.gold-bar-top,.gold-bar-bottom{height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--teal),var(--gold),transparent);opacity:.5;margin:0 auto}.gold-bar-top{margin-top:14px}.gold-bar-bottom{margin:40px auto 28px}.learn-topbar{position:sticky;top:0;z-index:40;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);box-shadow:0 4px 30px hsl(var(--shade) / .5);margin-bottom:var(--space-sm)}.learn-topbar-inner{display:flex;align-items:center;justify-content:space-between;width:min(var(--layout-max-width),100% - 32px);margin:0 auto;padding:12px 0}.learn-topbar-right{flex-shrink:0}.wahe-pills .user-badge{border:none;border-radius:0;background:transparent;backdrop-filter:none}.topbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.topbar-khanda{font-family:var(--font-logo);font-size:2rem;color:var(--gold-primary);text-shadow:0 0 16px var(--gold-glow)}.topbar-title-block{display:flex;flex-direction:column}.topbar-name{font-family:var(--font-gurmukhi);font-size:var(--text-xl);color:var(--text-gurmukhi);line-height:1.1}.topbar-roman{font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.user-badge{display:flex;align-items:center;gap:10px;background:var(--bg-glass);backdrop-filter:blur(12px);border:1px solid var(--border-gold-glow);padding:6px 16px;border-radius:var(--radius-full)}.badge-stats{display:flex;gap:14px;font-size:var(--text-base)}.badge-stat{font-weight:600;display:flex;align-items:center;gap:4px}.stat-lbl{color:var(--text-muted);font-weight:400}.stat-val{color:var(--gold-bright)}.mode-tabs{display:flex;gap:8px;margin:22px auto 6px;max-width:360px;background:hsl(var(--surface-raised) / .6);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:5px}.mode-tab{flex:1;padding:11px 10px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:600;letter-spacing:.5px;color:var(--text-muted);border-radius:var(--radius-full);transition:var(--transition)}.mode-tab.active{background:linear-gradient(135deg,hsl(var(--tint-teal) / .9),hsl(var(--tint-teal) / .9));color:hsl(var(--teal-base));box-shadow:0 4px 16px hsl(var(--teal-base) / .2)}.learn-main{padding:18px 0 10px}.learn-view{display:none;animation:fadeUp .4s ease}.learn-view.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.read-intro{text-align:center;max-width:680px;margin:18px auto 30px}.read-title{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:1px}.read-title .accent{color:var(--gold-bright)}.read-title .accent-teal{color:var(--teal)}.read-sub{color:var(--text-secondary);font-weight:var(--weight-regular);line-height:1.6;margin-top:12px}.lesson-grid{display:grid;grid-template-columns:1fr;gap:var(--layout-grid-gap)}@media(min-width:640px){.lesson-grid{grid-template-columns:var(--layout-grid-cols)}}.lesson-card{display:flex;gap:16px;text-align:left;align-items:flex-start;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition-smooth);backdrop-filter:blur(12px)}.lesson-card:hover:not(.locked){transform:translateY(-4px);border-color:hsl(var(--teal-base) / .3);box-shadow:0 16px 36px hsl(var(--shade) / .6),0 0 26px var(--teal-glow)}.lesson-card.locked{opacity:.5;cursor:not-allowed}.lesson-card.reviewed{border-color:color-mix(in srgb,var(--gold-bright) 40%,var(--border-light))}.lesson-card.reviewed .lesson-meta{color:var(--gold-bright)}.lesson-num{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--teal);min-width:30px}.lesson-check{color:var(--gold-bright);font-weight:700;text-shadow:0 0 10px var(--gold-glow)}.lesson-gur{font-family:var(--font-gurmukhi);color:var(--text-gurmukhi);font-size:var(--text-lg);margin-bottom:2px}.lesson-name{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.lesson-blurb{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-regular);line-height:1.5;margin:6px 0 8px}.lesson-meta{font-size:var(--text-xs);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.reader-head{display:flex;align-items:center;gap:18px;margin:6px 0 24px}.game-earn-slot{margin-left:auto;display:flex;align-items:center}.back-btn{background:hsl(var(--ink-hi) / .04);border:1px solid var(--border-light);color:var(--text-secondary);padding:9px 16px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:600;transition:var(--transition)}.back-btn:hover{background:hsl(var(--tint-teal) / .6);color:hsl(var(--teal-base));border-color:hsl(var(--teal-base) / .4)}.reader-titles{display:flex;flex-direction:column}.reader-gur{font-family:var(--font-gurmukhi);color:var(--teal);font-size:var(--text-xl)}.reader-title{font-family:var(--font-heading);font-size:clamp(1.5rem,3.5vw,2.2rem)}.speak-btn{background:hsl(var(--tint-teal) / .7);border:1px solid hsl(var(--teal-base) / .3);color:hsl(var(--teal-base));width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:var(--text-lg);flex-shrink:0;transition:var(--transition)}.speak-btn:hover{background:hsl(var(--tint-teal) / .9);transform:scale(1.08)}.speak-btn.pulse{animation:speakPulse .45s ease}@keyframes speakPulse{0%{box-shadow:0 0 hsl(var(--teal-base) / .5)}to{box-shadow:0 0 0 14px hsl(var(--teal-base) / 0)}}.lesson-reader{max-width:var(--layout-prose-width);margin:0 auto}.prose{max-width:100%;margin:0 auto}.prose-lead{font-size:var(--text-xl);line-height:1.7;color:var(--text-secondary);margin-bottom:24px}.prose h2{font-family:var(--font-heading);font-size:1.3rem;color:var(--gold-bright);margin:32px 0 12px;letter-spacing:.5px}.prose p{line-height:1.8;color:var(--text-secondary);font-weight:var(--weight-regular);margin-bottom:16px}.prose strong{color:var(--text-primary);font-weight:600}.prose em{color:var(--teal);font-style:normal}.prose blockquote{border-left:3px solid var(--teal);padding:14px 22px;margin:24px 0;font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-gurmukhi);background:hsl(var(--tint-teal) / .25);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.next-lesson,.ss-again{background:linear-gradient(135deg,var(--teal),hsl(var(--teal-base)));color:var(--on-accent);border:none;padding:14px 28px;border-radius:var(--radius-full);font-family:inherit;font-weight:700;cursor:pointer;transition:var(--transition)}.next-lesson:hover,.ss-again:hover{transform:translateY(-3px);box-shadow:0 10px 28px hsl(var(--teal-base) / .4)}.prose-nav{margin-top:36px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.prose-nav>span{flex:1}.lesson-nav-btn{font-family:inherit;font-weight:600;cursor:pointer;border-radius:var(--radius-full);padding:12px 22px;transition:var(--transition);max-width:48%}.lesson-nav-btn.next-lesson{text-align:right}.prev-lesson{background:transparent;border:1px solid var(--border-gold, hsla(38,80%,60%,.4));color:var(--text-gold, hsl(38,80%,72%))}.prev-lesson:hover{border-color:var(--gold, hsl(38,100%,53%));transform:translateY(-2px)}.mouthmap{max-width:100%;margin:0 auto}.mm-intro{line-height:1.7;color:var(--text-secondary);font-weight:var(--weight-regular);margin-bottom:24px}.mm-intro strong{color:var(--text-primary)}.mm-intro em{color:var(--teal);font-style:normal}.mm-stage{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:860px){.mm-stage{grid-template-columns:380px 1fr;align-items:start}.mm-diagram{position:sticky;top:12px}}.mouth-svg{width:100%;height:auto}.head-outline{fill:hsl(var(--surface-raised) / .7);stroke:hsl(var(--teal-base) / .35);stroke-width:1.5}.cavity{stroke:hsl(var(--teal-base) / .25);stroke-width:1}.tongue{fill:hsl(var(--rose-base) / .4);stroke:hsl(var(--rose-base) / .3);stroke-width:1}.zone-dot{fill:hsl(var(--teal-base) / .5);stroke:hsl(var(--teal-base) / .5);stroke-width:2;transition:all .3s ease}.zone-dot.zone-active{fill:var(--teal);stroke:hsl(var(--teal-base));r:17;filter:drop-shadow(0 0 10px hsl(var(--teal-base) / .8))}.zone-lbl{fill:var(--text-muted);font-size:var(--text-sm);text-anchor:middle;font-family:var(--font-body)}.zone{cursor:pointer}.mm-zone-note{margin-top:14px;font-size:var(--text-base);line-height:1.55;color:var(--text-secondary);background:hsl(var(--tint-teal) / .3);border:1px solid hsl(var(--teal-base) / .18);border-radius:var(--radius-sm);padding:12px 14px;min-height:84px}.note-place{display:block;color:var(--teal);font-weight:600;margin-bottom:5px}.note-place em{color:var(--text-muted);font-style:normal;font-weight:400}.mm-matrix{display:flex;flex-direction:column;gap:7px}.mm-row{display:grid;grid-template-columns:92px repeat(5,1fr);gap:6px;align-items:stretch;border-radius:var(--radius-sm);padding:4px;transition:var(--transition);outline:none}.mm-row.row-active{background:hsl(var(--tint-teal) / .4);box-shadow:inset 0 0 0 1px hsl(var(--teal-base) / .4)}.mm-head{position:sticky;top:0}.mm-rowlabel{display:flex;flex-direction:column;justify-content:center}.rl-gur{font-family:var(--font-gurmukhi);color:var(--text-gurmukhi);font-size:var(--text-lg)}.rl-rom{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.mm-colhead{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:center;align-self:end;padding-bottom:4px}.mm-cell{font-family:var(--font-gurmukhi);font-size:1.5rem;color:var(--text-gurmukhi);background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 0;cursor:pointer;transition:var(--transition)}.mm-cell:hover{border-color:hsl(var(--teal-base) / .5);color:hsl(var(--teal-base));transform:translateY(-2px)}.mm-columns{margin-top:34px}.mm-colh{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--gold-bright);margin-bottom:14px}.mm-col-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.mm-col-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px 8px}.cc-eg{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi)}.cc-short{font-weight:700;color:var(--teal);font-size:var(--text-md)}.cc-long{font-size:var(--text-xs);color:var(--text-muted);line-height:1.3}.letters{max-width:100%;margin:0 auto}.lt-intro{color:var(--text-secondary);font-weight:var(--weight-regular);line-height:1.6;margin-bottom:18px}.lt-intro em{color:var(--teal);font-style:normal}.lt-sub{font-family:var(--font-heading);color:var(--gold-bright);font-size:var(--text-xl);margin:36px 0 8px}.lt-stage{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:760px){.lt-stage{grid-template-columns:1fr 290px;align-items:start}.lt-detail{position:sticky;top:12px}}.lt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.lt-grid-extra{grid-template-columns:repeat(6,1fr);max-width:460px}.lt-tile{display:flex;flex-direction:column;align-items:center;gap:2px;background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 4px;cursor:pointer;transition:var(--transition);font-family:inherit}.lt-tile:hover{border-color:hsl(var(--teal-base) / .45);transform:translateY(-2px)}.lt-tile.sel{border-color:var(--teal);background:hsl(var(--tint-teal) / .5);box-shadow:0 0 18px hsl(var(--teal-base) / .25)}.lt-g{font-family:var(--font-gurmukhi);font-size:1.75rem;color:var(--text-gurmukhi)}.lt-r{font-size:var(--text-xs);color:var(--text-muted)}.lt-detail{background:var(--bg-glass);border:1px solid hsl(var(--teal-base) / .18);border-radius:var(--radius-md);padding:22px;text-align:center;backdrop-filter:blur(12px)}.ltd-big{font-family:var(--font-gurmukhi);font-size:4.5rem;color:var(--text-gurmukhi);line-height:1;text-shadow:0 0 30px hsl(var(--teal-base) / .2)}.ltd-name{font-family:var(--font-gurmukhi);font-size:1.3rem;color:var(--text-primary);margin-top:8px}.ltd-rom{color:var(--teal);font-family:var(--font-body);font-size:var(--text-lg)}.ltd-sound,.ltd-place{font-size:var(--text-base);color:var(--text-secondary);margin-top:6px}.ltd-sound strong,.ltd-place strong{color:var(--gold-bright)}.ltd-art{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-regular);line-height:1.55;margin:12px 0}.ltd-ex{display:flex;flex-direction:column;align-items:center;gap:2px;background:hsl(var(--surface-base) / .5);border-radius:var(--radius-sm);padding:12px;margin-top:10px}.ltd-ex-g{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi)}.ltd-ex-r{color:var(--teal);font-size:var(--text-base)}.ltd-ex-en{color:var(--text-muted);font-size:var(--text-md)}.ltd-speak{margin-top:10px}.matras{max-width:100%;margin:0 auto}.mt-intro{color:var(--text-secondary);font-weight:var(--weight-regular);line-height:1.6;margin-bottom:16px}.mt-intro strong{color:var(--text-primary)}.mt-intro em{color:var(--teal);font-style:normal}.mt-h{font-family:var(--font-heading);color:var(--gold-bright);font-size:var(--text-xl);margin:34px 0 14px}.bearer-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.bearer-card{position:relative;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px;text-align:center}.bearer-card .speak-btn{position:absolute;top:12px;right:12px}.bearer-g{font-family:var(--font-gurmukhi);font-size:3rem;color:var(--text-gurmukhi)}.bearer-name{color:var(--teal);font-size:var(--text-base);margin-top:4px}.bearer-carries{font-family:var(--font-gurmukhi);color:var(--text-gurmukhi);font-size:var(--text-xl);margin-top:8px}.bearer-note{font-size:var(--text-sm);color:var(--text-muted);margin-top:6px;line-height:1.4}.matra-list{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.matra-list{grid-template-columns:1fr 1fr}}.matra-card{display:flex;align-items:center;gap:14px;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px}.mc-sign{font-family:var(--font-gurmukhi);font-size:2.2rem;color:var(--text-gurmukhi);min-width:48px;text-align:center}.mc-body{flex:1}.mc-name{font-family:var(--font-gurmukhi);color:var(--text-primary)}.mc-rom{color:var(--teal);font-family:var(--font-body);font-size:var(--text-md)}.mc-sound{font-size:var(--text-md);color:var(--text-secondary);margin:3px 0}.mc-vowel{font-family:var(--font-gurmukhi);color:var(--gold-bright)}.mc-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.lab{background:hsl(var(--tint-teal) / .3);border:1px solid hsl(var(--teal-base) / .18);border-radius:var(--radius-md);padding:20px}.lab-group{margin-bottom:14px}.lab-glabel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--font-gurmukhi);font-size:var(--text-2xl);background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:10px;padding:6px 12px;cursor:pointer;color:var(--text-gurmukhi);transition:var(--transition)}.chip:hover{border-color:hsl(var(--teal-base) / .5)}.chip.sel{background:var(--teal);color:var(--on-accent);border-color:var(--teal)}.lab-out{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px;padding-top:18px;border-top:1px dashed hsl(var(--teal-base) / .2)}.lo-eq{display:flex;align-items:center;gap:12px;font-family:var(--font-gurmukhi)}.lo-part,.lo-result{font-size:2.4rem;color:var(--text-gurmukhi)}.lo-result{color:var(--teal);font-size:3rem;text-shadow:0 0 24px hsl(var(--teal-base) / .3)}.lo-eq-sign{color:var(--text-muted);font-size:1.4rem;font-family:var(--font-body)}.lo-sign{color:var(--gold-bright)}.lo-rom{color:var(--teal);font-size:var(--text-xl);letter-spacing:1px}.muharni-scroll{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}.muharni{border-collapse:collapse;width:100%}.muharni th,.muharni td{text-align:center;font-family:var(--font-gurmukhi);padding:8px 10px;border:1px solid hsl(var(--ink-hi) / .04);white-space:nowrap}.muharni thead th{position:sticky;top:0;background:hsl(var(--surface-raised) / .96);color:var(--gold-bright);font-size:var(--text-lg)}.mh-corner{background:hsl(var(--surface-raised) / .96)}.mh-rowhead{position:sticky;left:0;background:hsl(var(--surface-raised) / .96);color:var(--teal);font-size:1.3rem}.mh-cell{color:var(--text-gurmukhi);font-size:var(--text-2xl);cursor:pointer;transition:background .2s}.mh-cell:hover{background:hsl(var(--tint-teal) / .5)}.mh-cell.mh-flash{background:var(--teal);color:var(--on-accent)}.game-cards{display:grid;grid-template-columns:1fr;gap:16px;max-width:720px;margin:0 auto}@media(min-width:640px){.game-cards{grid-template-columns:1fr 1fr}}.game-launch-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition-smooth)}.glc-icon{font-size:2rem}.glc-name{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-2xl);font-weight:600}.glc-mastered-badge{font-size:var(--text-3xs);font-weight:600;padding:1px 6px;border-radius:4px;background:var(--success-glow);color:var(--success);border:1px solid var(--success-glow);text-transform:uppercase;letter-spacing:.5px}.glc-desc{display:block;font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-regular);margin-top:4px;line-height:1.5}.glc-go{margin-top:6px;font-weight:700;font-size:var(--text-base)}.game-launch-card.accent-indigo:hover{transform:translateY(-5px);border-color:hsl(var(--indigo-base) / .4);box-shadow:0 16px 36px hsl(var(--shade) / .6),0 0 28px var(--purple-glow)}.accent-indigo .glc-go{color:var(--indigo)}.game-launch-card.accent-teal:hover{transform:translateY(-5px);border-color:hsl(var(--teal-base) / .4);box-shadow:0 16px 36px hsl(var(--shade) / .6),0 0 28px var(--teal-glow)}.accent-teal .glc-go{color:var(--teal)}.game-board{max-width:720px;margin:0 auto}.lm-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.lm-score,.lm-run{font-size:var(--text-base);color:var(--text-secondary)}.lm-score b,.lm-run b{color:var(--gold-bright);font-size:var(--text-xl)}.lm-flip{background:hsl(var(--tint-indigo) / .7);border:1px solid hsl(var(--indigo-base) / .3);color:hsl(var(--indigo-base));padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:600}.lm-prompt{text-align:center;min-height:130px;display:flex;align-items:center;justify-content:center}.lm-big{font-family:var(--font-gurmukhi);font-size:6rem;color:var(--text-gurmukhi);text-shadow:0 0 40px hsl(var(--teal-base) / .25)}.lm-cue{font-size:2rem;color:var(--teal)}.lm-cue small{color:var(--text-muted);font-size:var(--text-xl)}.lm-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.lm-opt{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;cursor:pointer;font-family:inherit;color:var(--text-primary);transition:var(--transition)}.lm-opt b{font-size:var(--text-xl)}.lm-opt small{color:var(--text-muted)}.lm-opt .opt-g{font-family:var(--font-gurmukhi);font-size:2.4rem;color:var(--text-gurmukhi)}.lm-opt:hover:not(.done){border-color:hsl(var(--teal-base) / .5);transform:translateY(-2px)}.lm-opt.right{border-color:hsl(var(--success-base));background:hsl(var(--tint-success) / .5)}.lm-opt.wrong{border-color:hsl(var(--danger-base));background:hsl(var(--tint-danger) / .5)}.lm-feedback{text-align:center;margin-top:16px;min-height:24px;font-weight:600}.lm-feedback.ok{color:hsl(var(--success-base))}.lm-feedback.no{color:hsl(var(--danger-base))}.ss-help{text-align:center;color:var(--text-secondary);font-weight:var(--weight-regular);margin-bottom:20px}.ss-buckets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px}@media(max-width:620px){.ss-buckets{grid-template-columns:repeat(2,1fr)}}.ss-bucket{display:flex;flex-direction:column;align-items:center;gap:2px;background:hsl(var(--surface-raised) / .6);border:1.5px dashed hsl(var(--teal-base) / .3);border-radius:var(--radius-md);padding:12px 6px;min-height:120px;transition:var(--transition)}.ssb-gur{font-family:var(--font-gurmukhi);color:var(--text-gurmukhi);font-size:var(--text-lg)}.ssb-rom{font-size:var(--text-xs);color:var(--teal)}.ssb-en{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.ssb-slot{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:8px}.ss-bucket.hover{border-color:var(--teal);background:hsl(var(--tint-teal) / .5)}.ss-bucket.got{border-color:hsl(var(--success-base));box-shadow:0 0 22px hsl(var(--success-base) / .4)}.ss-bucket.bad{border-color:hsl(var(--danger-base));animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ss-tray{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:70px}.ss-tile{font-family:var(--font-gurmukhi);font-size:2rem;color:var(--text-gurmukhi);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);width:60px;height:60px;cursor:grab;touch-action:none;transition:border-color .2s,transform .15s}.ss-tile:hover{border-color:hsl(var(--teal-base) / .5)}.ss-tile.picked{border-color:var(--teal);box-shadow:0 0 18px hsl(var(--teal-base) / .4);transform:scale(1.06)}.ss-tile.locked{cursor:default;font-size:1.4rem;width:40px;height:40px;opacity:.9;border-color:hsl(var(--success-base) / .4)}.ss-tile.dragging-src{opacity:.3}.ss-ghost{position:fixed;z-index:999;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 10px 30px hsl(var(--shade) / .6)}.ss-feedback{text-align:center;margin-top:18px;min-height:26px;font-weight:600}.ss-feedback.ok{color:hsl(var(--success-base))}.ss-feedback.no{color:hsl(var(--danger-base))}.ss-feedback.win{color:var(--gold-bright)}.ss-again{display:block;margin:14px auto 0}@media(max-width:560px){.learn-app{padding:0 14px}.lm-big{font-size:4.5rem}.lt-grid{grid-template-columns:repeat(5,1fr);gap:5px}.lt-g{font-size:1.4rem}.topbar-roman{display:none}.learn-topbar{padding:12px 0}.user-badge{padding:4px 10px;gap:6px}.badge-stats{gap:8px;font-size:var(--text-sm)}}.tippi-bindi,.addak,.pairi,.tonogenesis,.calligraphy,.pedagogy,.grammar,.cal-num,.gd{animation:fadeUp .4s ease}.tb-intro,.ad-intro,.pr-intro,.gr-intro,.cn-intro,.cg-intro,.tg-intro,.pg-intro{color:var(--text-secondary);font-weight:var(--weight-regular);line-height:1.7;margin-bottom:20px}.tb-fact,.ad-fact,.pr-fact,.gr-fact,.cn-fact,.cg-fact,.tg-fact,.pg-fact{background:hsl(var(--tint-gold) / .4);border:1px solid hsl(var(--gold-base) / .25);border-radius:var(--radius-md);padding:16px;margin-bottom:30px}.tb-fact .fact-title,.ad-fact .fact-title,.pr-fact .fact-title,.gr-fact .fact-title,.cn-fact .fact-title,.cg-fact .fact-title,.tg-fact .fact-title,.pg-fact .fact-title{font-family:var(--font-heading);color:var(--gold-bright);font-size:var(--text-base);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.tb-fact p,.ad-fact p,.pr-fact p,.gr-fact p,.cn-fact p,.cg-fact p,.tg-fact p,.pg-fact p{color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:1.5}.tb-h,.ad-h,.pr-h{font-family:var(--font-heading);color:var(--gold-bright);font-size:var(--text-xl);margin:32px 0 10px}.tb-lab{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:30px}@media(min-width:760px){.tb-lab{grid-template-columns:1fr 340px}}.tb-vowel-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.tb-vowel-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.tb-vowel-btn:hover{border-color:hsl(var(--teal-base) / .5);transform:translateY(-2px)}.tb-vowel-btn.active{border-color:var(--teal);background:hsl(var(--tint-teal) / .5);box-shadow:0 0 14px hsl(var(--teal-base) / .2)}.tb-vb-sign{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi)}.tb-vb-name{font-size:var(--text-xs);color:var(--text-muted)}.tb-rule-card{background:var(--bg-glass);border:1px solid hsl(var(--teal-base) / .22);border-radius:var(--radius-md);padding:24px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.tb-rc-head{margin-bottom:16px}.tb-rc-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.tb-rc-sign{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.tb-rc-nasal{margin:12px 0;background:hsl(var(--tint-teal) / .4);padding:8px 16px;border-radius:var(--radius-full)}.tb-rc-lbl{font-size:var(--text-xs);color:var(--text-muted)}.tb-rc-val{font-size:var(--text-base);font-weight:700;color:var(--teal);margin-left:4px}.tb-rc-word{margin-top:10px;background:hsl(var(--surface-base) / .4);padding:14px;border-radius:var(--radius-sm);width:100%}.tb-rc-whead{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tb-rc-wgur{font-family:var(--font-gurmukhi);font-size:2.2rem;color:var(--text-gurmukhi);margin:6px 0}.tb-rc-wrom{font-size:var(--text-base);color:var(--teal)}.tb-rc-wen{color:var(--text-muted);font-size:var(--text-sm)}.tb-speak-large{margin-top:14px}.tb-rare-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:14px}@media(min-width:640px){.tb-rare-grid{grid-template-columns:1fr 1fr}}.rare-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px;position:relative}.rc-g{font-family:var(--font-gurmukhi);font-size:3rem;color:var(--text-gurmukhi);line-height:1;margin-bottom:8px}.rc-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.rc-rom{color:var(--teal);font-size:var(--text-base)}.rc-sound{font-size:var(--text-sm);color:var(--text-secondary);margin:6px 0}.rc-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.45;margin-bottom:12px}.rc-ex{display:flex;flex-direction:column;gap:2px;background:hsl(var(--surface-base) / .4);padding:8px 12px;border-radius:var(--radius-sm)}.rc-ex-lbl{font-size:var(--text-3xs);color:var(--text-muted);text-transform:uppercase}.rc-ex-gur{font-family:var(--font-gurmukhi);font-size:1.4rem;color:var(--text-gurmukhi)}.rc-ex-rom{font-size:var(--text-xs);color:var(--text-secondary)}.rare-card .speak-btn{position:absolute;top:20px;right:20px}.ad-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.ad-grid{grid-template-columns:1fr 1fr}}.ad-pair-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;gap:8px}.ad-pair-side{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px 6px;border-radius:var(--radius-sm);transition:var(--transition)}.ad-pair-side:hover{background:hsl(var(--tint-teal) / .2)}.ad-word{font-family:var(--font-gurmukhi);font-size:2.2rem;color:var(--text-gurmukhi);line-height:1.1}.ad-word.font-accent{color:var(--gold-bright)}.ad-rom{font-size:var(--text-sm);color:var(--teal);margin:4px 0 2px}.ad-en{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.ad-tag{font-size:var(--text-3xs);text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-top:8px}.ad-tag.tag-accent{color:var(--gold-bright)}.ad-vs{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-muted);opacity:.5}.ad-pair-side.pulse{animation:speakPulse .4s ease}.pr-stage{display:grid;grid-template-columns:1fr;gap:20px;margin-top:14px}@media(min-width:760px){.pr-stage{grid-template-columns:240px 1fr;align-items:start}}.pr-tabs{display:flex;flex-direction:row;gap:8px}@media(min-width:760px){.pr-tabs{flex-direction:column}}.pr-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}@media(min-width:760px){.pr-tab-btn{align-items:flex-start}}.pr-tab-btn:hover{border-color:hsl(var(--teal-base) / .5);transform:translateY(-2px)}.pr-tab-btn.active{border-color:var(--teal);background:hsl(var(--tint-teal) / .5)}.pr-tb-sign{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi)}.pr-tb-name{font-size:var(--text-xs);color:var(--text-muted)}.pr-detail{background:var(--bg-glass);border:1px solid hsl(var(--teal-base) / .18);border-radius:var(--radius-md);padding:24px}.prd-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid var(--border-light);padding-bottom:12px}.prd-title{font-size:var(--text-xl);font-weight:600;color:var(--gold-bright)}.prd-sign{font-family:var(--font-gurmukhi);font-size:2.2rem;color:var(--text-gurmukhi)}.prd-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;font-weight:var(--weight-regular);margin-bottom:20px}.prd-ex-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.prd-examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.prd-ex-card{display:flex;flex-direction:column;align-items:center;background:hsl(var(--surface-base) / .4);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 6px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.prd-ex-card:hover{border-color:var(--teal);background:hsl(var(--tint-teal) / .3)}.pec-gur{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi)}.pec-rom{font-size:var(--text-xs);color:var(--teal);margin:4px 0 2px}.pec-en{font-size:var(--text-xs);color:var(--text-muted)}.gr-stage{display:grid;grid-template-columns:1fr;gap:20px;margin-top:14px}@media(min-width:760px){.gr-stage{grid-template-columns:240px 1fr;align-items:start}}.gr-tabs{display:flex;flex-direction:row;gap:8px}@media(min-width:760px){.gr-tabs{flex-direction:column}}.gr-tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:12px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}@media(min-width:760px){.gr-tab-btn{align-items:flex-start;padding:10px}}.gr-tab-btn:hover{border-color:hsl(var(--teal-base) / .5);transform:translateY(-2px)}.gr-tab-btn.active{border-color:var(--teal);background:hsl(var(--tint-teal) / .5)}.gr-tb-ending{font-family:var(--font-gurmukhi);font-size:1.6rem;color:var(--gold-bright);font-weight:700}.gr-tb-title{font-size:var(--text-xs);color:var(--text-muted)}.gr-card{background:var(--bg-glass);border:1px solid hsl(var(--teal-base) / .18);border-radius:var(--radius-md);padding:24px}.gr-c-head{margin-bottom:14px;border-bottom:1px solid var(--border-light);padding-bottom:14px}.gr-c-title{font-size:var(--text-lg);font-weight:600;color:var(--gold-bright)}.gr-c-ending{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.gr-c-ending strong{color:var(--teal)}.gr-c-rule{font-size:var(--text-base);color:var(--text-secondary);line-height:1.6;font-weight:var(--weight-regular);margin-bottom:24px}.gr-c-ex{display:flex;flex-direction:column;gap:16px}.gr-c-ex-title,.gr-c-verse-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.gr-c-pair{display:flex;gap:14px}.gr-c-word-block{display:flex;flex-direction:column;background:hsl(var(--surface-base) / .4);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px;min-width:140px;align-items:center}.gwb-gur{font-family:var(--font-gurmukhi);font-size:2.2rem;color:var(--text-gurmukhi);line-height:1.1}.gwb-rom{font-family:var(--font-body);font-size:var(--text-sm);color:var(--teal);margin:3px 0 1px}.gwb-role{font-size:var(--text-xs);color:var(--teal);text-transform:uppercase;margin:4px 0}.gwb-trans{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.gr-c-verse-card{display:flex;flex-direction:column;text-align:left;background:hsl(var(--tint-teal) / .2);border:1px solid hsl(var(--teal-base) / .25);border-radius:var(--radius-sm);padding:16px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.gr-c-verse-card:hover{background:hsl(var(--tint-teal) / .4);border-color:var(--teal)}.gvc-gur{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi);line-height:1.6;margin-bottom:2px}.gvc-rom{font-family:var(--font-body);font-size:var(--text-sm);color:var(--teal);line-height:1.5;margin-bottom:6px}.gvc-en{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-medium);line-height:1.5}.cn-mode-tabs{display:flex;gap:8px;margin-bottom:20px}.cn-mode-tab{flex:1;background:hsl(var(--surface-raised) / .6);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:10px;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);transition:var(--transition)}.cn-mode-tab.active{background:linear-gradient(135deg,hsl(var(--tint-teal) / .9),hsl(var(--tint-teal) / .9));color:hsl(var(--teal-base));border-color:hsl(var(--teal-base) / .4)}.cn-view{display:none}.cn-view.active{display:block;animation:fadeUp .3s ease}.digits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.digit-card{display:flex;flex-direction:column;align-items:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.digit-card:hover{border-color:var(--teal);transform:translateY(-2px)}.dc-num{font-family:var(--font-gurmukhi);font-size:3rem;color:var(--text-gurmukhi);line-height:1.1;margin-bottom:4px}.dc-name{font-size:var(--text-sm);font-weight:600;color:var(--gold-bright)}.dc-rom{color:var(--teal);font-size:var(--text-xs);font-weight:400}.dc-en{font-size:var(--text-sm);color:var(--text-primary);margin:2px 0 8px}.dc-gurbani{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.months-stage{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:760px){.months-stage{grid-template-columns:200px 1fr;align-items:start}}.months-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}@media(min-width:760px){.months-list{display:flex;flex-direction:column}}.month-btn{display:flex;flex-direction:column;align-items:center;background:hsl(var(--surface-raised) / .7);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}@media(min-width:760px){.month-btn{align-items:flex-start;padding:10px}}.month-btn:hover{border-color:hsl(var(--teal-base) / .5);transform:translateY(-1px)}.month-btn.active{border-color:var(--teal);background:hsl(var(--tint-teal) / .5)}.mb-gur{font-family:var(--font-gurmukhi);font-size:1.3rem;color:var(--text-gurmukhi)}.mb-rom{font-size:var(--text-xs);color:var(--text-muted)}.month-detail{background:var(--bg-glass);border:1px solid hsl(var(--teal-base) / .18);border-radius:var(--radius-md);padding:24px}.md-head{margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:12px}.md-title{font-size:var(--text-xl);font-weight:600;color:var(--gold-bright)}.md-period{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.md-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.md-meta-item{font-size:var(--text-base);color:var(--text-secondary)}.md-meta-item strong{color:var(--text-primary)}.md-meta-item strong.text-accent{color:var(--teal)}.md-quote-block{display:flex;flex-direction:column;gap:8px}.md-qb-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-muted)}.md-q-card{display:flex;flex-direction:column;text-align:left;background:hsl(var(--tint-teal) / .2);border:1px solid hsl(var(--teal-base) / .25);border-radius:var(--radius-sm);padding:16px;cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.md-q-card:hover{background:hsl(var(--tint-teal) / .4);border-color:var(--teal)}.md-q-gur{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi);line-height:1.6;margin-bottom:2px}.md-q-rom{font-family:var(--font-body);font-size:var(--text-sm);color:var(--teal);line-height:1.5;margin-bottom:6px}.md-q-en{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--weight-medium);line-height:1.5}.gd{max-width:600px;margin:0 auto}.gd-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.gd-score,.gd-run{font-size:var(--text-base);color:var(--text-secondary)}.gd-score b,.gd-run b{color:var(--gold-bright);font-size:var(--text-xl)}.gd-question-container{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;text-align:center;margin-bottom:20px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.gd-word{font-family:var(--font-gurmukhi);font-size:4rem;color:var(--text-gurmukhi);text-shadow:0 0 30px hsl(var(--teal-base) / .2)}.gd-qtext{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;font-weight:400}.gd-options{display:flex;flex-direction:column;gap:10px}.gd-opt{display:block;width:100%;text-align:left;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px;cursor:pointer;font-family:inherit;font-size:var(--text-base);color:var(--text-primary);transition:var(--transition)}.gd-opt:hover:not(.done){border-color:hsl(var(--teal-base) / .5);transform:translateY(-1px)}.gd-opt.right{border-color:hsl(var(--success-base));background:hsl(var(--tint-success) / .5)}.gd-opt.wrong{border-color:hsl(var(--danger-base));background:hsl(var(--tint-danger) / .5)}.gd-feedback{text-align:center;margin-top:18px;min-height:24px;font-weight:600}.gd-feedback.ok{color:hsl(var(--success-base))}.gd-feedback.no{color:hsl(var(--danger-base))}.lineage-tree{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0;padding:var(--space-md);background:hsl(var(--surface-raised) / .5);border:1px solid var(--border-light);border-radius:var(--radius-md)}@media(min-width:640px){.lineage-tree{flex-direction:row;gap:var(--space-lg);align-items:stretch}}.tree-trunk{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.tree-node{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;background:hsl(var(--surface-base) / .6);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 12px;transition:var(--transition)}.tree-node:hover{border-color:hsl(var(--teal-base) / .3)}.tree-node.tn-active{background:hsl(var(--tint-teal) / .4);border-color:var(--teal);box-shadow:0 0 12px hsl(var(--teal-base) / .15)}.tn-title{font-weight:600;color:var(--text-primary);font-size:var(--text-base)}.tn-desc{font-size:var(--text-3xs);color:var(--text-muted);margin-top:2px}.tree-arrow{color:var(--teal);font-weight:700;font-size:var(--text-md)}.tree-branches{flex:1;display:flex;flex-direction:column;justify-content:center;gap:12px;border-top:1px dashed hsl(var(--teal-base) / .2);padding-top:var(--space-md)}@media(min-width:640px){.tree-branches{border-top:none;border-left:1px dashed hsl(var(--teal-base) / .2);padding-top:0;padding-left:var(--space-lg)}}.branch-label{font-family:var(--font-heading);color:var(--gold-bright);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.branch-item{display:flex;flex-direction:column;gap:2px}.bi-title{font-weight:600;color:var(--teal);font-size:var(--text-sm)}.bi-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.script-table-wrapper{overflow-x:auto;margin:var(--space-lg) 0;border:1px solid var(--border-light);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}.table-caption{font-family:var(--font-heading);color:var(--gold-bright);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light);background:hsl(var(--surface-raised) / .5);margin:0}.script-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.script-table th,.script-table td{padding:10px 14px;text-align:left;border-bottom:1px solid hsl(var(--ink-hi) / .04)}.script-table th{background:hsl(var(--surface-raised) / .8);color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:var(--text-3xs);letter-spacing:.5px}.script-table tbody tr{transition:background .2s}.script-table tbody tr:hover{background:hsl(var(--tint-teal) / .2)}.script-table tbody tr.highlight-row{background:hsl(var(--tint-teal) / .15)}.script-table td strong{color:var(--teal)}.cg-zones{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(min-width:760px){.cg-zones{grid-template-columns:1fr 340px;align-items:stretch}}.cg-zones-visual{background:hsl(var(--surface-base) / .5);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;justify-content:space-around;min-height:260px;position:relative}.cg-zone-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--transition-smooth)}.cg-zone-row.czr-upper{color:var(--gold-bright)}.cg-zone-row.czr-middle{color:var(--text-primary)}.cg-zone-row.czr-lower{color:var(--teal)}.cg-zone-row:hover,.cg-zone-row.active{background:hsl(var(--tint-teal) / .35);border-color:hsl(var(--teal-base) / .25);box-shadow:0 4px 12px hsl(var(--shade) / .4)}.czr-lbl{font-weight:600;font-size:var(--text-sm)}.czr-demo{font-family:var(--font-gurmukhi);font-size:2.2rem;letter-spacing:6px}.cg-shirorekha{height:3px;background:var(--gold-primary);opacity:.85;box-shadow:0 0 10px var(--gold-glow);margin:var(--space-xs) 0}.cg-baseline{height:1px;border-top:1.5px dashed var(--teal);opacity:.5;margin:var(--space-xs) 0}.cg-zones-details{display:flex;flex-direction:column;justify-content:center}.cg-zone-card{display:none;background:var(--bg-glass);border:1px solid hsl(var(--teal-base) / .22);border-radius:var(--radius-md);padding:var(--space-md);animation:fadeIn .3s ease}.cg-zone-card.active{display:block}.cgz-meta{font-size:var(--text-xs);color:var(--text-muted);margin:4px 0 10px}.cgz-meta strong{color:var(--teal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cg-strokes-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:var(--space-lg)}@media(min-width:640px){.cg-strokes-grid{grid-template-columns:1fr 1fr}}.cg-stroke-card{display:flex;gap:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.cgs-num{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--teal);background:hsl(var(--tint-teal) / .4);width:var(--space-lg);height:var(--space-lg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cgs-content h5{font-size:var(--text-base);color:var(--text-primary);font-weight:600;margin-bottom:4px}.cgs-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;font-weight:var(--weight-regular)}.cg-ura-block{display:flex;flex-direction:column;gap:var(--space-md);background:var(--bg-glass);border:1px solid hsl(var(--gold-base) / .25);border-radius:var(--radius-md);padding:var(--space-md);align-items:center;margin-bottom:var(--space-lg)}@media(min-width:640px){.cg-ura-block{flex-direction:row;padding:var(--space-lg);gap:var(--space-lg)}}.cgu-left{display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}.cgu-glyph{font-family:var(--font-gurmukhi);font-size:5rem;color:var(--gold-bright);text-shadow:0 0 25px var(--gold-glow);line-height:1}.cgu-sub{font-size:var(--text-3xs);color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.5px}.cgu-right h4{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:6px}.cgu-right p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.5;font-weight:var(--weight-regular)}.cgu-theology{margin-top:10px;border-left:2.5px solid var(--gold-primary);padding-left:var(--space-sm);font-style:italic;color:var(--text-muted)!important}.cg-styles-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:760px){.cg-styles-grid{grid-template-columns:repeat(3,1fr)}}.cg-style-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.cg-style-card h4{font-size:var(--text-base);color:var(--gold-bright);margin-bottom:4px}.cgs-spacing{font-size:var(--text-3xs);color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-sm)}.cgs-spacing strong{color:var(--teal)}.cg-style-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;font-weight:var(--weight-regular)}.tg-keying-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:var(--space-lg)}@media(min-width:640px){.tg-keying-grid{grid-template-columns:1fr 1fr}}.tg-key-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.tg-key-card h4{font-size:var(--text-base);color:var(--gold-bright);margin-bottom:8px}.tg-key-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;margin-bottom:var(--space-sm)}.tg-key-card strong{color:var(--text-primary)}.tgk-ex{background:hsl(var(--surface-base) / .4);padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--teal)}.tg-pairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:var(--space-lg)}.tg-pair-btn{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md) var(--space-sm);cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.tg-pair-btn:hover{border-color:var(--teal);background:hsl(var(--tint-teal) / .2);transform:translateY(-2px)}.tgp-word{font-family:var(--font-gurmukhi);font-size:2.2rem;color:var(--text-gurmukhi);line-height:1.1}.tgp-rom{font-size:var(--text-2xs);color:var(--text-muted);margin:2px 0}.tgp-tone{font-size:var(--text-xs);color:var(--teal);background:hsl(var(--tint-teal) / .4);padding:2px 8px;border-radius:var(--radius-full);margin:4px 0}.tgp-trans{font-size:var(--text-sm);font-weight:600;color:var(--gold-bright)}.tgp-desc{font-size:var(--text-3xs);color:var(--text-muted);line-height:1.3;margin-top:6px}.tg-pair-btn.pulse{animation:speakPulse .4s ease}.tg-haha-rules{display:flex;flex-direction:column;gap:var(--space-lg)}.tgh-block{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.tgh-block h4{font-size:var(--text-md);color:var(--gold-bright);margin-bottom:4px}.tgh-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;margin-bottom:var(--space-md)}.tgh-examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.tgh-ex-card{display:flex;flex-direction:column;align-items:center;background:hsl(var(--surface-base) / .4);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-xs);cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.tgh-ex-card:hover{border-color:var(--teal);background:hsl(var(--tint-teal) / .3)}.tghe-gur{font-family:var(--font-gurmukhi);font-size:1.8rem;color:var(--text-gurmukhi);line-height:1.1;margin-bottom:4px}.tghe-rom{font-size:var(--text-3xs);color:var(--text-muted)}.tghe-spoken{font-size:var(--text-xs);color:var(--teal);margin:2px 0 4px}.tghe-en{font-size:var(--text-xs);color:var(--text-secondary)}.tgh-ex-card.pulse{animation:speakPulse .4s ease}.grammar-tabs{display:flex;gap:8px;margin-bottom:var(--space-md);background:hsl(var(--surface-raised) / .6);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:4px;max-width:500px;margin:0 auto var(--space-lg)}.gr-main-tab{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-weight:600;font-size:var(--text-sm);color:var(--text-muted);border-radius:var(--radius-full);transition:var(--transition)}.gr-main-tab.active{background:hsl(var(--tint-teal) / .6);color:hsl(var(--teal-base));box-shadow:inset 0 0 0 1px hsl(var(--teal-base) / .25)}.gr-section{display:none}.gr-section.active{display:block;animation:fadeIn .35s ease}.gr-syntax-grid{display:flex;flex-direction:column;gap:var(--space-md)}.gr-syntax-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.gr-syntax-card h4{font-size:var(--text-md);color:var(--gold-bright);margin-bottom:6px}.gr-syntax-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.grs-comp{background:hsl(var(--surface-base) / .4);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.grsc-en,.grsc-pu{font-size:var(--text-sm)}.grsc-en small,.grsc-pu small{color:var(--text-muted);font-size:var(--text-3xs)}.grsc-details{border-top:1px dashed hsl(var(--teal-base) / .2);padding-top:6px;color:var(--teal)}.grs-examples-list{display:flex;flex-direction:column;gap:6px;background:hsl(var(--surface-base) / .4);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.grs-ex-item{font-size:var(--text-sm)}.grse-g{font-family:var(--font-gurmukhi);font-size:1.3rem;color:var(--text-gurmukhi)}.grse-rom{font-family:var(--font-body);color:var(--teal);font-size:var(--text-xs)}.grse-en{color:var(--text-secondary)}.pg-roadmap{display:flex;flex-direction:column;margin-bottom:var(--space-lg)}.pg-roadmap-step{display:flex;gap:var(--space-md)}.pgr-num-col{display:flex;flex-direction:column;align-items:center}.pgr-num{font-family:var(--font-heading);font-size:var(--text-base);color:var(--teal);border:1.5px solid var(--teal);width:var(--space-xl);height:var(--space-xl);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);z-index:2}.pgr-line{width:2px;flex:1;background:linear-gradient(180deg,var(--teal),transparent);margin:4px 0}.pgr-content{flex:1;padding-bottom:var(--space-lg)}.pgr-weeks{font-size:var(--text-3xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.pgr-content h4{font-size:var(--text-base);color:var(--gold-bright);margin:2px 0 6px}.pgr-goal{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-xs)}.pgr-goal strong{color:var(--teal)}.pgr-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;font-weight:var(--weight-regular)}.pg-phonics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:var(--space-lg)}.pg-phonics-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md) var(--space-xs);cursor:pointer;color:inherit;font-family:inherit;transition:var(--transition)}.pg-phonics-card:hover{border-color:var(--teal);background:hsl(var(--tint-teal) / .25);transform:translateY(-2px)}.pgp-char{font-family:var(--font-gurmukhi);font-size:3rem;color:var(--text-gurmukhi);line-height:1}.pgp-name{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.pgp-sound{font-size:var(--text-xs);color:var(--text-secondary);margin:4px 0 2px}.pgp-anchor{font-size:var(--text-xs);color:var(--gold-bright)}.pgp-ex{font-size:var(--text-3xs);color:var(--text-muted);margin-top:var(--space-xs)}.pgp-rom{font-family:var(--font-body);color:var(--teal)}@keyframes deeplinkFlash{0%{box-shadow:0 0 0 0 transparent}12%{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-bright) 72%,transparent),0 0 20px 2px color-mix(in srgb,var(--gold-bright) 45%,transparent)}to{box-shadow:0 0 0 0 transparent}}.deeplink-flash{animation:deeplinkFlash 2.2s ease-out;border-radius:var(--radius-md);position:relative;z-index:1}.pg-phonics-card.pulse{animation:speakPulse .4s ease}.pg-tips-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:760px){.pg-tips-grid{grid-template-columns:repeat(3,1fr)}}.pg-tip-card{background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md)}.pg-tip-card h4{font-size:var(--text-base);color:var(--gold-bright);margin-bottom:6px}.pg-tip-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.45;font-weight:var(--weight-regular)}.historic-list{display:grid;grid-template-columns:1fr;gap:12px}.historic-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);position:relative}.hc-glyph{font-family:var(--font-gurmukhi);font-size:3rem;color:var(--gold-bright);min-width:50px;text-align:center;text-shadow:0 0 10px var(--gold-glow)}.hc-body{flex:1}.hc-name{font-family:var(--font-gurmukhi);font-size:var(--text-base);color:var(--text-primary);font-weight:600}.hc-rom{font-family:var(--font-body);color:var(--teal);font-size:var(--text-sm);margin-left:4px}.hc-sound{font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0}.hc-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin-bottom:6px}.hc-ex{font-size:var(--text-xs);color:var(--text-muted)}.hc-ex-g{font-family:var(--font-gurmukhi);color:var(--text-primary);font-size:var(--text-2xl)}.historic-card .speak-btn{margin-left:var(--space-sm)}.historic-card.pulse{animation:speakPulse .4s ease}.mt-note{font-size:var(--text-sm);color:var(--text-muted);margin-top:14px}.mt-note strong{color:var(--text-secondary)}.halant-forms{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:640px){.halant-forms{grid-template-columns:1fr 1fr}}.halant-form-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);position:relative}.hf-glyph{font-family:var(--font-gurmukhi);font-size:2.6rem;color:var(--gold-bright);min-width:46px;text-align:center;text-shadow:0 0 10px var(--gold-glow)}.hf-body{flex:1}.hf-name{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.hf-sub{color:var(--teal);font-size:var(--text-xs);font-weight:var(--weight-regular);margin-left:5px}.hf-change{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;margin:3px 0 6px}.hf-ex{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hf-ex-g{font-family:var(--font-gurmukhi);color:var(--text-primary);font-size:var(--text-2xl)}.hf-ex-r{font-family:var(--font-body);color:var(--teal);font-size:var(--text-sm)}.hf-ex-en{font-size:var(--text-xs);color:var(--text-muted)}.halant-form-card .speak-btn{margin-left:var(--space-sm)}