html,body{margin:0;padding:0}body{background:radial-gradient(ellipse at 20% -10%,hsl(var(--tint-indigo) / .25),transparent 55%),radial-gradient(ellipse at 85% 110%,hsl(var(--gold-base) / .12),transparent 50%),var(--bg-deep)}.kirtan-app{min-height:100vh;background:transparent;color:var(--text-primary);font-family:var(--font-body);display:flex;flex-direction:column;position:relative;z-index:1}.kirtan-wrap{width:min(var(--layout-max-width),100% - 32px);margin:0 auto;padding-bottom:80px}.kirtan-topbar{position:sticky;top:0;z-index:40;background:var(--bg-glass);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-gold-glow);flex-shrink:0}.kirtan-topbar-inner{width:min(var(--layout-max-width),100% - 32px);margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 0}.kirtan-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0;flex:0 1 auto;overflow:hidden}.kirtan-topbar .wahe-pills{flex-shrink:0}.kirtan-khanda{font-size:1.5rem;color:var(--gold);font-family:var(--font-logo);flex-shrink:0}.kirtan-title-block{display:flex;flex-direction:column;line-height:1.15;min-width:0}.kirtan-page-name{font-weight:600;font-size:var(--text-lg);color:var(--text-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kirtan-page-sub{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kirtan-topbar .spacer{flex:1}.kirtan-hero-head{text-align:center;padding:42px 0 10px}.kirtan-hero-head h1{font-family:var(--font-heading);font-size:clamp(1.6rem,4.5vw,2.6rem);color:var(--text-gold);margin:0 0 8px}.kirtan-hero-head p{color:var(--text-secondary);max-width:640px;margin:0 auto;font-weight:300}.riyaz-hero{padding:16px 0 4px}.riyaz-hero h1{font-size:clamp(1.4rem,4vw,2rem)}.riyaz-hero p{font-size:var(--text-md);max-width:560px}.kirtan-beta-pill{display:inline-block;margin-top:12px;padding:4px 14px;border-radius:var(--radius-full);border:1px solid var(--border-gold);color:var(--text-gold);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase}.kirtan-now{margin-top:26px;padding:10px 16px;background:var(--gold-glow);border:1px solid var(--border-gold);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-md);text-align:center}.kirtan-now b{color:var(--text-gold);font-weight:var(--weight-semibold)}.kirtan-now-pill{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--border-gold);color:var(--text-gold);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase}.kirtan-card.now{border-color:var(--border-gold)}.kirtan-card-stars{display:block;font-size:var(--text-md);line-height:1;margin:2px 0 4px;letter-spacing:3px}.kirtan-card-stars span{color:var(--text-muted);opacity:.35}.kirtan-card-stars .lit{color:var(--gold);opacity:1;text-shadow:0 0 8px var(--gold-glow)}.kirtan-card-lvl{display:inline-block;margin-left:8px;padding:1px 8px;vertical-align:2px;border:1px solid var(--border-gold);border-radius:var(--radius-full);color:var(--text-gold);font-size:var(--text-2xs);letter-spacing:.06em}.kirtan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:28px}.kirtan-browse{margin-top:20px}.kirtan-browse .kirtan-grid{margin-top:12px}.kirtan-thaat{margin:34px 0 0}.kirtan-thaat:first-child{margin-top:12px}.kirtan-thaat-head h3{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-gold);letter-spacing:.14em;text-transform:uppercase}.kirtan-thaat-head h3 span{color:var(--text-muted);font-weight:var(--weight-regular)}.kirtan-thaat-head p{margin:3px 0 0;color:var(--text-muted);font-size:var(--text-sm)}.kirtan-raag{margin:18px 0 0;padding:14px 16px 18px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-glass)}.kirtan-raag.now{border-color:var(--border-gold)}.kirtan-raag-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.kirtan-raag-name{font-size:var(--text-lg);color:var(--text-secondary)}.kirtan-raag-name b{color:var(--text-primary);font-weight:var(--weight-semibold)}.kirtan-raag-sub{display:block;color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.kirtan-raag-actions{display:flex;align-items:center;gap:10px}.kirtan-raag-hear{border:1px solid var(--border-gold);background:none;color:var(--text-gold);font-size:var(--text-sm);padding:4px 12px;border-radius:999px;cursor:pointer}.kirtan-raag-hear:hover{background:var(--gold-glow)}.kirtan-raag-hear.playing{opacity:.55;cursor:default}.kirtan-raag-about{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.kirtan-raag-about:hover{color:var(--text-gold)}.kirtan-raag-pakad{margin-top:6px;font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.06em}.kirtan-raag-pakad span,.raag-row-pakad span{color:var(--text-gold);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.14em;text-transform:uppercase;margin-right:6px}.raag-row-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.raag-row-pakad{flex-basis:100%;font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.06em}.raag-row-shabad{display:inline-block;font-size:var(--text-sm);color:var(--text-gold);text-decoration:none;border:1px solid var(--border-subtle);border-radius:999px;padding:3px 10px}.raag-row-shabad:hover{border-color:var(--border-gold)}.klearn-credit{color:var(--text-muted);font-size:var(--text-sm);margin:14px 0 0;font-style:italic}.riyaz-player{position:sticky;top:58px;z-index:15;margin-top:18px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--border-gold-glow);border-radius:var(--radius-md);box-shadow:0 8px 28px hsl(var(--surface-base) / .5)}.riyaz-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.riyaz-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-gold)}.riyaz-sub{font-size:var(--text-sm);color:var(--text-muted)}.riyaz-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin-top:10px}.riyaz-controls .choices{display:flex;gap:6px}.riyaz-sa-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.riyaz-stage{display:flex;align-items:center;gap:18px;padding:6px 0 2px}.riyaz-stage-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}.riyaz-ring{flex-shrink:0}.riyaz-needle{display:flex;align-items:center;gap:10px;width:min(340px,100%);color:var(--text-muted)}.riyaz-list{margin-top:14px;display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.riyaz-row{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:10px 14px;cursor:pointer;font-family:var(--font-body);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition)}.riyaz-row:hover{border-color:var(--border-gold);background:var(--bg-card-hover)}.riyaz-row.on{border-color:var(--border-gold-hi);background:var(--gold-glow);box-shadow:0 0 12px var(--gold-glow)}.riyaz-row-ic{font-size:var(--text-xl);line-height:1;flex-shrink:0}.riyaz-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.riyaz-row-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.riyaz-row.on .riyaz-row-name{color:var(--text-gold)}.riyaz-row-hint{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.riyaz-track{position:relative;flex:1;height:6px;border-radius:var(--radius-full);background:hsl(var(--ink-hi) / .08)}.riyaz-track:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--border-gold);transform:translate(-50%)}.riyaz-dot{position:absolute;top:50%;left:50%;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transform:translate(-50%,-50%);transition:left .12s,background .12s;opacity:0}.riyaz-dot.in-tune{background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}.riyaz-svaras{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.riyaz-svara{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-md);border:1px solid var(--border-subtle);color:var(--text-muted)}.riyaz-svara.cur{border-color:var(--border-gold-hi);color:var(--text-gold);background:var(--gold-glow)}.riyaz-svara.done{border-color:var(--border-gold);color:var(--gold)}.riyaz-status{min-height:1.5em;text-align:center;color:var(--text-secondary);font-size:var(--text-md)}.kirtan-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 18px 14px;transition:var(--transition);position:relative;overflow:hidden}.kirtan-card:hover{background:var(--bg-card-hover);border-color:var(--border-gold);transform:translateY(-2px)}.kirtan-card h3{margin:0 0 4px;font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.kirtan-card .meta{font-size:var(--text-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 2px}.kirtan-card .meta b{color:var(--text-gold);font-weight:500}.kirtan-card.is-clickable{cursor:pointer}.kirtan-card .kirtan-card-play-cue{position:absolute;top:14px;right:14px;font-size:var(--text-lg);opacity:0;transform:scale(.85);transition:opacity .18s,transform .18s}.kirtan-card.is-clickable:hover .kirtan-card-play-cue,.kirtan-card.is-clickable:focus-visible .kirtan-card-play-cue{opacity:.9;transform:scale(1)}.kirtan-card.is-clickable:focus-visible{outline:2px solid var(--border-gold-hi);outline-offset:2px}.kirtan-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-medium);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.kirtan-btn:hover{background:var(--bg-card-hover);border-color:var(--border-gold);transform:translateY(-1px)}.kirtan-btn:active{transform:translateY(0)}.kirtan-btn.primary{background:linear-gradient(135deg,var(--gold-dim),var(--gold));color:var(--on-gold);border-color:transparent;font-weight:var(--weight-semibold);box-shadow:0 2px 10px hsl(var(--surface-base) / .45)}.kirtan-btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.kirtan-credit{margin-top:34px;text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.sheet-head{margin:30px 0 18px}.sheet-head h1{font-family:var(--font-heading);color:var(--text-gold);font-size:clamp(1.3rem,3.5vw,2rem);margin:0 0 14px}.sheet-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.sheet-meta .cell{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:9px 13px}.sheet-meta .cell .k{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.sheet-meta .cell .v{font-size:var(--text-base);color:var(--text-secondary);margin-top:2px;word-break:break-word}.sheet-meta .cell .v.sargam{color:var(--text-gold);font-weight:500}.sheet-section{margin-top:34px}.sheet-section>h2{font-size:var(--text-base);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border-gold-glow);padding-bottom:8px}.sheet-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}table.sheet-grid{border-collapse:collapse;min-width:100%}table.sheet-grid th,table.sheet-grid td{border:1px solid var(--border-light);padding:5px 8px;text-align:center;font-size:var(--text-base);min-width:46px;white-space:nowrap}table.sheet-grid th.rowlabel,table.sheet-grid td.rowlabel{position:sticky;left:0;background:var(--bg-dark);z-index:2;font-size:var(--text-xs);color:var(--text-muted);min-width:64px;text-align:right}table.sheet-grid thead th{color:var(--text-muted);font-weight:400;font-size:var(--text-sm);background:hsl(var(--surface-raised) / .8)}table.sheet-grid thead th.sam{color:var(--gold);font-weight:700}table.sheet-grid thead th.khali{color:var(--teal)}td.note-cell{color:var(--text-gold);font-weight:500}td.note-cell .sub{display:block;font-size:var(--text-2xs);color:var(--text-muted);font-weight:300}td.note-cell.hold{color:var(--text-muted);font-weight:300}td.note-cell.err{background:hsl(var(--danger-base) / .25);color:hsl(var(--danger-base))}td.gurmukhi-cell{font-family:var(--font-gurmukhi);font-size:var(--text-lg);color:var(--text-gurmukhi)}td.roman-cell{color:var(--text-secondary);font-weight:300;font-size:var(--text-sm)}tr.verse-divider td{border:none;height:10px;background:transparent}.sheet-delivery{margin-top:20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px 16px;font-size:var(--text-base);color:var(--text-secondary)}.sheet-delivery b{color:var(--text-gold);font-weight:500}.klearn-tabs{display:flex;gap:8px;justify-content:center;margin:26px auto 6px;flex-wrap:wrap}.klearn-tab{padding:8px 20px;border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);transition:var(--transition)}.klearn-tab:hover{border-color:var(--border-gold)}.klearn-tab.active{border-color:var(--border-gold-hi);color:var(--text-gold);background:var(--gold-glow);box-shadow:0 0 14px var(--gold-glow)}.klearn-head{text-align:center;margin:22px 0 6px}.klearn-head h1{font-family:var(--font-heading);color:var(--text-gold);font-size:clamp(1.3rem,3.5vw,2rem);margin:0 0 6px}.klearn-src{color:var(--text-muted);font-size:var(--text-md);margin:0 0 10px}.klearn-hint{color:var(--text-secondary);font-size:var(--text-md);margin:0 0 10px}.klearn-hint b{color:var(--text-gold);font-weight:var(--weight-medium)}.klearn-script{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.klearn-section{margin:30px 0 4px;font-size:var(--text-base);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border-gold-glow);padding-bottom:8px}.klearn-section-note{text-transform:none;letter-spacing:normal;color:var(--text-muted);font-size:var(--text-sm)}.klearn-verse{position:relative;margin-top:14px;padding:16px 18px 14px 46px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.klearn-vn{position:absolute;left:14px;top:18px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-gold);border-radius:50%;color:var(--text-gold);font-size:var(--text-xs)}.klearn-g{font-family:var(--font-gurmukhi);font-size:var(--text-2xl);color:var(--text-gurmukhi);line-height:var(--leading-relaxed)}.klearn-word{cursor:pointer;border-radius:var(--radius-sm);padding:0 2px;transition:var(--transition)}.klearn-word:hover{background:var(--gold-glow)}.klearn-word.lit{background:var(--gold-glow);color:var(--text-gold);box-shadow:0 0 10px var(--gold-glow)}.klearn-r{color:var(--text-secondary);font-size:var(--text-md);margin-top:4px;font-weight:var(--weight-regular)}.klearn-e{color:var(--text-gold);font-size:var(--text-base);margin-top:8px;font-style:italic;opacity:.92}.klearn-card{margin-top:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary)}.klearn-card h3{margin:8px 0 4px;font-size:var(--text-base);color:var(--text-gold);font-weight:var(--weight-semibold)}.klearn-card h3:first-child{margin-top:0}.klearn-card p{margin:0 0 6px;line-height:var(--leading-relaxed);font-size:var(--text-base);max-width:var(--measure)}.klearn-card b{color:var(--text-gold);font-weight:var(--weight-medium)}.klearn-card a{color:var(--text-gold)}.klearn-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}.klearn-facts .cell{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:9px 13px}.klearn-facts .cell .k{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.klearn-facts .cell .v{font-size:var(--text-base);color:var(--text-secondary);margin-top:2px;word-break:break-word}.klearn-facts .cell .v.sargam{color:var(--text-gold);font-weight:500}.klearn-word-card{position:fixed;left:50%;bottom:18px;transform:translate(-50%,16px);width:min(480px,calc(100% - 28px));z-index:90;background:var(--bg-glass);backdrop-filter:blur(14px);border:1px solid var(--border-gold-glow);border-radius:var(--radius-lg);padding:14px 40px 14px 18px;box-shadow:0 10px 40px hsl(var(--shade) / .55);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.klearn-word-card.open{opacity:1;pointer-events:auto;transform:translate(-50%)}.klearn-word-card .kw-g{font-family:var(--font-gurmukhi);font-size:var(--text-xl);color:var(--text-gold)}.klearn-word-card .kw-r{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:4px}.klearn-word-card .kw-body{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.klearn-word-card .kw-etym{color:var(--text-muted);font-size:var(--text-sm);margin-top:4px}.klearn-word-card .kw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.klearn-word-card .kw-chip{padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-2xs);border:1px solid var(--border-subtle);color:var(--text-muted);text-transform:capitalize;letter-spacing:.04em}.klearn-word-card .kw-close{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs)}.klearn-word-card .kw-close:hover{color:var(--text-gold);border-color:var(--border-gold)}.riyaz-link-card{margin-top:26px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.riyaz-link-card .t{color:var(--text-primary);font-weight:var(--weight-semibold)}.riyaz-link-card .s{color:var(--text-muted);font-size:var(--text-sm);flex:1;min-width:200px}.kh-stage{position:relative;flex:1;display:flex;flex-direction:column;width:min(1080px,100%);margin:0 auto;min-height:0}#kh-canvas{display:block;width:100%;flex:1;min-height:0;touch-action:none}.kh-hud{display:flex;align-items:center;gap:14px;width:min(1080px,100% - 24px);margin:6px auto 2px;font-size:var(--text-md);flex-shrink:0}.kh-hud .kh-progress{flex:1;height:6px;border-radius:4px;background:hsl(var(--ink-hi) / .07);overflow:hidden}.kh-hud .kh-progress>div{height:100%;width:0%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .4s}.kh-hud .kh-seg{color:var(--text-muted);min-width:110px}.kh-hud .kh-combo{color:var(--teal);min-width:50px}.kh-hud .kh-earn-slot{display:flex;align-items:center;flex-shrink:0}.kh-hud .kh-stop{flex-shrink:0;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:var(--transition)}.kh-hud .kh-stop:hover{border-color:hsl(var(--danger-base) / .6);color:hsl(var(--danger-base))}.kirtan-play-fab{position:fixed;bottom:20px;left:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--gold-dim),var(--gold));color:var(--on-gold);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-md);text-decoration:none;box-shadow:0 6px 20px hsl(var(--surface-base) / .5);transition:var(--transition)}.kirtan-play-fab:hover{transform:translateY(-2px);box-shadow:0 10px 26px hsl(var(--surface-base) / .6)}.kirtan-play-fab .kpf-ic{font-size:var(--text-lg);line-height:1}@media(max-width:480px){.kirtan-play-fab{bottom:16px;padding:11px}.kirtan-play-fab .kpf-label{display:none}}.kh-deck{display:flex;gap:4px;padding:8px 12px calc(14px + env(safe-area-inset-bottom));width:min(1080px,100% - 24px);margin:0 auto;flex-shrink:0}.kh-key{flex:1;min-width:0;height:76px;border-radius:0 0 10px 10px;cursor:pointer;border:1px solid hsl(var(--ink-hi) / .12);border-top:3px solid var(--border-gold);background:linear-gradient(180deg,hsl(var(--gold-base)),hsl(var(--gold-base)));color:var(--on-gold);font-family:var(--font-body);font-weight:600;font-size:var(--text-md);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:7px;user-select:none;-webkit-user-select:none;touch-action:none;transition:filter .08s,transform .08s}.kh-key.black{background:linear-gradient(180deg,hsl(var(--surface-raised)),hsl(var(--surface-raised)));color:var(--text-gold);border-color:hsl(var(--shade) / .6)}.kh-key .oct{font-size:var(--text-2xs);font-weight:400;opacity:.65}.kh-key:active,.kh-key.pressed{filter:brightness(1.25);transform:translateY(2px)}.kh-key.guide{box-shadow:0 0 18px 2px var(--gold-glow),inset 0 0 12px var(--gold-glow);border-top-color:var(--gold)}.kh-key.hit-good{box-shadow:0 0 20px 4px hsl(var(--success-base) / .55)}.kh-key.hit-miss{box-shadow:0 0 20px 4px hsl(var(--danger-base) / .55)}.kh-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:hsl(var(--surface-base) / .88);backdrop-filter:blur(8px);padding:18px}.kh-panel{width:min(560px,100%);max-height:100%;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-gold-glow);border-radius:var(--radius-lg);padding:26px 26px 22px;text-align:center}.kh-panel h2{font-family:var(--font-heading);color:var(--text-gold);margin:0 0 4px;font-size:clamp(1.1rem,4.2vw,1.45rem)}.kh-panel-top{display:flex;align-items:center;justify-content:space-between;margin:-8px 0 6px}.kh-back-link{display:block;text-align:left;color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:var(--transition)}.kh-back-link:hover{color:var(--text-gold)}.kh-best{font-size:var(--text-md);letter-spacing:2px;line-height:1}.kh-best span{color:var(--text-muted);opacity:.35}.kh-best .lit{color:var(--gold);opacity:1;text-shadow:0 0 8px var(--gold-glow)}.kh-panel .sub{color:var(--text-muted);font-size:var(--text-base);margin-bottom:16px}.kh-panel .raag-line{color:var(--text-secondary);font-size:var(--text-base);margin:4px 0 12px}.kh-panel .raag-line b{color:var(--text-gold);font-weight:500}.kh-levels{display:flex;align-items:center;gap:2px;margin:14px 0 8px;overflow-x:auto;scrollbar-width:none;padding:6px 4px}.kh-levels::-webkit-scrollbar{display:none}.kh-lvl:first-child{margin-left:auto}.kh-lvl:last-child{margin-right:auto}.kh-lvl{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:var(--transition)}.kh-lvl:hover{border-color:var(--border-gold);background:var(--bg-card-hover)}.kh-lvl .ic{font-size:var(--text-lg);line-height:1.1}.kh-lvl .n{font-size:var(--text-2xs);color:var(--text-muted);line-height:1}.kh-lvl-stars{display:flex;gap:1px;line-height:1;margin-top:1px}.kh-lvl-stars i{font-size:8px;font-style:normal;color:var(--text-muted);opacity:.4}.kh-lvl-stars i.on{color:var(--gold);opacity:1;text-shadow:0 0 5px var(--gold-glow)}.kh-lvl.on .kh-lvl-stars i.on{color:var(--gold-bright)}.kh-lvl.on{border-color:var(--border-gold-hi);background:var(--gold-glow);box-shadow:0 0 16px var(--gold-glow);transform:scale(1.12)}.kh-lvl.on .n{color:var(--text-gold)}.kh-lvl.locked{opacity:.45;cursor:not-allowed}.kh-lvl.locked:hover{border-color:var(--border-subtle);background:var(--bg-card)}.kh-lvl-link{flex:none;width:14px;height:2px;background:var(--border-subtle);border-radius:1px}.kh-lvl-link.open{background:var(--border-gold);box-shadow:0 0 6px var(--gold-glow)}.kh-level-cap{min-height:2.4em;margin:0 0 10px;font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.kh-level-cap b{color:var(--text-gold);font-weight:var(--weight-semibold)}.kh-level-cap.locked-note{color:var(--text-gold)}.kh-level-cap.shake{animation:kh-cap-shake .4s ease}@keyframes kh-cap-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.kh-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.kh-actions .kirtan-btn{padding:10px 22px}.kh-hero-actions .kirtan-btn{padding:13px 30px;font-size:var(--text-md);min-width:132px;border-radius:var(--radius-full)}.kh-r-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4px}.kh-r-actions .kirtan-btn{padding:11px 24px}.kh-quiet-row{display:flex;gap:4px 14px;justify-content:center;flex-wrap:wrap;margin:14px 0 2px}.kh-quiet{background:none;border:none;padding:4px 2px;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:var(--transition)}.kh-quiet:hover,.kh-quiet.on{color:var(--text-gold)}.kh-fold{text-align:left;margin:8px 0 2px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.kh-fold .body{padding:10px 14px 12px;font-size:var(--text-md);color:var(--text-secondary);line-height:1.7}.kh-fold .body b{color:var(--text-gold);font-weight:500}.kh-opts{display:flex;flex-direction:column;gap:12px;padding:12px 14px;text-align:left}.kh-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--text-base);color:var(--text-secondary)}.kh-opt .choices{display:flex;gap:6px}.kh-opt .choices-wrap{flex-wrap:wrap;justify-content:flex-end;max-width:60%}.kh-opt-group{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-gold);letter-spacing:.02em;margin-top:4px}.kh-opt-group:first-child{margin-top:0}.kh-opt-group small{color:var(--text-muted);font-weight:var(--weight-regular);letter-spacing:0}.kh-opt-name{display:inline-flex;align-items:center;gap:8px}.kh-opt-name small{color:var(--text-muted)}.kh-opt-ico{display:inline-flex;color:var(--text-gold);flex:none}.kh-opt-ico svg{width:17px;height:17px;display:block}.kh-chip{padding:5px 13px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:var(--font-body);transition:var(--transition)}.kh-chip.on{border-color:var(--border-gold-hi);color:var(--text-gold);background:var(--gold-glow)}.kh-chip.busy{opacity:.7;cursor:progress}.kh-results{display:flex;justify-content:center;gap:26px;margin:18px 0}.kh-results .stat .n{font-size:1.7rem;font-weight:700;color:var(--text-gold)}.kh-results .stat .l{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.kh-r-merit{margin:2px 0 16px;min-height:1.4em;font-size:var(--text-md);color:var(--text-secondary)}.kh-r-merit.earned{color:var(--text-gold);font-weight:var(--weight-semibold);font-size:var(--text-lg)}.kh-r-merit.none{color:var(--text-muted)}.kh-r-merit small{display:block;margin-top:2px;font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--text-muted)}.kh-signin-link{background:none;border:none;padding:0;font:inherit;color:var(--text-gold);text-decoration:underline;cursor:pointer}.kh-judge{position:absolute;left:50%;transform:translate(-50%);z-index:20;font-family:var(--font-heading);font-size:1.5rem;pointer-events:none;text-shadow:0 2px 18px hsl(var(--halo) / .8);opacity:0;transition:opacity .1s,transform .4s}.kh-judge.show{opacity:1;transform:translate(-50%) translateY(-14px)}.kh-judge.perfect{color:var(--gold-bright)}.kh-judge.good{color:var(--teal)}.kh-judge.miss{color:hsl(var(--danger-base))}@media(max-width:640px){.kh-key{height:62px;font-size:var(--text-xs)}.kh-hud .kh-seg{min-width:0;font-size:var(--text-xs)}.kh-panel{padding:20px 16px}.kh-lyric-word .w-main{font-size:var(--text-lg)}.kh-lyric-word .w-main.roman{font-size:var(--text-md)}.kh-lvl{width:42px;height:42px}.kh-lvl .ic{font-size:var(--text-md)}.kh-lvl-link{width:10px}}@media(max-width:380px){.kh-lvl{width:38px;height:38px}.kh-lvl-link{width:8px}.kh-levels{gap:1px}}@media(max-height:700px){.kh-lobby{padding-top:16px;padding-bottom:14px}.kh-lobby .kh-levels{margin:8px 0 6px}.kh-lobby .kh-level-cap{margin-bottom:8px}.kh-lobby .kh-quiet-row{margin-top:10px}}.kh-lyrics-container{position:absolute;left:0;right:0;bottom:0;height:62px;box-sizing:border-box;z-index:10;padding:4px 12px 6px;background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-gold-glow);text-align:center;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:2px}.kh-lyric-line{overflow:hidden}.kh-lyric-track{display:inline-flex;align-items:flex-end;gap:18px;white-space:nowrap;transition:transform .25s ease;will-change:transform}.kh-lyric-word{display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;transition:color .18s ease,opacity .18s ease,text-shadow .18s ease,transform .18s ease}.kh-lyric-word .w-main{font-family:var(--font-gurmukhi);font-size:var(--text-xl)}.kh-lyric-word .w-main.roman{font-family:var(--font-body);font-size:var(--text-lg)}.kh-lyric-word .w-sub{font-family:var(--font-body);font-size:var(--text-2xs);letter-spacing:.02em;opacity:.85}.kh-lyric-word.future{color:var(--text-muted);opacity:.5}.kh-lyric-word.current{color:var(--gold-bright);opacity:1;text-shadow:0 0 12px hsl(var(--gold-base) / .75);transform:scale(1.08)}.kh-lyric-word.past{color:var(--text-secondary);opacity:.85}.kh-lyric-meaning{font-size:var(--text-sm);color:var(--text-gold);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kh-stars{display:flex;justify-content:center;gap:12px;margin:4px 0 6px;font-size:var(--text-3xl);line-height:1}.kh-stars .kh-star{color:var(--text-muted);opacity:.3}.kh-stars .kh-star.lit{color:var(--gold);opacity:0;text-shadow:0 0 18px var(--gold-glow);animation:kh-star-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes kh-star-pop{0%{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.kh-r-unlock{margin:2px auto 10px;padding:7px 16px;width:fit-content;border:1px solid var(--border-gold);border-radius:var(--radius-full);background:var(--gold-glow);color:var(--text-secondary);font-size:var(--text-md);box-shadow:0 0 18px var(--gold-glow);animation:kh-star-pop .5s cubic-bezier(.34,1.56,.64,1) .9s backwards}.kh-r-unlock b{color:var(--text-gold);font-weight:var(--weight-semibold)}.kh-r-verse{margin:0 0 12px;font-size:var(--text-md);color:var(--text-secondary);font-style:italic}.kh-record-arm{display:flex;align-items:center;justify-content:flex-start;gap:12px;cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.kh-record-arm input{position:absolute;opacity:0;pointer-events:none}.kh-record-arm small{color:var(--text-muted)}.kh-record-text{display:flex;flex-direction:column;gap:2px}.kh-record-text b{color:var(--text-primary);font-weight:var(--weight-medium)}.kh-record-dot{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid var(--text-muted);transition:all .2s}.kh-record-arm input:checked~.kh-record-dot{background:var(--danger);border-color:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.kh-record-arm input:checked~span{color:var(--text-primary)}.kh-sing-lead{margin-bottom:12px}.kh-sing-points{list-style:none;margin:0 auto 16px;padding:0;max-width:420px;display:flex;flex-direction:column;gap:7px;text-align:left}.kh-sing-points li{display:flex;gap:10px;align-items:baseline;font-size:var(--text-sm);color:var(--text-secondary)}.kh-sing-points .pt{flex:none}.kh-sing-points b{color:var(--text-primary);font-weight:var(--weight-medium)}.kh-sing-row{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;margin:0 0 10px;text-align:left}.kh-sing-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.kh-sing-row-name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary)}.kh-sing-row-hint{margin:8px 0 0;font-size:var(--text-sm);color:var(--text-muted)}.kh-sing-sheet .kh-actions{margin-top:18px}.kh-sa-row{display:inline-flex;gap:8px;align-items:center}.kh-sa-row select{width:auto;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-subtle);font-family:var(--font-body);font-size:var(--text-base)}.kh-sa-row select:focus{outline:none;border-color:var(--border-gold)}.kh-sa-row .kirtan-btn{padding:8px 14px}.kh-sa-row .kirtan-btn.listening{color:var(--danger-bright);border-color:var(--danger);animation:kh-listen-pulse 1s ease-in-out infinite}@keyframes kh-listen-pulse{50%{box-shadow:0 0 12px var(--danger-glow)}}.kh-livebar{position:absolute;top:8px;right:10px;z-index:6;display:flex;align-items:center;gap:8px;pointer-events:none}.kh-livebar>*{pointer-events:auto}.kh-sa-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-pill, 999px);cursor:default;background:var(--bg-card);border:1px solid var(--border-gold);color:var(--text-gold);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.kh-mixer{display:inline-flex;gap:5px}.kh-mix{width:34px;height:34px;border-radius:50%;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-gold);line-height:0;transition:opacity .15s ease,border-color .15s ease,background .2s ease,color .15s ease}.kh-mix svg{width:20px;height:20px;display:block}.kh-mix:hover{border-color:var(--border-gold);background:var(--bg-card-hover)}.kh-mix.off{color:var(--text-muted);opacity:.5;border-style:dashed}.kh-rec{color:var(--danger-bright);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;animation:kh-rec-pulse 1.4s ease-in-out infinite}@keyframes kh-rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.kh-consent-list{text-align:left;margin:10px 0 4px;padding-left:20px;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.kh-consent-list li{margin-bottom:8px}.kh-take{margin:4px 0 12px;padding:12px;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.kh-take-head{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-gold);margin-bottom:8px}.kh-audio{display:flex;align-items:center;gap:12px;margin-bottom:10px}.kh-audio-play{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-gold);font-size:var(--text-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.kh-audio-play:hover{border-color:var(--text-gold);background:var(--gold-glow)}.kh-audio-bar{flex:1;height:6px;border-radius:var(--radius-full);background:hsl(var(--ink-hi) / .1);cursor:pointer;overflow:hidden}.kh-audio-fill{height:100%;width:0;border-radius:var(--radius-full);background:var(--gold);transition:width .1s linear}.kh-audio-time{flex:none;font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.kh-take-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:8px}.kh-take-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.kh-take-note{margin-top:8px;font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.kh-take-live{color:var(--text-gold);font-size:var(--text-md)}.sangat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0}.sangat-sort{display:flex;gap:6px}.sangat-filter{display:flex;gap:6px;flex-wrap:wrap}.sangat-list{display:flex;flex-direction:column;gap:12px}.sangat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px}.sangat-card.mine{border-color:var(--border-gold, var(--border-subtle))}.sangat-card-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.sangat-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary)}.sangat-meta{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sangat-handle{color:var(--text-gold)}.sangat-stars{color:var(--text-gold);letter-spacing:2px}.sangat-card-row{display:flex;align-items:center;gap:12px;margin-top:10px}.sangat-play{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-dark);color:var(--text-gold);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.sangat-play:hover{border-color:var(--text-gold)}.sangat-progress{flex:1;height:4px;border-radius:2px;background:var(--bg-dark);overflow:hidden}.sangat-progress>div{height:100%;width:0;background:var(--text-gold);border-radius:2px}.sangat-heart{flex:none;display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-pill, 999px);padding:6px 12px;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.sangat-heart.on{color:var(--danger-bright);border-color:var(--danger-glow)}.sangat-heart:hover{border-color:var(--text-gold)}.sangat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.sangat-report,.sangat-remove{background:none;border:none;padding:0;cursor:pointer;font-size:var(--text-xs);color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.sangat-empty{text-align:center;color:var(--text-secondary);padding:36px 12px;font-size:var(--text-md);line-height:var(--leading-relaxed)}.sangat-note{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin:14px 0}