:root{--bg: #f1ebdf;--bg-2: #ede5d6;--bg-gradient-top: #ede5d6;--surface: #fbf7ee;--surface-2: #e6dcc9;--hair: #dbd0bd;--hair-strong: #8b744c;--hairline: var(--hair);--fg: #1c2431;--ink: var(--fg);--muted: #58626f;--faint: #7c8595;--accent: #a4422c;--accent-deep: #803422;--accent-dim: #8f5c50;--accent-ink: #ffffff;--accent-contrast: #ffffff;--band-excellent: #2f9070;--band-good: #4bb28d;--band-off: #b07f2e;--band-wrong: #a63044;--gamaka: #494077;--band-excellent-ink: #1d5a46;--band-off-ink: #77561f;--band-wrong-ink: #7e2534;--gamaka-ink: #39325c;--band-excellent-tint: #caded0;--band-good-tint: #d1e6d7;--band-off-tint: #e9dac0;--band-wrong-tint: #e7c7c5;--band-move: rgba(88, 98, 111, .45);--away: var(--muted-faint);--away-ink: var(--muted);--ink-strong: rgba(28, 36, 49, .85);--ink-faint: rgba(28, 36, 49, .28);--muted-faint: rgba(88, 98, 111, .55);--muted-ghost: rgba(88, 98, 111, .12);--sa-line: rgba(176, 71, 47, .85);--drift-highlight: rgba(166, 48, 68, .16);--scrim: rgba(28, 36, 49, .45);--focus-ring: #2f5fdd;--shadow-sm: 0 3px 12px rgba(14, 18, 26, .08);--shadow-lg: 0 12px 34px rgba(14, 18, 26, .16);--shadow: var(--shadow-lg);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #141a24;--bg-2: #1c2430;--bg-gradient-top: #2b2a35;--surface: #1d2634;--surface-2: #273243;--hair: #303c4c;--hair-strong: #6a81a1;--hairline: var(--hair);--fg: #eae4d6;--ink: var(--fg);--muted: #a7afbd;--faint: #6d7686;--accent: #d6735d;--accent-deep: #aa422b;--accent-dim: #a6776c;--accent-ink: #12171f;--accent-contrast: #12171f;--band-excellent: #5bb98c;--band-good: #84cfa2;--band-off: #d59a3f;--band-wrong: #d85a79;--gamaka: #a59fd1;--band-excellent-ink: #5bb98c;--band-off-ink: #d59a3f;--band-wrong-ink: #d85a79;--gamaka-ink: #a59fd1;--band-excellent-tint: #2c4949;--band-good-tint: #364f4e;--band-off-tint: #494237;--band-wrong-tint: #4a3245;--band-move: rgba(167, 175, 189, .45);--away: var(--muted-faint);--away-ink: var(--muted);--ink-strong: rgba(234, 228, 214, .9);--ink-faint: rgba(234, 228, 214, .3);--muted-faint: rgba(167, 175, 189, .55);--muted-ghost: rgba(167, 175, 189, .14);--sa-line: rgba(207, 92, 67, .85);--drift-highlight: rgba(216, 90, 121, .18);--scrim: rgba(8, 10, 14, .65);--focus-ring: #8ab4ff;--shadow-sm: 0 3px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 34px rgba(0, 0, 0, .45);--shadow: var(--shadow-lg);color-scheme:dark}}:root[data-theme=dusk-light]{--bg: #f1ebdf;--bg-2: #ede5d6;--bg-gradient-top: #ede5d6;--surface: #fbf7ee;--surface-2: #e6dcc9;--hair: #dbd0bd;--hair-strong: #8b744c;--hairline: var(--hair);--fg: #1c2431;--ink: var(--fg);--muted: #58626f;--faint: #7c8595;--accent: #a4422c;--accent-deep: #803422;--accent-dim: #8f5c50;--accent-ink: #ffffff;--accent-contrast: #ffffff;--band-excellent: #2f9070;--band-good: #4bb28d;--band-off: #b07f2e;--band-wrong: #a63044;--gamaka: #494077;--band-excellent-ink: #1d5a46;--band-off-ink: #77561f;--band-wrong-ink: #7e2534;--gamaka-ink: #39325c;--band-excellent-tint: #caded0;--band-good-tint: #d1e6d7;--band-off-tint: #e9dac0;--band-wrong-tint: #e7c7c5;--band-move: rgba(88, 98, 111, .45);--away: var(--muted-faint);--away-ink: var(--muted);--ink-strong: rgba(28, 36, 49, .85);--ink-faint: rgba(28, 36, 49, .28);--muted-faint: rgba(88, 98, 111, .55);--muted-ghost: rgba(88, 98, 111, .12);--sa-line: rgba(176, 71, 47, .85);--drift-highlight: rgba(166, 48, 68, .16);--scrim: rgba(28, 36, 49, .45);--focus-ring: #2f5fdd;--shadow-sm: 0 3px 12px rgba(14, 18, 26, .08);--shadow-lg: 0 12px 34px rgba(14, 18, 26, .16);--shadow: var(--shadow-lg);color-scheme:light}:root[data-theme=dusk-dark]{--bg: #141a24;--bg-2: #1c2430;--bg-gradient-top: #2b2a35;--surface: #1d2634;--surface-2: #273243;--hair: #303c4c;--hair-strong: #6a81a1;--hairline: var(--hair);--fg: #eae4d6;--ink: var(--fg);--muted: #a7afbd;--faint: #6d7686;--accent: #d6735d;--accent-deep: #aa422b;--accent-dim: #a6776c;--accent-ink: #12171f;--accent-contrast: #12171f;--band-excellent: #5bb98c;--band-good: #84cfa2;--band-off: #d59a3f;--band-wrong: #d85a79;--gamaka: #a59fd1;--band-excellent-ink: #5bb98c;--band-off-ink: #d59a3f;--band-wrong-ink: #d85a79;--gamaka-ink: #a59fd1;--band-excellent-tint: #2c4949;--band-good-tint: #364f4e;--band-off-tint: #494237;--band-wrong-tint: #4a3245;--band-move: rgba(167, 175, 189, .45);--away: var(--muted-faint);--away-ink: var(--muted);--ink-strong: rgba(234, 228, 214, .9);--ink-faint: rgba(234, 228, 214, .3);--muted-faint: rgba(167, 175, 189, .55);--muted-ghost: rgba(167, 175, 189, .14);--sa-line: rgba(207, 92, 67, .85);--drift-highlight: rgba(216, 90, 121, .18);--scrim: rgba(8, 10, 14, .65);--focus-ring: #8ab4ff;--shadow-sm: 0 3px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 34px rgba(0, 0, 0, .45);--shadow: var(--shadow-lg);color-scheme:dark}:root{--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--font-serif: "Iowan Old Style", Georgia, serif;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r: 14px;--r-pill: 999px;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--sp: .5rem}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(120% 80% at 80% -10%,var(--bg-2) 0%,transparent 55%),radial-gradient(90% 70% at 0% 0%,var(--bg-gradient-top) 0%,transparent 50%),var(--bg);color:var(--fg);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}.app{max-width:1080px;margin:0 auto;padding:0 clamp(.75rem,2vw,1.25rem) 3.5rem}html{scroll-behavior:smooth}.hero{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,5vw,3rem);transition:padding .36s ease}.hero-inner{max-width:1080px;margin:0 auto;padding:0 clamp(.75rem,2vw,1.25rem);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-4);width:100%;transition:gap .36s ease}.hero-wordmark{font-size:1.1rem;color:var(--muted)}.hero-title{margin:0;font-family:var(--font-serif);font-weight:700;font-size:clamp(1.9rem,4.2vw,2.9rem);line-height:1.15;letter-spacing:-.01em;color:var(--fg);max-width:18ch}.hero-desc{margin:0;max-width:58ch;color:var(--muted);font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.6}.hero-steps-heading{margin:var(--s-3) 0 0;color:var(--faint);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-3);counter-reset:hero-step;width:100%}.hero-steps li{counter-increment:hero-step;flex:1 1 220px;display:flex;align-items:flex-start;gap:var(--s-3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.hero-steps li:before{content:counter(hero-step);flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--accent-contrast);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.hero-step-body{display:flex;flex-direction:column;gap:.15rem}.hero-step-label{font-weight:700;font-size:.92rem;color:var(--fg)}.hero-step-text{color:var(--muted);font-size:.86rem;line-height:1.4}.hero-cta{margin-top:var(--s-2);text-decoration:none}.hero-cta,.hero-cta:visited{color:var(--accent-contrast)}.hero-lead{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-6);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.hero-art{width:100%;max-width:420px;justify-self:center}.hero-art svg{width:100%;height:auto;display:block}.ha-arch-fill{fill:var(--surface)}.ha-arch-line{stroke:var(--accent);stroke-width:2.5;opacity:.85}.ha-kolam circle{fill:var(--hair-strong)}.ha-tanpura ellipse,.ha-tanpura rect,.ha-tanpura circle{fill:var(--surface-2);stroke:var(--muted);stroke-width:1.5}.ha-string{stroke:var(--muted);stroke-width:1;opacity:.7}.ha-ribbon{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}@media(prefers-reduced-motion:no-preference){.ha-ribbon{stroke-dashoffset:1;animation:ha-draw 1.6s ease .25s forwards}.ha-node,.ha-swara,.ha-gamaka{opacity:0;animation:ha-fade .7s ease 1.4s forwards}}@keyframes ha-draw{to{stroke-dashoffset:0}}@keyframes ha-fade{to{opacity:1}}.ha-node circle{fill:var(--accent)}.ha-node .ha-node-top{fill:var(--accent);stroke:var(--surface);stroke-width:2.5}.ha-swara text{fill:var(--ink);font-family:var(--font-serif);font-size:17px;font-weight:600;text-anchor:middle}.ha-swara .ha-swara-top{fill:var(--accent)}.ha-gamaka{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}@media(max-width:720px){.hero-lead{grid-template-columns:1fr;gap:var(--s-4)}.hero-art{max-width:300px;order:-1}}.hero-highlights{margin-top:var(--s-3)}.hero-highlights-heading{font-family:var(--font-serif);font-weight:600;font-size:1.15rem;margin:0 0 var(--s-3)}.highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);align-items:start}.highlight{display:flex;flex-direction:column;gap:var(--s-2);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);padding:var(--s-3) var(--s-4);text-decoration:none;color:inherit;overflow:hidden}a.highlight:hover{border-color:var(--accent)}.highlight-wide{grid-column:1 / -1}.highlight-shot{width:100%;height:220px;object-fit:cover;object-position:top center;border-radius:var(--r-sm);border:1px solid var(--hair);display:block}.highlight-wide .highlight-shot{height:300px}.highlight-text b{font-family:var(--font-serif);font-size:1.02rem;display:block;margin-bottom:2px}.highlight-text span{color:var(--muted);font-size:.9rem;line-height:1.5}@media(max-width:560px){.highlight-grid{grid-template-columns:1fr}}.hero-collapsible{overflow:hidden;max-height:240rem;opacity:1;transition:max-height .36s ease,opacity .28s ease}.hero-collapsible-inner{display:flex;flex-direction:column;gap:var(--s-4)}html[data-view=practice] .hero{display:none}html:not([data-view=practice]) .app{display:none}.navbar{position:sticky;top:0;z-index:10;background:var(--surface);border-bottom:1px solid var(--hair)}.navbar-inner{max-width:1080px;margin:0 auto;padding:var(--s-3) clamp(.75rem,2vw,1.25rem);display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2) var(--s-4)}.wordmark{font-family:var(--font-serif);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;white-space:nowrap}.wordmark,.wordmark:visited{color:inherit;text-decoration:none}.wordmark b{color:var(--accent);font-weight:700}.navbar-nav{display:flex;align-items:center;gap:var(--s-4);flex:1 1 auto;min-width:0;overflow-x:auto}.navbar-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .3rem;white-space:nowrap;color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:600;border-bottom:2px solid transparent}.navbar-link:hover{color:var(--fg)}.navbar-link[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent)}.navbar-actions{display:flex;align-items:center;gap:var(--s-3);flex:0 0 auto;margin-left:auto}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;margin-bottom:var(--s-3)}.ctrl{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--surface);border:1px solid var(--hair-strong);border-radius:var(--r-pill);padding:.5rem .85rem;color:var(--fg);font-size:.9rem;font-family:inherit;cursor:pointer;min-height:44px}.ctrl .lbl{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}button.ctrl:hover{border-color:var(--hair-strong)}.ctrl.raga{position:relative;height:44px;padding-top:0;padding-bottom:0;font-weight:600;min-width:0}.raga-input{border:none;background:transparent;color:var(--fg);font:inherit;font-family:var(--font-serif);font-weight:600;min-width:6.5rem;max-width:12rem;padding:0;height:100%}.raga-input:focus:not(:focus-visible){outline:none}.combobox-list{position:absolute;z-index:20;top:calc(100% + .4rem);left:0;right:0;min-width:16rem;margin:0;padding:.3rem;list-style:none;max-height:16rem;overflow-y:auto;background:var(--surface);border:1px solid var(--hair-strong);border-radius:var(--r-md);box-shadow:var(--shadow)}.combobox-list[hidden]{display:none}.combobox-option{padding:.4rem .6rem;border-radius:var(--r-sm);cursor:pointer;font-size:.88rem;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.combobox-option:hover,.combobox-option[data-active=true]{background:var(--surface-2)}.combobox-option[aria-selected=true]{color:var(--accent);font-weight:600}.combobox-option .opt-meta{color:var(--faint);font-size:.72rem;font-weight:400;white-space:nowrap}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--hair-strong);border-radius:var(--r-pill);padding:3px}.seg button{border:none;background:none;color:var(--faint);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.45rem .7rem;min-height:44px;border-radius:var(--r-pill);cursor:pointer;font-family:inherit}.seg button.on{background:var(--accent);color:var(--accent-contrast)}.anchor{position:relative}.tgroup{display:inline-flex;align-items:stretch;gap:2px}.tgroup .caret{min-width:44px;padding:.7rem .6rem;font-size:1.1rem;line-height:1;justify-content:center;letter-spacing:-1px}.popover-scrim{position:fixed;inset:0;z-index:40;background:var(--scrim)}.popover-scrim[hidden]{display:none}.popover{position:fixed;z-index:50;top:50%;left:50%;transform:translate(-50%,-50%);width:min(26rem,90vw);max-height:min(80vh,30rem);overflow-y:auto;display:grid;gap:var(--s-3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4)}.popover[hidden]{display:none}.popover-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.popover-head h2{margin:0;font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.popover-close{border:none;background:none;color:var(--muted);font-size:1.3rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:var(--r-sm)}.popover-close:hover{background:var(--surface-2)}.popover .field{display:grid;gap:4px}.popover .field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.popover select,.popover input[type=number]{background:var(--surface-2);border:1px solid var(--hair-strong);border-radius:var(--r-sm);color:var(--fg);padding:.55rem .6rem;font:inherit;min-height:44px;accent-color:var(--accent)}.popover input[type=range]{width:100%;min-height:44px;accent-color:var(--accent);cursor:pointer}.popover .detect-btn{width:100%;justify-content:center;min-height:44px}.popover .cal-status{display:block;font-size:.8rem;color:var(--muted);min-height:1.2em}.popover .cal-status[data-state=ok]{color:var(--band-excellent-ink)}.popover .cal-status[data-state=error]{color:var(--band-wrong-ink)}#sa-btn{font-weight:600}.practice-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--s-6);align-items:start}@media(max-width:820px){.practice-grid{grid-template-columns:1fr}}.practice-grid.rail-hidden{grid-template-columns:1fr}.raga-rail{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.raga-rail[hidden]{display:none}.raga-rail-empty{margin:0;color:var(--muted);font-size:.85rem}.raga-rail-summary{display:flex;flex-direction:column;gap:var(--s-1)}.raga-rail-name{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;margin:0;color:var(--fg)}.raga-rail-classify{margin:0;color:var(--muted);font-size:.8rem}.raga-rail-play-all{align-self:flex-start;margin-top:var(--s-1)}.raga-rail-summary .raga-rail-row{margin-top:var(--s-3)}.raga-rail-toggle{cursor:pointer;font-weight:600;font-size:.85rem;color:var(--muted);padding:var(--s-2) 0;margin-top:var(--s-3);border-top:1px solid var(--hair);list-style:none}.raga-rail-toggle::-webkit-details-marker{display:none}.raga-rail-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.raga-rail-more{display:inline-block;margin-top:var(--s-3);font-size:.85rem;font-weight:600;color:var(--accent);text-decoration:none}.raga-rail-more:hover{text-decoration:underline}.raga-rail-notes{display:flex;flex-direction:column;gap:var(--s-4);padding-top:var(--s-2)}.raga-rail-row{display:flex;flex-direction:column;gap:var(--s-2)}.raga-rail-row-play{align-self:flex-start;border:none;background:none;padding:0;font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--accent);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:var(--s-1)}.raga-rail-row-play:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.raga-rail-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.raga-rail-chip{min-width:44px;min-height:44px;padding:.3rem var(--s-2);border-radius:var(--r-md);border:1px solid var(--hair-strong);background:var(--surface-2);color:var(--ink-strong);font-family:var(--font-serif);font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .12s ease,transform .12s ease}.raga-rail-chip:hover{border-color:var(--accent)}.raga-rail-chip.is-playing{background:linear-gradient(180deg,var(--accent),var(--accent-deep));border-color:transparent;color:var(--accent-contrast);transform:scale(1.06)}.raga-rail-notes{display:flex;flex-direction:column;gap:var(--s-2)}.raga-rail-subhead{font-family:var(--font-serif);font-size:.95rem;font-weight:600;margin:0;color:var(--fg)}.raga-rail-gamaka-list,.raga-rail-pitfalls{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--s-1);font-size:.85rem;color:var(--muted)}.raga-rail-character,.raga-rail-lean-note{margin:0;font-size:.85rem;color:var(--muted)}.raga-rail-lean-note{font-style:italic}.stage{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-3)}.raga-meta{font-size:.78rem;color:var(--faint);min-height:1.2em}.raga-meta b{color:var(--muted);font-weight:600}.rec{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rec[hidden]{display:none}.rec .dot{width:8px;height:8px;border-radius:50%;background:var(--band-wrong);animation:rec-pulse 1.6s infinite}@keyframes rec-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--band-wrong) 50%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.practice-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--surface-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.practice-banner[hidden]{display:none}.practice-banner-text{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.practice-label{font-weight:600;color:var(--accent);font-size:.88rem}.practice-pattern{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:0}.practice-pattern-lead{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.practice-pattern-chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}.practice-pattern-chip{display:inline-flex;align-items:center;justify-content:center;min-width:1.6em;padding:.15em var(--s-2);border-radius:var(--r-pill);border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink-strong);font-family:var(--font-serif);font-size:1rem;font-weight:600}.practice-hint{margin:0;color:var(--muted);font-size:.78rem}.notation-lane-mount[hidden]{display:none}.notation-lane{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--hair)}.notation-figure{width:100%}.notation-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.notation-track{position:relative;height:64px;min-width:100%}.notation-ticks{position:absolute;inset:0}.notation-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--hair)}.notation-tick--anga{width:2px;background:var(--hair-strong)}.notation-tick--sam{width:2px;background:var(--sa-line)}.notation-notes{position:absolute;inset:0}.notation-note{position:absolute;top:50%;transform:translateY(-50%);height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink-strong);font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.notation-note.current{background:linear-gradient(180deg,var(--accent),var(--accent-deep));border-color:transparent;color:var(--accent-contrast)}.notation-cursor{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--accent);transition:transform 90ms linear;will-change:transform}.notation-cursor:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.ribbon{position:relative;height:260px;padding:var(--s-2) var(--s-4) var(--s-3);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.ribbon canvas{display:block;width:100%;height:100%}.live-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4)}.live-row[hidden]{display:none}.now{display:flex;align-items:baseline;gap:var(--s-3);min-width:0}.now .sw{font-family:var(--font-serif);font-size:2.6rem;line-height:1;color:var(--accent)}.now .verdict{display:flex;flex-direction:column;gap:2px}.now .v{font-weight:700;color:var(--muted);font-size:.95rem}.now[data-state=in] .v{color:var(--band-excellent-ink)}.now[data-state=out] .v{color:var(--away-ink)}.now[data-state=near] .v{color:var(--band-off-ink)}.now[data-state=idle] .v{color:var(--muted)}.transport{margin-left:auto;display:flex;gap:var(--s-3);align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--hair-strong);background:var(--surface-2);color:var(--fg);border-radius:var(--r-pill);padding:.7rem 1.25rem;min-height:44px;font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2)}.btn.primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--accent-contrast);border-color:transparent}.btn.on{border-color:var(--accent);color:var(--accent)}.btn .g{width:9px;height:9px;border-radius:50%;background:currentColor;opacity:.8}.reveal-note{font-size:.72rem;color:var(--faint);text-align:center;letter-spacing:.1em;text-transform:uppercase;margin:var(--s-2) 0 -.25rem}.results{margin-top:var(--s-6);display:grid;gap:var(--s-4)}.results[hidden]{display:none}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:var(--s-4)}h2{font-family:var(--font-serif);font-size:1.05rem;font-weight:600;margin:0 0 var(--s-3)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.metric{background:var(--bg-2);border:1px solid var(--hair);border-radius:var(--r);padding:var(--s-3)}.metric .k{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.metric .val{font-family:var(--font-serif);font-size:1.9rem;margin-top:4px}.metric .val.good{color:var(--band-excellent-ink)}.metric .val.warn{color:var(--band-off-ink)}.metric .val.bad{color:var(--band-wrong-ink)}.heat{width:100%;border-collapse:collapse;margin-top:var(--s-3)}.heat tbody,.heat tr{display:flex;gap:var(--s-2);flex-wrap:wrap;width:100%}.cell{flex:1;min-width:48px;border-radius:var(--r);padding:var(--s-2) 6px;text-align:center;border:1px solid var(--hair)}.cell .s{display:block;font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.cell .g{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);opacity:.85;margin-top:2px}.cell .p{display:block;font-size:.72rem;font-variant-numeric:tabular-nums;margin-top:2px}.cell.ex{background:var(--band-excellent-tint);color:var(--fg)}.cell.gd{background:var(--band-good-tint);color:var(--fg)}.cell.of{background:var(--band-off-tint);color:var(--fg)}.cell.wr{background:var(--band-wrong-tint);color:var(--fg)}.coach h2{margin-bottom:var(--s-2)}.coach-lead{margin:0;color:var(--muted);font-size:.9rem}.coach .eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--accent);font-weight:700;margin:var(--s-3) 0 5px}.coach ul{margin:0;padding-left:1.1rem}.coach li{margin:4px 0;font-size:.9rem;color:var(--muted)}.coach li b{color:var(--fg)}.child-summary{background:linear-gradient(180deg,var(--band-excellent-tint) 0%,var(--surface) 65%)}.child-headline{margin:0;font-family:var(--font-serif);font-size:1.15rem;line-height:1.4;color:var(--fg)}.child-summary .eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.11em;color:var(--accent);font-weight:700;margin:var(--s-3) 0 5px}.child-summary ul{margin:0;padding-left:1.1rem}.child-summary li{margin:4px 0;font-size:.95rem;color:var(--muted)}.nudge{margin:0;font-size:.95rem;color:var(--muted)}.nudge b{color:var(--fg)}.drill-btn{margin-top:var(--s-3);border-color:var(--accent);color:var(--accent);background:var(--band-excellent-tint)}.drill-btn:hover{background:var(--muted-ghost)}.grownup-toggle-row{display:flex;justify-content:center;margin-top:var(--s-4)}.grownup-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--muted);font-size:.82rem;font-family:var(--font-ui);cursor:pointer;padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);min-height:44px}.grownup-toggle:hover{color:var(--fg);background:var(--muted-ghost)}.grownup-toggle .chev{display:inline-block;transition:transform .15s ease}.grownup-toggle.open .chev{transform:rotate(180deg)}.grownup-section{margin-top:var(--s-4);display:grid;gap:var(--s-4)}.grownup-section[hidden]{display:none}.replay{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);color:var(--muted);font-size:.85rem}.play{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair-strong);background:var(--surface-2);color:var(--accent);display:grid;place-items:center;cursor:pointer;font-size:1rem}.spark{width:100%;height:44px;margin-top:var(--s-2)}.spark-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.spark-dot{fill:var(--band-excellent)}.spark-heading{margin-top:var(--s-5)}.foot{font-size:.72rem;color:var(--faint);text-align:center;margin-top:var(--s-6)}.review-mini{position:relative;height:120px;margin-top:var(--s-3)}.review-mini canvas{position:absolute;inset:0;width:100%;height:100%}.cursor-layer{pointer-events:none}.new-take-row{display:flex;justify-content:center;margin-top:var(--s-1)}.practice-review{background:linear-gradient(180deg,var(--band-excellent-tint) 0%,var(--surface) 65%)}.practice-review-actions{display:flex;justify-content:center;gap:var(--s-3);margin-top:var(--s-4)}.practice-review-notes{list-style:none;margin:var(--s-4) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-3)}.practice-review-note{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:40px}.practice-review-note .swara{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--fg)}.mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:.7rem;line-height:1}.mark.landed{background:var(--band-excellent-ink);color:var(--surface)}.mark.landed:after{content:"✓"}.mark.try-again{background:transparent;border:2px solid var(--hair-strong)}.ear-training-mount{display:grid;gap:var(--s-4);margin-top:var(--s-4)}.ear-training-mount[hidden]{display:none}.ear-card{text-align:center}.ear-copy{margin:var(--s-2) 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.ear-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-4)}.ear-progress{display:flex;justify-content:center;gap:var(--s-2);margin-bottom:var(--s-2)}.ear-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--hair-strong);background:transparent}.ear-dot.done{background:var(--band-excellent-ink);border-color:var(--band-excellent-ink)}.ear-dot.current{background:var(--accent);border-color:var(--accent)}.ear-listen-row{display:flex;justify-content:center;margin-top:var(--s-3)}.ear-hint{min-height:1.3em;margin:var(--s-2) 0 0;color:var(--band-off-ink);font-size:.9rem}.ear-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-3);margin-top:var(--s-3)}.ear-option{min-width:64px;justify-content:center;font-family:var(--font-serif);font-size:1.15rem}.ear-option:disabled{opacity:.55;cursor:default}.ear-option--raga{font-family:inherit;font-size:.95rem;min-width:120px}.ear-sing-row{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--hair)}.ear-sing-feedback{min-height:1.3em;margin:0;color:var(--muted);font-size:.9rem}.ear-sing-row[data-sing-state=landed] .ear-sing-feedback{color:var(--band-excellent-ink);font-weight:600}.ear-sing-row[data-sing-state=not-yet] .ear-sing-feedback{color:var(--band-off-ink)}.ear-exit-row{display:flex;justify-content:center}.ear-exercise-picker{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--s-4);margin-top:var(--s-4)}.ear-exercise-option{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);max-width:220px}.ear-exercise-btn{font-size:1rem}.ear-caveat{margin:var(--s-3) 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.ear-known-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-3);max-height:9.5rem;overflow-y:auto;padding:2px}.ear-known-chip{padding:.3rem var(--s-3);font-size:.85rem;background:var(--surface-2)}.ear-known-chip:hover{border-color:var(--accent)}.ear-known-chip span{color:var(--muted);font-weight:400}.ear-known-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-4)}.ear-known-preset-btn{font-size:.85rem}.ear-known-search{display:flex;flex-direction:column;align-items:center;margin-top:var(--s-4)}.ear-known-search-input{width:100%;max-width:22rem;min-height:44px;padding:.5rem var(--s-3);border:1px solid var(--hair-strong);border-radius:var(--r-md);background:var(--surface);color:var(--fg);font:inherit;font-size:.92rem;box-sizing:border-box}.ear-known-search-input:focus:not(:focus-visible){outline:none}.ear-known-search-results{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-3);max-height:8rem;overflow-y:auto;width:100%}.ear-known-add-btn{padding:.3rem var(--s-3);font-size:.85rem;color:var(--accent)}.ear-known-add-btn:hover{background:var(--surface-2);border-color:var(--accent)}.ear-known-footer{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--hair)}.ear-known-count{margin:0;color:var(--muted);font-weight:600;font-size:.92rem}#known-raga-start-btn:disabled{opacity:.5;cursor:not-allowed}.ear-known-back-row{display:flex;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-data{color:var(--muted);font-size:.85rem}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table caption{text-align:left;color:var(--faint);font-size:.72rem;margin-bottom:var(--s-2)}.data-table th,.data-table td{text-align:left;padding:.35rem .6rem;border-bottom:1px solid var(--hair)}.detail{margin-top:var(--s-3)}.detail summary{cursor:pointer;color:var(--muted);font-size:.82rem}@media(max-width:760px){.navbar-nav{order:3;flex-basis:100%}.live-row{flex-direction:column;align-items:stretch}.transport{margin-left:0;flex-direction:column;align-items:stretch}.transport>.btn,.transport>.tgroup{width:100%}.transport .tgroup .btn:not(.caret){flex:1 1 auto;justify-content:center}.ribbon{min-height:216px;height:216px}.practice-banner{flex-direction:column;align-items:stretch;gap:var(--s-2)}.metrics{grid-template-columns:1fr}}@media(max-width:600px){.popover{inset:auto 0 0;transform:none;width:auto;max-width:100vw;max-height:85vh;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg)}}.celebrate-layer{position:fixed;width:0;height:0;pointer-events:none;z-index:60}.celebrate-particle{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-size:.85rem;line-height:1;opacity:0;color:var(--accent);animation:celebrate-pop .9s ease-out forwards}@keyframes celebrate-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--cx, 0px)),calc(-50% + var(--cy, 0px))) scale(1)}}.celebrate-static{text-shadow:0 0 14px var(--accent)}.site-footer{border-top:1px solid var(--hair);margin-top:var(--s-6);padding:var(--s-5) clamp(.75rem,2vw,1.25rem) clamp(2rem,5vw,3rem);color:var(--faint);font-size:.85rem;text-align:center}.site-footer p{margin:0}.site-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-3)}.site-footer-nav a{color:var(--muted);text-decoration:none;font-weight:600}.site-footer-nav a:hover{color:var(--accent)}.site-footer-tagline{margin:0}.home-strip{margin:var(--s-3) 0 0}.home-strip-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);padding:var(--s-3) var(--s-4)}.home-strip-greeting{margin:0;font-family:var(--font-serif);font-size:1.05rem}.home-strip-meta{color:var(--muted);font-family:var(--font-ui);font-size:.9rem;font-weight:400}.home-strip-meta b{color:var(--accent)}.home-strip-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-left:auto}.home-strip-ragas{display:flex;flex-wrap:wrap;gap:var(--s-2)}.home-strip-raga{border:1px solid var(--hair-strong);background:var(--surface-2);color:var(--fg);border-radius:var(--r-pill);padding:.4rem .8rem;min-height:44px;font-weight:600;font-size:.82rem;font-family:inherit;cursor:pointer}.home-strip-raga:hover{border-color:var(--accent);color:var(--accent)}.home-strip-nudge{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-2);background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r);padding:var(--s-2) var(--s-3);font-size:.9rem;color:var(--muted)}.home-strip-nudge b{color:var(--ink)}.home-strip-nudge .btn{padding:.45rem .9rem;min-height:44px}.home-strip-nudge-dismiss{margin-left:auto;background:none;border:none;color:var(--faint);cursor:pointer;font-size:1.2rem;line-height:1;min-width:44px;min-height:44px}.update-flash{position:fixed;left:50%;bottom:var(--s-4);transform:translate(-50%);z-index:70;max-width:min(24rem,calc(100vw - var(--s-4) * 2));padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--shadow);color:var(--fg);font-size:.9rem;text-align:center;animation:update-flash-in .2s ease-out}@keyframes update-flash-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.you-view{display:grid;gap:var(--s-5)}.you-head{display:grid;gap:var(--s-1)}.you-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:600;margin:0}.you-sub{margin:0;color:var(--muted);font-size:.92rem}.you-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.you-ragas{grid-column:1 / -1}.you-card{display:grid;gap:var(--s-3);align-content:start}.you-card-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;margin:0}.you-hint{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}.yv-section{display:grid;gap:var(--s-2)}.yv-section+.yv-section{border-top:1px solid var(--hairline);padding-top:var(--s-3)}.yv-title{margin:0;font-family:var(--font-serif);font-size:.95rem;font-weight:600}.you-sa{margin:0;font-size:1.05rem}.you-sa b{color:var(--accent)}.you-range{margin:0;color:var(--muted);font-size:.92rem}.you-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-1)}.you-finder-step,.you-finder-result{margin:0;font-size:.98rem;line-height:1.5}.you-finder-heard{margin:0;font-size:.92rem;color:var(--accent);font-variant-numeric:tabular-nums}.you-sa-big{font-family:var(--font-serif);font-weight:600;color:var(--accent);white-space:nowrap}.you-summary{margin:0;font-size:.98rem;font-variant-numeric:tabular-nums}.you-recent{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-1)}.you-recent li{display:flex;justify-content:space-between;gap:var(--s-3);font-size:.86rem;padding:var(--s-1) 0;border-top:1px solid var(--hairline)}.you-recent-raga{font-weight:600}.you-recent-meta{color:var(--faint);white-space:nowrap}.you-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.you-chip{border:1px solid var(--hair-strong);background:var(--surface-2);color:var(--fg);border-radius:var(--r-pill);padding:.5rem .9rem;min-height:44px;font-weight:600;font-size:.84rem;font-family:inherit;cursor:pointer}.you-chip.on{border-color:var(--accent);color:var(--accent);background:var(--surface)}.you-empty{color:var(--faint);font-size:.86rem}.you-raga-search{width:100%;border:1px solid var(--hair-strong);background:var(--bg-2);color:var(--fg);border-radius:var(--r-md);padding:.6rem .8rem;min-height:44px;font-size:.92rem;font-family:inherit}.you-raga-results{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s-2)}.you-raga-add{border:1px solid var(--hair-strong);background:var(--surface-2);color:var(--fg);border-radius:var(--r-pill);padding:.45rem .85rem;min-height:44px;font-weight:600;font-size:.84rem;font-family:inherit;cursor:pointer}.you-presets{display:flex;flex-wrap:wrap;gap:var(--s-2)}.you-exit-row{display:flex;justify-content:center}@media(max-width:560px){.you-grid{grid-template-columns:minmax(0,1fr)}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}