@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1ab789535f7dc6ba-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/59df03d642d74c2d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Young Serif Fallback";src:local("Times New Roman");ascent-override:83.16%;descent-override:29.10%;line-gap-override:0.00%;size-adjust:125.78%}.__className_0d1ac7{font-family:"Young Serif","Young Serif Fallback";font-weight:400;font-style:normal}.__variable_0d1ac7{--font-title:"Young Serif","Young Serif Fallback"}@font-face{font-family:Albert Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/866ace25ba8133d9-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Albert Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/0ecabae3741772cf-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Albert Sans Fallback;src:local("Arial");ascent-override:91.47%;descent-override:24.07%;line-gap-override:0.00%;size-adjust:103.86%}.__className_d5d2a0{font-family:Albert Sans,Albert Sans Fallback;font-style:normal}.__variable_d5d2a0{--font-ui:"Albert Sans","Albert Sans Fallback"}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/59829bb575d36b50-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Spline Sans Mono;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e02f7a71372872a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Spline Sans Mono Fallback;src:local("Arial");ascent-override:71.59%;descent-override:17.57%;line-gap-override:0.00%;size-adjust:134.59%}.__className_1999fd{font-family:Spline Sans Mono,Spline Sans Mono Fallback;font-style:normal}.__variable_1999fd{--font-mono:"Spline Sans Mono","Spline Sans Mono Fallback"}:root{--void:#060e13;--space:#0c1b23;--space-high:#14313e;--chalk:#f0ebdd;--haldi:#e6b03d;--kumkum:#e0674c;--swara-s:#e6b03d;--swara-r1:#e8854f;--swara-r2:#e4705f;--swara-g2:#d96a94;--swara-g3:#b878d4;--swara-m1:#8b84e8;--swara-m2:#6a9de8;--swara-p:#5cb8d6;--swara-d1:#55c9b0;--swara-d2:#6fce8a;--swara-n2:#a3d06a;--swara-n3:#cfc757}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--void);color:var(--chalk);font-family:var(--font-ui),sans-serif;overflow-x:hidden}.app-shell{height:100dvh;overflow:hidden}body{-webkit-font-smoothing:antialiased}.serif{font-family:var(--font-title),serif}.mono{font-family:var(--font-mono),monospace}.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}.glass{background:rgba(12,27,35,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(240,235,221,.08);border-radius:14px}.chrome-label{font-size:10px;letter-spacing:2.5px;color:rgba(240,235,221,.45);text-transform:uppercase}.chrome-label,a.chip,button.chip{font-family:var(--font-mono),monospace}a.chip,button.chip{font-size:11px;letter-spacing:1.5px;color:rgba(240,235,221,.55);background:transparent;border:1px solid rgba(240,235,221,.12);border-radius:8px;padding:6px 11px;cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s,background .2s}a.chip:focus-visible,a.chip:hover,button.chip:focus-visible,button.chip:hover{color:var(--chalk);border-color:rgba(240,235,221,.3);outline:none}a.chip.lit,button.chip.lit{color:var(--haldi);border-color:rgba(230,176,61,.65);box-shadow:0 0 14px rgba(230,176,61,.18);background:rgba(230,176,61,.06)}a.chip:focus-visible,button.chip:focus-visible{box-shadow:0 0 0 2px rgba(230,176,61,.5)}a.chip{text-decoration:none;display:inline-flex;align-items:center}input.searchbox{font-family:var(--font-ui),sans-serif;font-size:15px;color:var(--chalk);background:transparent;border:none;outline:none;width:100%}input.searchbox::placeholder{color:rgba(240,235,221,.3)}input.thinline{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:130px;height:18px;background:transparent;cursor:pointer}input.thinline::-webkit-slider-runnable-track{height:1px;background:rgba(240,235,221,.25)}input.thinline::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--haldi);margin-top:-5px;box-shadow:0 0 8px rgba(230,176,61,.5)}input.thinline::-moz-range-track{height:1px;background:rgba(240,235,221,.25)}input.thinline::-moz-range-thumb{width:11px;height:11px;border:none;border-radius:50%;background:var(--haldi)}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--haldi);animation:pulse-dot 1.4s ease-in-out infinite}@keyframes panel-in{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}.panel-in{animation:panel-in .42s cubic-bezier(.22,1,.36,1)}.hide-wide{display:none!important}@media (max-width:680px){.hide-narrow{display:none!important}.hide-wide{display:block!important}.brand-eyebrow{display:none}.brand-title{font-size:16px!important}.hints{font-size:9px;max-width:90vw;padding:0 12px}button.chip{min-height:36px;padding:8px 12px;font-size:12px;letter-spacing:1px}.app-shell{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}}@media (max-width:900px){.grid-scroll{padding-top:210px}body{text-size-adjust:100%;-webkit-text-size-adjust:100%}}a,button,input,select{touch-action:manipulation}.notation-host{max-width:100%}.notation-host svg{max-width:100%;height:auto;display:block}@keyframes mandala-breathe{0%,to{opacity:.3}50%{opacity:.75}}.mandala-halo{animation:mandala-breathe 6s ease-in-out infinite}@keyframes mandala-spin{to{transform:rotate(1turn)}}.mandala-shimmer{animation:mandala-spin 150s linear infinite;transform-origin:500px 500px;transform-box:view-box}.mandala-node{cursor:pointer;transition:r .2s}.mandala-node:focus-visible{outline:none;stroke:var(--haldi);stroke-width:3px}.mandala-label{transition:opacity .2s,fill .2s}@media (prefers-reduced-motion:reduce){.mandala-halo{opacity:.5}.mandala-halo,.mandala-shimmer{animation:none}}details.psec>summary{list-style:none}details.psec>summary::-webkit-details-marker{display:none}details.psec>summary:hover{background:rgba(240,235,221,.04)}details.psec .chev{transition:transform .2s;color:rgba(240,235,221,.4);font-size:11px}details.psec[open] .chev{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.panel-in,.status-dot{animation:none}.status-dot{opacity:.9}}.grid-scroll{overflow-y:auto;height:100dvh;padding:130px 26px 140px}.left-rail{position:absolute;left:14px;top:80px;z-index:25;max-height:calc(100dvh - 94px)}@media (max-width:720px){.left-rail{top:128px;max-height:calc(100dvh - 142px)}}.mandala-stage{height:100dvh;display:flex;flex-direction:column;gap:8px;padding:62px 12px 10px 236px;overflow:hidden}.mandala-layout{display:flex;gap:14px;align-items:stretch}.mandala-canvas{position:relative;flex:1 1 auto;min-width:0;min-height:0}.mandala-info{flex:0 0 210px;display:flex;flex-direction:column;justify-content:center;gap:12px;max-height:100%;overflow-y:auto}@media (max-width:900px){.mandala-stage{padding:292px 16px 14px;overflow-y:auto}.mandala-layout{flex-direction:column;gap:10px}.mandala-info{flex:0 0 auto;justify-content:flex-start;order:-1}.mandala-canvas{order:0;min-height:44vh}}@media (max-width:680px){.mandala-stage{padding-top:300px}}.mela-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:14px;gap:14px;max-width:1280px;margin:0 auto}button.mela-card{text-align:left;background:rgba(12,27,35,.7);border:1px solid rgba(240,235,221,.08);border-radius:14px;padding:14px;cursor:pointer;color:var(--chalk);transition:border-color .2s,transform .2s}button.mela-card:focus-visible,button.mela-card:hover{border-color:rgba(230,176,61,.5);outline:none;transform:translateY(-2px)}button.mela-card.selected{border-color:var(--haldi)}.learn-root{min-height:100dvh;background:radial-gradient(1200px 700px at 80% -10%,rgba(230,176,61,.05),transparent 60%),var(--void);color:var(--chalk)}.learn-header{justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:18px 24px;border-bottom:1px solid rgba(240,235,221,.08)}.learn-brand,.learn-header{display:flex;align-items:center}.learn-brand{gap:12px;text-decoration:none;color:inherit}.learn-mark{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#e6b03d 0 22%,rgba(230,176,61,.15) 30% 60%,transparent 62%),conic-gradient(from 0deg,#e8854f,#b878d4,#5cb8d6,#6fce8a,#cfc757,#e8854f)}.learn-eyebrow{display:block;font:500 10px/1 var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:rgba(230,176,61,.7)}.learn-title{display:block;font:400 20px var(--font-title);margin-top:3px}.learn-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.learn-nav a{color:rgba(240,235,221,.75);text-decoration:none;font:500 14px var(--font-ui)}.learn-nav a:hover{color:var(--chalk)}.learn-cta{color:#0d0f14!important;background:var(--haldi);padding:7px 14px;border-radius:999px;font-weight:600!important}.learn-main{max-width:860px;margin:0 auto;padding:34px 24px 60px}.learn-kicker{letter-spacing:1.5px;text-transform:uppercase;color:rgba(230,176,61,.8);margin:0 0 8px}.chip-link,.learn-kicker{font:500 12px var(--font-mono)}.chip-link{display:inline-block;padding:7px 13px;border-radius:9px;letter-spacing:.8px;color:rgba(240,235,221,.7);text-decoration:none;border:1px solid rgba(240,235,221,.16);background:transparent}.chip-link:hover{color:var(--chalk);border-color:rgba(240,235,221,.35)}.chip-link.lit{color:var(--haldi);border-color:rgba(230,176,61,.6);background:rgba(230,176,61,.07)}.learn-article h1,.learn-hero h1{font:400 clamp(28px,5vw,44px)/1.1 var(--font-title);margin:0 0 14px;color:var(--chalk)}.learn-lede{font:400 18px/1.65 var(--font-ui);color:rgba(240,235,221,.82);max-width:44em}.learn-main h2{font:400 clamp(21px,3vw,27px) var(--font-title);margin:40px 0 12px}.learn-main h3{font:400 19px var(--font-title);margin:0 0 8px}.learn-sub{color:rgba(240,235,221,.6);font-size:15px}.prose{font:400 17px/1.75 var(--font-ui);color:rgba(240,235,221,.86);max-width:42em}.prose p{margin:0 0 18px}.prose h2{font:400 clamp(21px,3vw,27px) var(--font-title);margin:36px 0 12px;color:var(--chalk)}.prose ul{margin:0 0 20px;padding-left:22px}.prose li{margin:0 0 8px}.learn-footer a,.learn-sub a,.prose a,.raga-guide a{color:var(--haldi);text-decoration:none;border-bottom:1px solid rgba(230,176,61,.3)}.prose a:hover{border-bottom-color:var(--haldi)}.prose strong{color:var(--chalk)}.learn-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px;margin:8px 0 12px}.learn-card{display:block;text-decoration:none;color:inherit;background:rgba(20,49,62,.35);border:1px solid rgba(240,235,221,.08);border-radius:14px;padding:16px 18px;transition:border-color .2s,transform .2s}.learn-card:hover{border-color:rgba(230,176,61,.4);transform:translateY(-2px)}.learn-card h3{color:var(--chalk);font-size:17px;margin:0 0 6px;line-height:1.25}.learn-card p{color:rgba(240,235,221,.6);font:400 14px/1.5 var(--font-ui);margin:0 0 8px}.learn-readmore{color:var(--haldi);font:500 13px var(--font-mono)}.learn-ragas{margin-top:44px}.learn-chakra{margin:22px 0}.learn-chakra h3{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:1px solid rgba(240,235,221,.08);padding-bottom:6px}.learn-chakra-n{font:600 12px var(--font-mono);color:var(--haldi)}.learn-chakra-half{font:400 11px var(--font-mono);letter-spacing:1px;color:rgba(240,235,221,.4);margin-left:auto}.learn-ragalist{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:2px;gap:2px}.learn-ragalist a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;text-decoration:none;color:rgba(240,235,221,.82);font:400 15px var(--font-ui)}.learn-ragalist a:hover{background:rgba(230,176,61,.08);color:var(--chalk)}.learn-ragan{font:600 11px var(--font-mono);width:22px;flex-shrink:0}.learn-ragan,.learn-star{color:var(--haldi)}.learn-westtag{margin-left:auto;font:400 10px var(--font-mono);color:rgba(240,235,221,.4)}.learn-crumbs{font:500 13px var(--font-mono);color:rgba(240,235,221,.5);margin-bottom:18px}.learn-crumbs a{color:var(--haldi);text-decoration:none}.learn-meta{font:500 13px var(--font-mono);color:rgba(240,235,221,.5);margin:-6px 0 24px}.learn-faq{margin-top:44px}.learn-q{border-top:1px solid rgba(240,235,221,.09);padding:12px 0}.learn-q summary{cursor:pointer;font:500 16px var(--font-ui);color:var(--chalk);list-style:none}.learn-q summary::-webkit-details-marker{display:none}.learn-q p{color:rgba(240,235,221,.72);font:400 15px/1.6 var(--font-ui);margin:10px 0 0}.learn-related{margin-top:44px}.raga-dev{font-size:22px;color:rgba(240,235,221,.55);margin:-6px 0 12px}.raga-vivadi{color:var(--kumkum)}.raga-visuals{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:20px 0 24px}.raga-table{border-collapse:collapse;margin:10px 0 8px;font:400 15px var(--font-ui)}.raga-table td,.raga-table th{text-align:left;padding:6px 18px 6px 0;border-bottom:1px solid rgba(240,235,221,.07)}.raga-table th{font:500 12px var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:rgba(240,235,221,.5)}.raga-chords{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:6px;gap:6px}.raga-chords li{background:rgba(20,49,62,.35);border:1px solid rgba(240,235,221,.08);border-radius:10px;padding:9px 12px;font:400 15px var(--font-ui);display:flex;align-items:baseline;gap:7px}.raga-chords li strong{color:var(--haldi);font:600 13px var(--font-mono)}.raga-chords li span{color:rgba(240,235,221,.6);font-size:13px}.raga-chords li em{margin-left:auto;font:400 11px var(--font-mono);color:rgba(240,235,221,.4);font-style:normal}.raga-chords li.friction{border-color:rgba(224,103,76,.3)}.raga-songs{list-style:none;margin:8px 0;padding:0}.raga-songs li{padding:9px 0;border-bottom:1px solid rgba(240,235,221,.07);font:400 16px var(--font-ui)}.raga-songnote{color:rgba(240,235,221,.5);font-size:14px}.raga-nav{margin-top:40px}.raga-nav-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.raga-nav-row a{color:var(--haldi);text-decoration:none;font:500 14px var(--font-mono)}.raga-twin{margin:0 auto;padding:4px 12px;border:1px solid rgba(230,176,61,.3);border-radius:999px}.swara-strip{display:flex;gap:6px;flex-wrap:wrap}.swara-stone{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:46px;padding:8px 4px;border:1px solid;border-radius:10px;background:rgba(12,27,35,.5);transition:box-shadow .12s,transform .12s}.swara-stone.lit{transform:translateY(-2px)}.swara-dot{width:12px;height:12px;border-radius:50%}.swara-name{font:600 13px var(--font-mono);color:var(--chalk)}.swara-ivl{font:500 11px var(--font-mono)}.swara-key{display:flex;gap:6px}.swara-key span{font:600 13px var(--font-mono)}.keyplayer{padding:16px 18px;margin:8px 0;border-radius:16px}.keyplayer-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.keyplayer-keys{display:flex;gap:3px;flex-wrap:wrap}.keyplayer-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}.keyplayer-controls a.chip{text-decoration:none}.learn-footer{max-width:860px;margin:0 auto;padding:30px 24px 50px;border-top:1px solid rgba(240,235,221,.08);color:rgba(240,235,221,.55);font:400 14px/1.7 var(--font-ui)}.learn-footer a{color:var(--haldi);text-decoration:none}.learn-footlinks{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.learn-door{display:flex;align-items:baseline;gap:8px;padding:9px 12px;margin-top:2px;border:1px solid rgba(230,176,61,.35);border-radius:12px;background:rgba(230,176,61,.06);color:var(--haldi);text-decoration:none;font:600 12px var(--font-ui);letter-spacing:.5px;transition:background .2s,border-color .2s}.learn-door:hover{background:rgba(230,176,61,.13);border-color:rgba(230,176,61,.6)}.kids-door{display:flex;align-items:baseline;gap:8px;padding:9px 12px;border:1px solid rgba(92,184,214,.38);border-radius:12px;background:rgba(92,184,214,.07);color:#8bd0e6;text-decoration:none;font:600 12px var(--font-ui);letter-spacing:.5px;transition:background .2s,border-color .2s}.kids-door:hover{background:rgba(92,184,214,.14);border-color:rgba(92,184,214,.68)}.learn-door-sub{font:400 10px var(--font-mono);color:rgba(240,235,221,.55);letter-spacing:.5px}.learn-door-arrow{margin-left:auto}.janya-cards{display:flex;flex-direction:column;gap:16px;margin:16px 0 8px}.janya-card{padding:16px 18px;border-radius:16px}.janya-card-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.janya-card-head h3{font:400 20px var(--font-title);color:var(--chalk);margin:0;display:flex;align-items:baseline;gap:10px}.janya-card .janya-dev{font-size:14px;color:rgba(240,235,221,.5)}.janya-chips{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.janya-chip{font:500 10px var(--font-mono);letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid rgba(240,235,221,.18);color:rgba(240,235,221,.7)}.janya-chip.vakra{border-color:rgba(224,103,76,.5);color:var(--kumkum)}.janya-chip.glide{border-color:rgba(92,184,214,.5);color:#5cb8d6}.janya-note{font:400 15px/1.5 var(--font-ui);color:rgba(240,235,221,.72);margin:8px 0 2px}.janya-facts{font:400 14px/1.5 var(--font-ui);color:rgba(240,235,221,.6);margin:4px 0 10px}.janya-facts strong{color:var(--chalk)}.janya-svg{display:block;width:100%;height:auto;max-height:230px}.janya-dir{font:500 10px var(--font-mono);letter-spacing:1.5px;fill:rgba(230,176,61,.65);text-transform:uppercase}.janya-swara{font:600 11px var(--font-mono);fill:rgba(240,235,221,.75)}.janya-card-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}.janya-legend{font:400 11px var(--font-mono);color:rgba(240,235,221,.5);display:inline-flex;align-items:center;gap:6px}.janya-vakra-dot{width:9px;height:9px;border-radius:50%;border:1.6px solid var(--kumkum);display:inline-block}.transport-dock{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;gap:6px;padding:5px;border-radius:8px;background:rgba(12,11,16,.88);border:1px solid rgba(240,235,221,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 26px rgba(0,0,0,.4);animation:transport-in .18s ease-out}.transport-control,.transport-dock{display:inline-flex;align-items:center}.transport-control{min-height:38px;gap:8px;padding:7px 11px;border-radius:5px;cursor:pointer;background:rgba(240,235,221,.06);border:1px solid rgba(240,235,221,.12);color:var(--chalk);font:600 12px var(--font-ui);letter-spacing:0}.transport-control:hover{background:rgba(240,235,221,.12);border-color:rgba(240,235,221,.28)}.transport-control.stop{background:rgba(224,103,76,.13);border-color:rgba(224,103,76,.45)}.transport-control.stop:hover{background:rgba(224,103,76,.24);border-color:var(--kumkum)}.transport-square{width:11px;height:11px;border-radius:2px;background:var(--kumkum)}.transport-pause{width:11px;height:12px;border-left:4px solid var(--haldi);border-right:4px solid var(--haldi)}.transport-control kbd{font:500 10px var(--font-mono);letter-spacing:.5px;color:rgba(240,235,221,.6);border:1px solid rgba(240,235,221,.22);border-radius:5px;padding:1px 6px;background:rgba(240,235,221,.05)}@keyframes transport-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:540px){.transport-dock{bottom:10px;max-width:calc(100vw - 20px)}.transport-control{padding:7px 9px;font-size:11px}.transport-control kbd{display:none}}@media (prefers-reduced-motion:reduce){.transport-dock{animation:none}}.stage-shell{position:absolute;inset:0;z-index:12;overflow-y:auto;padding:86px 22px 96px 262px;background:var(--void)}.stage-masthead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(240,235,221,.1)}.stage-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:2.5px;color:rgba(230,176,61,.85);text-transform:uppercase}.stage-title{font-size:clamp(26px,4.4vw,50px);margin:4px 0 0;font-weight:400;line-height:1.03;letter-spacing:-.5px;color:var(--chalk);overflow-wrap:anywhere}.stage-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stage-pill{font-family:var(--font-mono);font-size:12px;letter-spacing:.4px;padding:5px 12px;border-radius:99px;border:1px solid rgba(240,235,221,.16);color:rgba(240,235,221,.78);background:rgba(240,235,221,.03)}.stage-pill strong,.stage-pill-live{color:var(--haldi)}.stage-pill-live{border-color:rgba(230,176,61,.5)}.stage-mode-toggle{display:flex;gap:8px}.stage-grid{display:grid;grid-gap:16px;gap:16px;align-items:start;grid-template-columns:minmax(0,1.45fr) minmax(340px,.82fr)}.stage-main,.stage-side{display:grid;grid-gap:14px;gap:14px;align-content:start;min-width:0;grid-template-columns:1fr}.stage-main{order:1}.stage-side{order:2}@media (max-width:1000px){.stage-grid{grid-template-columns:1fr}}.stage-piano-scroll{width:100%;overflow-x:auto;padding:4px 0 8px;scrollbar-color:rgba(230,176,61,.5) rgba(240,235,221,.06)}.stage-card-wide{grid-column:1/-1}.stage-main-duo{grid-template-columns:minmax(230px,.75fr) minmax(0,1.7fr)}.stage-main-duo>*{grid-column:1/-1}.stage-main-duo>.stage-col-left{grid-column:1;grid-row:1}.stage-main-duo>.stage-col-right{grid-column:2;grid-row:1}@media (max-width:1240px){.stage-main-duo{grid-template-columns:1fr}.stage-main-duo>.stage-col-left,.stage-main-duo>.stage-col-right{grid-column:1/-1;grid-row:auto}}.stage-col-left .stage-melody-instrument{width:100%;min-height:400px;padding:16px 12px}.stage-col-left .stage-melody-frets{min-height:356px}.stage-col-left .stage-melody-wrap{padding:2px 0 6px}.stage-col-left .stage-piano-caption{font-size:10px}.stage-melody-wrap{width:100%;display:grid;place-items:center;padding:5px 0 11px}.stage-melody-instrument{position:relative;width:min(100%,520px);min-height:548px;padding:30px;overflow:hidden;border:1px solid rgba(98,205,174,.34);border-radius:6px;background:radial-gradient(circle at 50% 48%,rgba(98,205,174,.09),transparent 42%),linear-gradient(180deg,#142f2b,#0b1719 72%);box-shadow:inset 0 20px 50px rgba(80,190,154,.06),0 18px 45px rgba(0,0,0,.18)}.stage-melody-string{position:absolute;z-index:0;top:26px;bottom:26px;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,#f1d47c,rgba(240,235,221,.28),#bd8f2b);box-shadow:0 0 13px rgba(230,176,61,.34)}.stage-melody-register{position:absolute;z-index:3;right:13px;color:rgba(240,235,221,.43);font:600 9px var(--font-mono);text-transform:uppercase;letter-spacing:0;writing-mode:vertical-rl}.stage-melody-register.high{top:13px}.stage-melody-register.low{bottom:13px;transform:rotate(180deg)}.stage-melody-frets{position:relative;z-index:1;display:grid;grid-template-rows:repeat(25,1fr);min-height:488px}.stage-melody-fret{position:relative;display:grid;grid-template-columns:minmax(42px,1fr) minmax(150px,3fr) minmax(42px,1fr);align-items:center;min-height:19px;color:rgba(240,235,221,.34);transition:color .13s ease,transform .13s ease}.stage-melody-fret small{justify-self:end;padding-right:14px;font:500 9px var(--font-mono);letter-spacing:0}.stage-melody-fret i{display:block;width:58%;height:1px;justify-self:center;background:rgba(240,235,221,.16);transition:width .13s ease,height .13s ease,background .13s ease,box-shadow .13s ease}.stage-melody-fret.natural i{width:76%}.stage-melody-fret b{min-height:16px;padding-left:14px;color:transparent;font:700 11px var(--font-ui);letter-spacing:0}.stage-melody-fret:after{content:"";position:absolute;left:50%;width:5px;height:5px;border-radius:50%;transform:translateX(-50%);background:rgba(240,235,221,.24)}.stage-melody-fret.active{color:rgba(240,235,221,.82)}.stage-melody-fret.active i{width:92%;height:3px;border-radius:2px;background:var(--key-colour);box-shadow:0 0 10px color-mix(in srgb,var(--key-colour),transparent 38%)}.stage-melody-fret.active b{color:var(--key-colour)}.stage-melody-fret.active:after{width:9px;height:9px;background:#fff8df;border:2px solid var(--key-colour);box-shadow:0 0 11px var(--key-colour)}.stage-melody-fret.sounding{color:#fff8df;transform:scale(1.035)}.stage-melody-fret.sounding i{height:5px;background:#fff8df;box-shadow:0 0 18px var(--key-colour),0 0 6px #fff8df}.stage-melody-fret.sounding:after{width:14px;height:14px;background:#fff8df}.stage-piano{position:relative;min-width:calc(var(--white-keys, 15) * 28px);height:190px;border-radius:6px;padding:13px 12px 12px;overflow:hidden}.stage-piano-chord{background:linear-gradient(180deg,#311b27,#171119 70%);border:1px solid rgba(212,83,126,.32);box-shadow:inset 0 18px 35px rgba(212,83,126,.07)}.stage-piano-whites{display:grid;grid-template-columns:repeat(var(--white-keys,15),minmax(0,1fr));height:164px}.stage-piano-key{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;letter-spacing:0;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.stage-piano-key.white{min-width:0;height:164px;padding:8px 2px;color:#29252a;background:linear-gradient(180deg,#fffefa,#ddd8cf);border:1px solid #8a8581;border-top:0;border-radius:0 0 4px 4px}.stage-piano-key.black{position:absolute;z-index:2;top:13px;width:calc(72% / var(--white-keys, 15));height:104px;transform:translateX(-50%);padding:6px 1px;color:#f5eee1;background:linear-gradient(180deg,#17151a,#302d33 72%,#0c0b0e);border:1px solid #060508;border-radius:0 0 4px 4px;box-shadow:0 6px 8px rgba(0,0,0,.55)}.stage-piano-key strong{font:700 11px var(--font-ui);color:inherit}.stage-piano-key small{font:500 8px var(--font-mono);opacity:.62;margin-top:4px}.stage-piano-key.active.white{color:#151313;background:linear-gradient(180deg,color-mix(in srgb,var(--key-colour),white 62%),color-mix(in srgb,var(--key-colour),white 28%));box-shadow:inset 0 -10px 22px color-mix(in srgb,var(--key-colour),transparent 48%)}.stage-piano-key.active.black{background:linear-gradient(180deg,color-mix(in srgb,var(--key-colour),white 10%),color-mix(in srgb,var(--key-colour),black 54%));border-color:color-mix(in srgb,var(--key-colour),white 24%)}.stage-piano-key.sounding{transform:translateY(3px);box-shadow:inset 0 0 0 3px #fff5c4,0 0 18px var(--key-colour)}.stage-piano-key.black.sounding{transform:translateX(-50%) translateY(3px)}.stage-chord-footer,.stage-piano-caption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(240,235,221,.66);font:500 11px var(--font-mono);line-height:1.5}.stage-chord-focus,.stage-piano-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.stage-segmented{display:flex;gap:5px;flex-wrap:wrap}.stage-segmented .chip{min-height:38px;padding:7px 12px;font-size:12px}.stage-play-button{min-height:42px;padding:8px 16px;font-size:13px}.kriti-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.kriti-lyric{font-size:13px;letter-spacing:.6px;color:rgba(240,235,221,.85);margin-top:4px}.kriti-score{margin:6px 0 4px;padding:10px 12px 4px;border-radius:10px;background:rgba(240,235,221,.03);border:1px solid rgba(240,235,221,.08);overflow-x:auto}.kriti-score svg{display:block;min-width:520px}.kriti-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.kriti-controls .stage-play-button{margin-left:auto}.kriti-loop-btn{min-height:52px!important;padding:10px 26px!important;font-size:15px!important;font-weight:700;letter-spacing:1px!important;border-width:2px!important}.kriti-loop-btn.lit{background:rgba(230,176,61,.14)!important;box-shadow:0 0 18px rgba(230,176,61,.28)!important}.stage-chord-picker{display:flex;gap:7px;flex-wrap:wrap}.stage-chord-focus{padding:12px 0 4px;border-top:1px solid rgba(240,235,221,.08);margin-top:12px}.stage-chord-focus>div:first-child{display:grid;grid-gap:2px;gap:2px}.stage-chord-focus strong{font:400 28px var(--font-serif);color:var(--chalk)}.stage-chord-focus small{color:rgba(240,235,221,.58);font:500 11px var(--font-mono)}.stage-chord-footer{align-items:center;margin-top:3px}@media (max-width:1100px){.stage-shell{padding:348px 18px 96px}}@media (max-width:540px){.stage-melody-instrument{min-height:504px;padding:28px 12px}.stage-melody-frets{min-height:448px}.stage-melody-fret{grid-template-columns:minmax(34px,1fr) minmax(116px,3fr) minmax(34px,1fr)}.stage-melody-fret small{padding-right:9px}.stage-melody-fret b{padding-left:9px}}@media (max-width:680px){.app-shell:has(.stage-shell) .left-rail{width:calc(100vw - 28px)!important;max-width:none!important;max-height:none}.app-shell:has(.stage-shell) .left-rail nav[aria-label="Main navigation"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.app-shell:has(.stage-shell) .kids-door,.app-shell:has(.stage-shell) .learn-door{min-width:0}.stage-shell{padding:390px 12px 96px}}@keyframes guide-rise{0%{opacity:0;transform:translateY(-24px) scale(.94)}to{opacity:1}}@media (prefers-reduced-motion:reduce){@keyframes guide-rise{0%{opacity:0}to{opacity:1}}}.wa-fab{position:fixed;right:16px;bottom:16px;z-index:40;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;color:rgba(240,235,221,.72);background:rgba(12,27,35,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(240,235,221,.14);box-shadow:0 8px 26px rgba(0,0,0,.4);transition:color .2s,border-color .2s,box-shadow .2s,transform .2s}.wa-fab:focus-visible,.wa-fab:hover{color:#eaf6ee;border-color:rgba(37,211,102,.55);box-shadow:0 10px 30px rgba(37,211,102,.18);transform:translateY(-1px);outline:none}.wa-fab svg{flex:none}.wa-fab .wa-mark{color:#25d366}@media (max-width:680px){.wa-fab{bottom:42px;padding:11px}.wa-fab span{display:none}}