.b-page{--b-pad: clamp(1.25rem, 5vw, 4rem);--b-kick: 6.5rem;--b-text: 44rem;--b-gap: 3.5rem;--b-rail: clamp(12rem, 19vw, 16rem);counter-reset:fig}.b-grid{display:grid;grid-template-columns:[full-start] minmax(var(--b-pad),1fr) [wide-start] minmax(0,var(--b-kick)) [text-start] minmax(0,var(--b-text)) [text-end] minmax(0,var(--b-gap)) [rail-start] minmax(0,var(--b-rail)) [rail-end wide-end] minmax(var(--b-pad),1fr) [full-end]}.b-grid>*{grid-column:text;min-width:0}.b-grid>.b-wide,.b-grid>.b-hero{grid-column:wide}.b-grid>.b-span{grid-column:text-start / wide-end}.b-grid>.b-full{grid-column:full}@media (max-width: 64rem){.b-page{--b-kick: 0rem;--b-gap: 0rem;--b-rail: 0rem}.b-grid{grid-template-columns:[full-start] minmax(var(--b-pad),1fr) [wide-start text-start rail-start] minmax(0,46rem) [text-end rail-end wide-end] minmax(var(--b-pad),1fr) [full-end]}}@media (min-width: 40rem) and (max-width: 64rem){.b-grid{grid-template-columns:[full-start] minmax(var(--b-pad),1fr) [wide-start] minmax(0,3rem) [text-start rail-start] minmax(0,44rem) [text-end rail-end] minmax(0,3rem) [wide-end] minmax(var(--b-pad),1fr) [full-end]}}.b-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:var(--accent);opacity:.85}.b-head{padding-block:clamp(2rem,5vw,4.5rem) clamp(2rem,4vw,3.25rem);row-gap:0}.b-head>*{grid-column:text-start / wide-end}.b-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;color:var(--ink-3)}.b-crumb a{color:var(--ink-3);text-decoration:none}.b-crumb a:hover{color:var(--ink)}.b-crumb span[aria-hidden]{color:var(--rule-strong)}.b-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(2rem,4vw,3rem);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-3);max-width:none}.b-kicker>span:first-child{color:var(--accent)}.b-kicker i{width:3px;height:3px;border-radius:50%;background:var(--rule-strong)}.b-title{margin-top:1.1rem;font-size:clamp(2.7rem,4.4vw + .9rem,5.4rem);line-height:1.01;letter-spacing:-.028em;font-weight:420;max-width:17ch;text-wrap:balance}.b-title .b-title-sub{display:block;margin-top:.35em;font-size:.42em;line-height:1.15;letter-spacing:-.012em;color:var(--ink-2);font-style:italic;font-weight:400;max-width:30ch}.b-title [lang=hi]{font-size:.5em;color:var(--ink-3);margin-left:.3em;letter-spacing:0;vertical-align:.12em}.b-dek{margin-top:clamp(1.25rem,2.5vw,1.75rem);font-size:clamp(1.2rem,.55vw + 1.05rem,1.5rem);line-height:1.5;color:var(--ink-2);max-width:38em;text-wrap:pretty}.b-byline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1.1rem;border-top:1px solid var(--rule);font-size:.875rem;color:var(--ink-3);max-width:none}.b-byline strong{color:var(--ink-2);font-weight:500}.b-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(1.5rem,3vw,2.25rem);border-top:1px solid var(--rule);max-width:none}.b-stats>div{padding:1rem 2.25rem 0 0;margin-right:2.25rem;border-right:1px solid var(--rule)}.b-stats>div:last-child{border-right:0;margin-right:0}.b-stats dt{font-size:.78rem;color:var(--ink-3);font-weight:500}.b-stats dd{margin:4px 0 0;font-family:var(--font-display);font-size:1.45rem;line-height:1.2;color:var(--ink);font-variant-numeric:lining-nums}.b-stats dd small{font-family:var(--font-text);font-size:.8rem;color:var(--ink-3)}@media (max-width: 40rem){.b-stats{display:grid;grid-template-columns:1fr 1fr}.b-stats>div{padding:.85rem 0;margin:0;border-right:0;border-bottom:1px solid var(--rule)}.b-stats>div:nth-child(odd){padding-right:1rem}}.b-hero{margin:0;padding:clamp(1.25rem,4vw,3.5rem);background:var(--bg-band);border-radius:clamp(14px,2vw,26px)}.b-hero>figcaption,.b-fig>figcaption{margin-top:clamp(1rem,2vw,1.5rem);font-size:.9rem;line-height:1.55;color:var(--ink-3);max-width:46rem;text-wrap:pretty}.b-hero>figcaption:before,.b-fig>figcaption:before{counter-increment:fig;content:"Fig. " counter(fig);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--ink-2);margin-right:.75em}.b-hero.b-hero-stage{padding:0;background:none;border-radius:0}.b-hero-stage>.b-stage{background:var(--bg-band);border-color:transparent}.b-body{padding-block:clamp(2.5rem,5vw,4.5rem) 0;font-size:1.1875rem;line-height:1.72;color:color-mix(in srgb,var(--ink) 88%,var(--bg))}@media (max-width: 40rem){.b-body{font-size:1.0938rem;line-height:1.7}}.b-body>*+*{margin-top:1.15em}.b-body p,.b-body li{max-width:none;text-wrap:pretty}.b-body strong{color:var(--ink)}.b-body h2{position:relative;margin-top:2.7em;font-size:clamp(1.85rem,1vw + 1.45rem,2.55rem);line-height:1.1;letter-spacing:-.018em;scroll-margin-top:96px}.b-body h2+*{margin-top:.75em}.b-body h2[data-n]:before{content:attr(data-n);position:absolute;right:calc(100% + 2rem);top:.6em;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--ink-3);white-space:nowrap}.b-body h2[data-n]:after{content:"";position:absolute;right:calc(100% + 2rem);top:calc(.6em + 1.45rem);width:1.4rem;height:1px;background:var(--rule-strong)}@media (max-width: 64rem){.b-body h2[data-n]:before{position:static;display:block;margin-bottom:.9rem}.b-body h2[data-n]:after{display:none}}.b-body h3{margin-top:2em;font-size:1.45rem;line-height:1.25;font-weight:500}.b-body h3+*{margin-top:.5em}.b-body ul,.b-body ol{padding-left:1.25em}.b-body li+li{margin-top:.5em}.b-body li::marker{color:var(--ink-3)}.b-body a:not(.btn):not(.b-open):not(.b-card):not(.chip){text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent)}.b-body em{font-style:italic}.b-body .b-has-side{position:relative}.b-side{display:block;position:absolute;top:.35em;left:calc(100% + var(--b-gap));width:var(--b-rail);padding-left:1rem;border-left:1px solid var(--rule);font-size:.875rem;line-height:1.55;color:var(--ink-3);text-wrap:pretty}.b-side b{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:450;color:var(--ink);margin-bottom:2px}.b-side b [lang=hi]{font-size:.95rem;color:var(--ink-3);margin-left:4px}@media (max-width: 64rem){.b-side{position:static;width:auto;margin-top:1rem;padding:.85rem 1rem;border-left:2px solid var(--rule-strong);background:var(--bg-band);border-radius:0 var(--radius-md) var(--radius-md) 0}}.b-answer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin-top:1.5em;list-style:none;border-top:1px solid var(--ink);counter-reset:answer}.b-body .b-answer{padding-left:0}.b-answer li{margin:0;padding:1.35rem 1.5rem .25rem 0;counter-increment:answer}.b-answer li+li{margin-top:0;padding-left:1.5rem;border-left:1px solid var(--rule)}.b-answer li:before{content:counter(answer,decimal-leading-zero);display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;color:var(--ink-3);margin-bottom:.9rem}.b-answer b{display:block;font-family:var(--font-display);font-weight:450;font-size:clamp(1.35rem,.7vw + 1.1rem,1.7rem);line-height:1.2;color:var(--ink);margin-bottom:.5rem}.b-answer span{display:block;font-size:1rem;line-height:1.55;color:var(--ink-2)}@media (max-width: 48rem){.b-answer{grid-template-columns:1fr}.b-answer li+li{padding-left:0;border-left:0;border-top:1px solid var(--rule)}.b-answer li{padding-bottom:1rem}}.b-rules{list-style:none;border-top:1px solid var(--ink)}.b-body .b-rules{padding-left:0}.b-rules li{display:grid;grid-template-columns:minmax(7rem,10rem) minmax(0,1fr);gap:.25rem 1.5rem;align-items:baseline;margin:0;padding:.95rem 0;border-bottom:1px solid var(--rule)}.b-body .b-rules li+li{margin-top:0}.b-rules b{font-family:var(--font-display);font-weight:450;font-size:1.4rem;line-height:1.2;color:var(--ink)}.b-rules span{font-size:1.05rem;color:var(--ink-2)}@media (max-width: 36rem){.b-rules li{grid-template-columns:1fr}}.b-pull{margin-block:2.2em;padding:.2em 0 .2em 1.4rem;border-left:2px solid var(--accent);font-family:var(--font-display);font-size:clamp(1.5rem,.9vw + 1.2rem,2.05rem);line-height:1.3;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.b-steps{list-style:none;counter-reset:step}.b-body .b-steps{padding-left:0}.b-steps>li{position:relative;counter-increment:step;padding:1.25rem 0 1.25rem 3.5rem;border-top:1px solid var(--rule)}.b-steps>li+li{margin-top:0}.b-steps>li:last-child{border-bottom:1px solid var(--rule)}.b-steps>li:before{content:counter(step);position:absolute;left:0;top:1.05rem;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--rule-strong);display:grid;place-items:center;font-family:var(--font-display);font-size:1.1rem;color:var(--ink)}.b-steps>li>b:first-child{display:block;font-family:var(--font-display);font-weight:450;font-size:1.3rem;line-height:1.3;color:var(--ink);margin-bottom:.25rem}.b-pair{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden}.b-pair>div{background:var(--surface);padding:clamp(1.25rem,3vw,2rem)}.b-pair h3{margin:0 0 .75rem;font-size:1.35rem}.b-pair h3 span{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--ink-3);margin-bottom:.6rem}.b-pair ul{margin:0;padding-left:1.1em;font-size:1rem;line-height:1.6;color:var(--ink-2)}.b-pair li+li{margin-top:.45em}@media (max-width: 40rem){.b-pair{grid-template-columns:1fr}}.b-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;margin:0}.b-terms>div{background:var(--surface);padding:1.25rem 1.25rem 1.4rem;display:grid;align-content:start;gap:.35rem}.b-terms dt{font-family:var(--font-display);font-size:1.3rem;line-height:1.2;color:var(--ink)}.b-terms dt [lang=hi]{font-size:1rem;color:var(--ink-3);margin-left:6px}.b-terms dd{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink-2)}.b-terms svg{width:44px;height:28px;margin-bottom:.6rem;overflow:visible}@media (max-width: 56rem){.b-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}.b-glyph{fill:none;stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.b-glyph-fill{fill:var(--ink)}.b-glyph-khali{fill:none;stroke:var(--khali);stroke-width:1.6}.b-glyph-faint{fill:var(--ordinary)}.b-glyph-text{font-family:var(--font-mono);font-size:11px;fill:var(--ink-2)}.b-fig{margin:2.4em 0 2.2em}.b-body>.b-fig{margin-top:2.4em}.b-fig>figcaption{font-size:.875rem}.b-table{overflow-x:auto;border-top:1px solid var(--ink)}.b-section-head+.b-table{border-top:0}.b-table table{width:100%;border-collapse:collapse;font-size:.98rem;font-variant-numeric:tabular-nums}.b-table th,.b-table td{padding:.85rem 1.25rem .85rem 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}.b-table thead th{padding-block:.8rem;font-size:.78rem;font-weight:500;color:var(--ink-3);letter-spacing:.02em}.b-table td:first-child{color:var(--ink)}.b-table tr.sam td{color:var(--ink);font-weight:600}.b-table td{color:var(--ink-2)}.b-table .b-num{font-family:var(--font-mono);font-size:.9rem}.b-stage{position:relative;background:var(--surface);border:1px solid var(--rule);border-radius:clamp(14px,2vw,22px);padding:clamp(1.25rem,3.5vw,2.75rem);font-size:1rem;line-height:1.5;color:var(--ink)}.b-field+.b-field{margin-top:1.5rem}.b-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.b-field-label{font-size:.8125rem;font-weight:500;color:var(--ink-3)}.b-field-aside{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3)}.b-play{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 1.2rem 0 .35rem;border-radius:var(--radius-pill);border:1px solid var(--rule-strong);background:transparent;color:var(--ink);font-size:.975rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease}.b-play:hover{border-color:var(--ink-3)}.b-disc{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--on-accent);transition:background-color var(--motion-fast) ease,transform var(--motion-base) var(--ease-out)}.b-disc svg{width:15px;height:15px}.b-disc .i-play{margin-left:2px}.b-disc-lg{width:72px;height:72px}.b-disc-lg svg{width:26px;height:26px}.b-disc-sm{width:30px;height:30px}.b-disc-sm svg{width:12px;height:12px}.i-stop,[aria-pressed=true] .i-play,[data-state=playing] [data-play] .i-play,[data-state=loading] [data-play] .i-play{display:none}[aria-pressed=true] .i-stop,[data-state=playing] [data-play] .i-stop,[data-state=loading] [data-play] .i-stop{display:block}[data-state=playing] .b-play,.b-play[aria-pressed=true]{border-color:var(--accent)}[data-state=loading] [data-play] .b-disc,[data-loading=true] .b-disc{position:relative}[data-state=loading] [data-play] .b-disc:after,[data-loading=true] .b-disc:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid transparent;border-top-color:var(--accent);animation:b-spin .9s linear infinite}@keyframes b-spin{to{transform:rotate(360deg)}}.b-play-sm{min-height:40px;padding-right:1rem;font-size:.925rem;gap:10px}.b-play-sm .b-disc{width:30px;height:30px}.b-play-sm .b-disc svg{width:12px;height:12px}.b-chips{display:flex;flex-wrap:wrap;gap:8px}.b-chip{display:inline-flex;align-items:baseline;gap:7px;min-height:38px;padding:7px 13px;border-radius:var(--radius-md);border:1px solid var(--rule-strong);background:transparent;color:var(--ink);font-size:.9rem;font-weight:500;line-height:1.3;cursor:pointer;white-space:nowrap;transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease}.b-chip i{font-style:normal;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3)}.b-chip:hover{border-color:var(--control)}.b-chip[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent);font-weight:600}.b-chip[aria-checked=true] i{color:var(--ink-2)}.b-seg{display:inline-flex;max-width:100%;border:1px solid var(--control);border-radius:var(--radius-md);overflow:hidden;overflow-x:auto;scrollbar-width:none}.b-seg::-webkit-scrollbar{display:none}.b-seg>button{min-height:38px;padding:0 15px;border:0;border-left:1px solid var(--rule-strong);background:transparent;color:var(--ink-2);font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer}.b-seg>button:first-child{border-left:0}.b-seg>button [lang=hi]{color:var(--ink-3);margin-left:3px}.b-seg>button[aria-checked=true]{background:var(--accent-soft);color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}@media (hover: hover){.b-seg>button:hover:not([aria-checked=true]){color:var(--ink);background:var(--surface-raised)}}.b-range{--fill: 50%;appearance:none;-webkit-appearance:none;width:100%;height:30px;margin:0;background:transparent;cursor:pointer}.b-range::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:linear-gradient(to right,var(--ink) 0 var(--fill),var(--rule-strong) var(--fill))}.b-range::-moz-range-track{height:2px;background:var(--rule-strong)}.b-range::-moz-range-progress{height:2px;background:var(--ink)}.b-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;border-radius:2px;background:var(--ink);border:2px solid var(--surface);transform:rotate(45deg);transition:transform var(--motion-fast) var(--ease-out)}.b-range::-moz-range-thumb{width:11px;height:11px;border-radius:2px;background:var(--ink);border:2px solid var(--surface);transform:rotate(45deg)}.b-range:active::-webkit-slider-thumb{transform:rotate(45deg) scale(1.2)}.b-range:focus-visible{outline:none}.b-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--accent)}.b-tempo-read{font-size:.875rem;color:var(--ink-2)}.b-tempo-read output{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}.b-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:.35rem}.b-preset{padding:5px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-3);font-size:.82rem;font-weight:500;cursor:pointer}.b-preset i{font-style:normal;font-family:var(--font-mono);font-size:.72rem;margin-left:3px}.b-preset:hover{color:var(--ink);background:var(--bg-band)}.b-preset[aria-current=true]{color:var(--accent)}.b-switch{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:500;color:var(--ink-2);cursor:pointer;position:relative}.b-switch input{position:absolute;opacity:0;width:1px;height:1px}.b-switch-track{position:relative;width:40px;height:24px;border-radius:var(--radius-pill);background:var(--rule-strong);transition:background-color var(--motion-base) ease}.b-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--control);transition:transform var(--motion-base) var(--ease-out),background-color var(--motion-base) ease}.b-switch input:checked+.b-switch-track{background:var(--accent)}.b-switch input:checked+.b-switch-track:after{transform:translate(16px);background:var(--on-accent);box-shadow:none}.b-switch input:focus-visible+.b-switch-track{outline:2px solid var(--focus);outline-offset:3px}.b-open{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.b-open .arrow{width:16px;height:16px;transition:transform var(--motion-base) var(--ease-out)}.b-open:hover{color:var(--accent-hover)}.b-open:hover .arrow{transform:translate(3px)}.b-stage-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--rule)}.b-stage-note{margin-top:1rem;font-size:.85rem;color:var(--ink-3)}.b-stage-taal{display:grid;gap:clamp(1.75rem,4vw,3.5rem);align-items:center}@media (min-width: 52rem){.b-stage-taal{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.b-taal-ring{position:relative;width:min(100%,30rem);margin-inline:auto;aspect-ratio:1}.b-ring{width:100%;height:100%;overflow:visible}.b-ring-track{fill:none;stroke:var(--rule-strong);stroke-width:1.3;stroke-linecap:round}.b-ring-track.is-picked{stroke:var(--ink);stroke-width:2.2}.b-ring-progress{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .4s ease}.b-ring-cursor{fill:var(--accent);opacity:0;transition:opacity .4s ease}[data-state=playing] .b-ring-progress,[data-state=playing] .b-ring-cursor{opacity:1}.b-m{transform-box:fill-box;transform-origin:center;transition:fill 80ms linear,stroke 80ms linear,transform .18s var(--ease-out)}.b-m-sam,.b-m-tali{fill:var(--ink)}.b-m-khali{fill:var(--surface);stroke:var(--khali);stroke-width:1.8}.b-hero .b-m-khali{fill:var(--bg-band)}.b-m-plain{fill:var(--ordinary)}.b-m-plain.is-picked{fill:var(--ink)}.b-m[data-on=true]{fill:var(--accent);transform:scale(1.45)}.b-m-khali[data-on=true]{fill:var(--surface);stroke:var(--accent)}.b-ring-bol{font-family:var(--font-mono);font-size:12.5px;fill:var(--ink-3);text-anchor:middle;dominant-baseline:central;transition:fill 80ms linear}.b-ring-bol[data-on=true]{fill:var(--accent)}.b-ring-sign{font-family:var(--font-display);font-style:italic;font-size:17px;fill:var(--ink-2);text-anchor:middle;dominant-baseline:central}.b-ring-sign.is-khali{fill:var(--khali)}@media (max-width: 30rem){.b-ring-bol{font-size:15px}.b-ring-play .b-disc-lg{width:56px;height:56px}.b-ring-meta{display:none}}.b-ring-play{position:absolute;left:50%;top:50%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);border:0;border-radius:50%;padding:0;background:none;color:var(--ink);cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.b-ring-idle,.b-ring-live{grid-area:1 / 1;display:grid;justify-items:center;align-content:center;text-align:center;transition:opacity .35s ease,transform .5s var(--ease-soft)}.b-ring-idle{gap:10px}.b-ring-cta{margin-top:4px;font-size:.95rem;font-weight:600}.b-ring-meta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;color:var(--ink-3)}.b-ring-play:hover .b-disc{background:var(--accent-hover);transform:scale(1.04)}.b-ring-live{opacity:0;transform:scale(.94);pointer-events:none}[data-state=playing] .b-ring-idle,[data-state=loading] .b-ring-idle .b-ring-cta,[data-state=loading] .b-ring-idle .b-ring-meta{opacity:0}[data-state=playing] .b-ring-idle{transform:scale(.92);pointer-events:none}[data-state=playing] .b-ring-live{opacity:1;transform:none}.b-live-n{font-family:var(--font-display);font-size:clamp(3.4rem,5vw + 1rem,5rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}.b-live-bol{margin-top:6px;font-family:var(--font-mono);font-size:1rem;color:var(--ink-2)}.b-live-hand{margin-top:8px;min-height:1.2em;font-size:.8rem;font-weight:500;color:var(--ink-3)}.b-live-hand[data-hand=clap]{color:var(--ink)}.b-live-hand[data-hand=wave]{color:var(--khali)}.b-ring-live:after{content:"stop";position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink-3);opacity:0;transition:opacity .3s ease}.b-ring-live{position:relative}.b-ring-play:hover .b-ring-live:after,.b-ring-play:focus-visible .b-ring-live:after{opacity:1}.b-taal-side{min-width:0}.b-notation{display:flex;flex-wrap:wrap;row-gap:.75rem}.b-note-vib{display:inline-flex;padding-right:.7rem;margin-right:.7rem;border-right:1px solid var(--rule-strong)}.b-note-vib:last-child{border-right:0;margin-right:0;padding-right:0}.b-note-cell{display:grid;justify-items:center;min-width:2.35rem;padding:0 .15rem}.b-note-cell i{font-style:normal;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-3);line-height:1.4}.b-note-cell b{font-family:var(--font-mono);font-weight:400;font-size:.9rem;color:var(--ink-2);line-height:1.6;transition:color 80ms linear}.b-note-cell s{text-decoration:none;font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--ink);line-height:1.2}.b-note-cell s.is-khali{color:var(--khali)}.b-note-cell s.is-sam{font-style:normal;font-size:1.55rem;line-height:.8}.b-note-cell.is-sam b{color:var(--ink);font-weight:500}.b-note-cell[data-on=true] b{color:var(--accent)}.b-fig>.b-notation{padding:1.5rem 1.75rem 1.35rem;background:var(--bg-band);border-radius:var(--radius-lg);row-gap:1.1rem}.b-fig>.b-notation .b-note-cell{min-width:3rem}.b-fig>.b-notation .b-note-cell b{font-size:1.02rem}.b-notation-lg .b-note-cell{min-width:3.1rem}.b-notation-lg .b-note-cell b{font-size:1.05rem}.b-cmp{border-top:1px solid var(--ink)}.b-cmp-head,.b-cmp-row{display:grid;grid-template-columns:2.5rem minmax(9rem,1.1fr) 3.5rem minmax(15rem,2.4fr) minmax(9rem,1.2fr);align-items:center;gap:1rem}.b-cmp-head{padding-block:.7rem;font-size:.78rem;font-weight:500;color:var(--ink-3);border-bottom:1px solid var(--rule)}.b-cmp-list{list-style:none;margin:0}.b-body .b-cmp-list{padding-left:0}.b-cmp-row{padding-block:.8rem;border-bottom:1px solid var(--rule)}.b-body .b-cmp-row+.b-cmp-row{margin-top:0}.b-cmp-row[data-on=true] .b-cmp-name{color:var(--accent)}.b-cmp-play{padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.b-cmp-play .b-disc{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}.b-cmp-play:hover .b-disc,.b-cmp-row[data-on=true] .b-cmp-play .b-disc{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.b-cmp-name{font-family:var(--font-display);font-size:1.2rem;line-height:1.25;color:var(--ink);text-decoration:none}.b-cmp-name [lang=hi]{display:block;font-size:.9rem;color:var(--ink-3)}.b-cmp-name:hover{color:var(--accent)}.b-cmp-n{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);font-variant-numeric:lining-nums}.b-cmp-strip svg{max-width:100%;height:auto}.b-cmp-facts{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-2);line-height:1.5}.b-cmp-facts span{color:var(--ink-3);font-size:.75rem}@media (max-width: 52rem){.b-cmp-head{display:none}.b-cmp-row{grid-template-columns:2.5rem minmax(0,1fr) auto;grid-template-areas:"play name n" "play strip strip" "play facts facts";row-gap:.4rem;align-items:start}.b-cmp-play{grid-area:play;margin-top:2px}.b-cmp-name{grid-area:name}.b-cmp-n{grid-area:n}.b-cmp-strip{grid-area:strip}.b-cmp-facts{grid-area:facts}}.b-strip-rule{stroke:var(--rule-strong);stroke-width:1}.b-strip-sign{font-family:var(--font-display);font-style:italic;font-size:12px;fill:var(--ink-2);text-anchor:middle}.b-strip-sign.is-khali{fill:var(--khali)}.b-strip-sign.is-sam{font-style:normal;font-size:19px;fill:var(--ink)}.b-stage-tanpura{display:grid;gap:clamp(1.5rem,3vw,2.75rem);align-items:center}@media (min-width: 52rem){.b-stage-tanpura{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.b-chip [lang=hi]{color:var(--ink-3);font-weight:400}.b-strings{width:100%;height:auto;overflow:visible}.b-string-line{fill:none;stroke:var(--ink-3);stroke-width:1.4;stroke-linecap:round}.b-string.is-first .b-string-line{stroke:var(--tanpura);stroke-width:1.8}.b-string[data-on=true] .b-string-line{stroke:var(--ink)}.b-string.is-first[data-on=true] .b-string-line{stroke:var(--tanpura)}.b-string-name{font-family:var(--font-display);font-size:23px;fill:var(--ink)}.b-string.is-first .b-string-name{fill:var(--tanpura)}.b-string-sub{font-family:var(--font-mono);font-size:12.5px;fill:var(--ink-3)}@media (max-width: 30rem){.b-string-sub{display:none}.b-string-name{font-size:30px}}.b-string-nut,.b-string-bridge{stroke:var(--rule-strong);stroke-width:3;stroke-linecap:round}.b-string-bridge{stroke:var(--ink-3);stroke-width:5}.b-tan-side{display:grid;gap:1.35rem;justify-items:start}.b-tan-side .b-field{width:100%}.b-tan-side .b-field+.b-field{margin-top:0}.b-tan-read{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-3)}.b-pick{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:88px;max-width:22rem}.b-pick-key{position:relative;border:1px solid var(--rule-strong);border-left-width:0;background:var(--key-white);color:var(--ink-3);display:grid;align-items:end;justify-items:center;padding:0 0 7px;font-size:.72rem;font-weight:500;cursor:pointer;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}.b-pick-key:first-child{border-left-width:1px;border-radius:7px 0 0 7px}.b-pick>.b-pick-key:nth-child(7){border-radius:0 7px 7px 0}.b-pick-key.is-black{position:absolute;top:0;left:calc((var(--at) / 7) * 100%);width:calc(100% / 7 * .62);height:58%;transform:translate(-50%);z-index:2;background:var(--key-black);border:1px solid var(--key-black-edge);border-radius:0 0 4px 4px;color:var(--key-black-text);font-size:.62rem;padding-bottom:5px}.b-pick-key[aria-checked=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.b-pick-key:hover:not([aria-checked=true]){color:var(--ink)}.b-pick-key.is-black:hover:not([aria-checked=true]){color:var(--key-black-text);filter:brightness(1.25)}.b-lad{border-top:1px solid var(--ink)}.b-lad-head,.b-lad-row{display:grid;grid-template-columns:2.25rem minmax(9rem,1.1fr) minmax(8rem,1.2fr) 4.5rem minmax(12rem,1.9fr);gap:1rem;align-items:center}.b-lad-head{padding-block:.7rem;font-size:.78rem;font-weight:500;color:var(--ink-3);border-bottom:1px solid var(--rule)}.b-lad-axis{position:relative;display:block;height:1.2em;font-family:var(--font-mono);font-size:.68rem}.b-lad-axis span{position:absolute;top:0;white-space:nowrap}.b-lad-list{list-style:none;margin:0}.b-body .b-lad-list{padding-left:0}.b-lad-row{padding-block:.55rem;border-bottom:1px solid var(--rule);font-size:.95rem}.b-body .b-lad-row+.b-lad-row{margin-top:0}.b-lad-play{padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.b-lad-play .b-disc{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}.b-lad-play:hover .b-disc,.b-lad-play[aria-pressed=true] .b-disc{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.b-lad-name{color:var(--ink);font-weight:500}.b-lad-name [lang=hi]{color:var(--ink-3);margin-left:4px;font-weight:400}.b-lad-row.is-common .b-lad-name{font-weight:600}.b-lad-scale{position:relative;height:20px}.b-lad-scale:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--rule-strong)}.b-lad-scale i{position:absolute;top:3px;bottom:3px;width:1px;background:var(--ink-3)}.b-lad-scale b{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--tanpura)}.b-lad-row[data-on=true] .b-lad-scale b{box-shadow:0 0 0 4px color-mix(in srgb,var(--tanpura) 22%,transparent)}.b-lad-note{font-family:var(--font-mono);font-size:.85rem;color:var(--ink-2)}.b-lad-use{color:var(--ink-2);font-size:.9rem;line-height:1.45}@media (max-width: 52rem){.b-lad-head{display:none}.b-lad-row{grid-template-columns:2.25rem minmax(0,1fr) auto;grid-template-areas:"play name note" "play scale scale" "play use use";row-gap:.35rem;align-items:start;padding-block:.8rem}.b-lad-play{grid-area:play}.b-lad-name{grid-area:name}.b-lad-note{grid-area:note}.b-lad-scale{grid-area:scale}.b-lad-use{grid-area:use}}.b-finder-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.b-finder-step{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-size:clamp(1.2rem,.6vw + 1rem,1.45rem);line-height:1.35;color:var(--ink)}.b-finder-n{flex:none;display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;border:1px solid var(--rule-strong);font-size:.95rem;transform:translateY(-2px)}.b-finder-board{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.b-finder-keys{width:100%;min-width:36rem;height:auto;display:block}.b-keys{overflow:visible}.b-key rect{transition:fill var(--motion-fast) ease,stroke var(--motion-fast) ease}.b-key-white rect{fill:var(--key-white);stroke:var(--rule-strong);stroke-width:1}.b-key-black rect{fill:var(--key-black);stroke:var(--key-black-edge);stroke-width:1}.b-key[role=button]{cursor:pointer;outline:none}.b-key-white[role=button]:hover rect{fill:var(--surface-raised)}.b-key-black[role=button]:hover rect{fill:var(--ink-2)}.b-key[role=button]:focus-visible rect{stroke:var(--focus);stroke-width:2.5}.b-key-name{font-family:var(--font-mono);font-size:12px;fill:var(--ink-3);text-anchor:middle;pointer-events:none}.b-key-label{font-family:var(--font-display);font-size:17px;fill:var(--ink);text-anchor:middle;pointer-events:none}.b-key-black .b-key-label{fill:var(--key-black-text);font-size:14px}.b-key.is-floor rect{fill:var(--surface-raised);stroke:var(--ink);stroke-width:1.6}.b-key-black.is-floor rect{fill:var(--ink-2)}.b-key.is-sa rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.6}.b-key-black.is-sa rect{fill:var(--accent)}.b-key.is-sa .b-key-label,.b-key.is-sa .b-key-name{fill:var(--accent)}.b-key-black.is-sa .b-key-label{fill:var(--on-accent)}.b-key.is-taar rect{stroke:var(--accent);stroke-width:1.2;stroke-dasharray:4 3}.b-key-white.is-count rect{fill:color-mix(in srgb,var(--accent) 7%,var(--key-white))}.b-key-black.is-count rect{fill:color-mix(in srgb,var(--accent) 22%,var(--key-black))}.b-keymap{display:block;width:100%;height:auto}.b-key.is-swara rect{fill:color-mix(in srgb,var(--accent) 6%,var(--key-white))}.b-key-black.is-swara rect{fill:color-mix(in srgb,var(--accent) 24%,var(--key-black))}.b-keymap .b-key-black .b-key-label{fill:var(--key-black-text)}.b-keymap .b-key-black.is-sa .b-key-label{fill:var(--on-accent)}.b-keymap-wrap{padding:1.5rem 1.75rem;background:var(--bg-band);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:thin}.b-keymap-wrap .b-keymap{min-width:34rem}.b-key.is-sounding rect{fill:var(--accent-soft)}.b-key-black.is-sounding rect{fill:var(--accent)}.b-finder-result{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--rule);display:grid;gap:1.5rem 2.5rem;align-items:start}@media (min-width: 52rem){.b-finder-result{grid-template-columns:minmax(12rem,.8fr) minmax(0,2fr)}.b-finder-actions{grid-column:1 / -1}}.b-finder-result[hidden]{display:none}.b-finder-kicker{font-size:.8125rem;color:var(--ink-3);font-weight:500}.b-finder-name{display:flex;align-items:baseline;gap:12px;margin-top:2px}.b-finder-name strong{font-family:var(--font-display);font-weight:420;font-size:clamp(3.2rem,3vw + 2rem,4.4rem);line-height:1;letter-spacing:-.02em;color:var(--accent)}.b-finder-name span{font-size:1rem;color:var(--ink-2)}.b-finder-hz{margin-top:6px;font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3)}.b-finder-ladder{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--rule)}.b-body .b-finder-ladder{padding-left:0}.b-finder-ladder li{margin:0;padding:.9rem .9rem 0 0}.b-body .b-finder-ladder li+li{margin-top:0}.b-finder-ladder li+li{padding-left:.9rem;border-left:1px solid var(--rule)}.b-finder-ladder button{display:grid;gap:3px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink)}.b-finder-ladder .b-lad-what{font-size:.78rem;color:var(--ink-3);font-weight:500}.b-finder-ladder .b-lad-swara{font-family:var(--font-display);font-size:1.6rem;line-height:1.1}.b-finder-ladder .b-lad-hz{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3)}.b-finder-ladder button:hover .b-lad-swara,.b-finder-ladder button[data-on=true] .b-lad-swara,.b-finder-ladder li.is-sa .b-lad-swara{color:var(--accent)}@media (max-width: 40rem){.b-finder-ladder{grid-template-columns:1fr 1fr}.b-finder-ladder li:nth-child(3){border-left:0;padding-left:0}.b-finder-ladder li:nth-child(n+3){border-top:1px solid var(--rule);margin-top:.9rem}}.b-finder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}.b-nudge{display:inline-flex;gap:6px;margin-left:auto}.b-nudge button{padding:7px 11px;border:1px solid var(--rule-strong);border-radius:var(--radius-md);background:transparent;color:var(--ink-2);font-size:.82rem;font-weight:500;cursor:pointer}.b-nudge button:hover{color:var(--ink);border-color:var(--control)}@media (max-width: 40rem){.b-nudge{margin-left:0}}.b-vm{--white-count: 7}.b-vm-bands{position:relative;height:64px;margin-bottom:10px}.b-vm-band{position:absolute;bottom:0;left:calc(var(--s) / 7 * 100% + 3px);width:calc((var(--e) - var(--s)) / 7 * 100% - 6px);height:22px;border-top:1px solid var(--ink-3)}.b-vm-band:before,.b-vm-band:after{content:"";position:absolute;top:-1px;width:1px;height:7px;background:var(--ink-3)}.b-vm-band:before{left:0}.b-vm-band:after{right:0}.b-vm-band-text{position:absolute;bottom:calc(100% + 6px);left:0;font-size:.8rem;font-weight:500;color:var(--ink-2);white-space:nowrap}.b-vm-peak{position:absolute;top:6px;left:var(--p);transform:translate(-50%);font-family:var(--font-display);font-style:italic;font-size:.8rem;color:var(--accent);white-space:nowrap}.b-vm-keys{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));height:clamp(150px,20vw,210px)}.b-vm-key{position:relative;display:grid;align-content:end;justify-items:center;gap:4px;padding:0 4px 14px;border:1px solid var(--rule-strong);border-left-width:0;background:var(--key-white);cursor:pointer;transition:background-color var(--motion-fast) ease}.b-vm-key:first-child{border-left-width:1px;border-radius:10px 0 0 10px}.b-vm-keys>.b-vm-key:nth-child(12){border-radius:0 10px 10px 0}.b-vm-key b{font-family:var(--font-display);font-weight:450;font-size:1.35rem;color:var(--ink)}.b-vm-key i{font-style:normal;font-size:.7rem;line-height:1.2;color:var(--ink-3);text-align:center}.b-vm-key.is-black{position:absolute;top:0;left:calc(var(--at) / 7 * 100%);width:calc(100% / 7 * .64);height:60%;transform:translate(-50%);z-index:2;background:var(--key-black);border:1px solid var(--key-black-edge);border-radius:0 0 6px 6px;padding-bottom:10px}.b-vm-key.is-black b{font-size:1rem;color:var(--key-black-text)}.b-vm-key.is-black i{display:none}.b-vm-key.is-peak b:after{content:"";display:block;width:5px;height:5px;margin:5px auto 0;border-radius:50%;background:var(--accent)}.b-vm-key:hover:not(.is-black){background:var(--surface-raised)}.b-vm-key[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.b-vm-key.is-black[aria-pressed=true]{background:var(--accent)}.b-vm-key.is-black[aria-pressed=true] b{color:var(--on-accent)}.b-vm-read{margin-top:1.1rem;min-height:3em;font-size:.95rem;color:var(--ink-2)}.b-vm-read strong{font-family:var(--font-display);font-weight:450;font-size:1.15rem}@media (max-width: 40rem){.b-vm-key i{font-size:.6rem}.b-vm-band-text{font-size:.7rem}.b-vm-bands{height:58px}.b-vm-peak{display:none}}.b-kn-keys,.b-kb{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.b-kn-keys{height:124px}.b-kn-key,.b-kb-key{position:relative;display:grid;align-content:end;justify-items:center;gap:2px;padding:0 4px 12px;border:1px solid var(--rule-strong);border-left-width:0;background:var(--key-white);text-decoration:none;color:var(--ink);transition:background-color var(--motion-fast) ease}.b-kn-key:first-child,.b-kb-key:first-child{border-left-width:1px;border-radius:10px 0 0 10px}.b-kn-keys>.b-kn-key:nth-child(12),.b-kb>.b-kb-key:nth-child(12){border-radius:0 10px 10px 0}.b-kn-key b,.b-kb-key b{font-family:var(--font-display);font-weight:450;font-size:1.2rem}.b-kn-key i,.b-kb-key i{font-style:normal;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-3)}.b-kn-key.is-black,.b-kb-key.is-black{position:absolute;top:0;left:calc(var(--at) / 7 * 100%);width:calc(100% / 7 * .64);height:58%;transform:translate(-50%);z-index:2;background:var(--key-black);border:1px solid var(--key-black-edge);border-radius:0 0 6px 6px;padding-bottom:8px}.b-kn-key.is-black b,.b-kb-key.is-black b{font-size:.92rem;color:var(--key-black-text)}.b-kn-key.is-black i,.b-kb-key.is-black i{display:none}.b-kn-key:hover:not(.is-black):not(.is-here),.b-kb-key:hover:not(.is-black){background:var(--surface-raised)}.b-kn-key.is-black:hover:not(.is-here),.b-kb-key.is-black:hover{filter:brightness(1.3)}.b-kn-key.is-here{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.b-kn-key.is-here b,.b-kn-key.is-here i{color:var(--on-accent)}.b-guide-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem}.b-guide-now{display:flex;align-items:baseline;gap:12px;min-height:2.5rem}.b-guide-swara{font-family:var(--font-display);font-size:2.1rem;line-height:1;color:var(--ink-3);transition:color var(--motion-fast) ease}[data-state=playing] .b-guide-swara{color:var(--accent)}.b-guide-what{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3)}.b-contour-wrap{margin-top:1.5rem;overflow-x:auto;scrollbar-width:thin}.b-contour{display:block;width:100%;min-width:34rem;height:auto;overflow:visible}.b-contour-grid{stroke:var(--rule);stroke-width:1;stroke-dasharray:2 4}.b-cn rect{fill:var(--ink-3);transition:fill 80ms linear}.b-cn text{font-family:var(--font-mono);font-size:12.5px;fill:var(--ink-3);text-anchor:middle;transition:fill 80ms linear}.b-cn[data-on=true] rect{fill:var(--accent)}.b-cn[data-on=true] text{fill:var(--accent)}.b-cn[data-past=true] rect{fill:var(--ink)}.b-drone line{stroke:var(--rule-strong);stroke-width:2;stroke-dasharray:1 5;stroke-linecap:round}.b-drone text{font-family:var(--font-display);font-style:italic;font-size:15px;fill:var(--ink-3);text-anchor:end}.b-drone.is-on line{stroke:var(--tanpura);stroke-dasharray:none;stroke-width:2.5}.b-drone.is-on text{fill:var(--tanpura)}.b-guide-controls{display:grid;gap:1.25rem 2rem;margin-top:1.75rem}@media (min-width: 52rem){.b-guide-controls{grid-template-columns:auto 1fr}}.b-guide-controls .b-field+.b-field{margin-top:0}.b-hear{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.4em}.b-hear-live{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-3);min-height:1.2em}[data-state=playing] .b-hear-live{color:var(--accent)}.b-hears{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:1.4em}.b-hears .b-hear{margin-top:0}.b-hears .b-hear-live{display:none}.b-sa-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1.1rem 1.35rem;background:var(--bg-band);border-radius:var(--radius-lg)}.b-sa-bar-label{font-family:var(--font-display);font-size:1.2rem;color:var(--ink)}.b-sa-bar .b-pick{flex:1 1 16rem;height:70px;max-width:20rem}.b-sa-bar-help{font-size:.875rem}.b-metro-main{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem;margin-bottom:1.75rem}.b-metro-play{padding:0;border:0;background:none;cursor:pointer;border-radius:50%}.b-metro-play:hover .b-disc{background:var(--accent-hover)}.b-metro-read{display:flex;align-items:baseline;gap:10px}.b-metro-bpm{font-family:var(--font-display);font-size:clamp(4rem,6vw + 1.5rem,6.5rem);line-height:.9;letter-spacing:-.03em;font-weight:420;font-variant-numeric:tabular-nums lining-nums;min-width:3ch}.b-metro-unit{font-size:.9rem;color:var(--ink-3);font-weight:500}.b-metro-laya{font-family:var(--font-display);font-style:italic;font-size:1.15rem;color:var(--ink-2)}.b-metro-beats{display:flex;gap:14px;margin-left:auto}.b-metro-beats i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--rule-strong);transition:background-color 60ms linear,border-color 60ms linear,transform .16s var(--ease-out)}.b-metro-beats i:first-child{border-radius:3px;transform:rotate(45deg) scale(.86)}.b-metro-beats i[data-on=true]{background:var(--accent);border-color:var(--accent)}.b-metro-beats i:first-child[data-on=true]{transform:rotate(45deg) scale(1.1)}.b-metro-scale{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);margin-top:2px}.b-metro-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.b-metro-steps{display:inline-flex;flex-wrap:wrap;gap:6px}.b-metro-steps button{min-width:46px;min-height:40px;padding:0 12px;border:1px solid var(--rule-strong);border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:var(--font-mono);font-size:.9rem;cursor:pointer}.b-metro-steps button:hover{border-color:var(--control)}.b-metro-steps .b-metro-tap{font-family:var(--font-text);font-weight:600;min-width:72px}.b-metro-steps .b-metro-tap:active{background:var(--accent-soft);border-color:var(--accent)}.b-stage-metro .b-presets{margin-top:1rem}@media (max-width: 40rem){.b-metro-beats{margin-left:0}}.b-art{position:relative;width:100%;margin-inline:auto}.b-art>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.b-art-label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1.1;pointer-events:none}.b-art-label[data-anchor=above]{transform:translate(-50%,-100%)}.b-art-label[data-anchor=below]{transform:translate(-50%)}.b-art-label[data-anchor=left]{transform:translate(-100%,-50%)}.b-art-label[data-anchor=right]{transform:translateY(-50%)}.b-art-swara{font-family:var(--font-display);font-size:clamp(1rem,1.6vw + .4rem,1.9rem);color:var(--ink)}.b-art-swara.is-sa{color:var(--accent)}.b-art-swara.is-faint{color:var(--ink-3)}.b-dot-below,.b-dot-above{position:relative}.b-dot-below:after,.b-dot-above:after{content:"";position:absolute;left:-.42em;width:.16em;height:.16em;border-radius:50%;background:currentColor}.b-dot-below:after{bottom:-.22em}.b-dot-above:after{top:-.12em}.b-art-note{font-family:var(--font-display);font-style:italic;font-size:clamp(.8rem,.9vw + .45rem,1.2rem);color:var(--ink-2)}.b-art-note.is-faint{color:var(--ink-3)}.b-art-count{font-family:var(--font-mono);font-size:clamp(.62rem,.5vw + .45rem,.85rem);color:var(--ink-2)}.b-art-count.on-black{color:var(--key-black-text)}.b-bow{fill:none;stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round}.b-bow.is-five{stroke:var(--accent);stroke-width:1.8}.b-bow.is-reach{stroke:var(--ink-3);stroke-dasharray:3 5}.b-bow-end{fill:var(--ink-2)}.b-pin{display:inline-grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:.75rem;font-weight:500;line-height:1}.b-art .b-pin{box-shadow:0 0 0 4px var(--bg-band)}.b-diagram{display:grid;gap:2rem 2.5rem;align-items:center}@media (min-width: 60rem){.b-diagram:not(.is-wide){grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) minmax(0,.8fr)}}.b-art-ring{max-width:34rem}.b-legend{list-style:none;margin:0;padding:0;display:grid;gap:1.35rem}.b-legend li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;margin:0}.b-legend .b-pin{margin-top:2px}.b-legend-term{font-family:var(--font-display);font-size:1.25rem;line-height:1.25;color:var(--ink)}.b-legend-term [lang=hi]{font-size:1rem;color:var(--ink-3);margin-left:4px}.b-legend-text{margin-top:2px;font-size:.925rem;line-height:1.5;color:var(--ink-2)}.b-legend.is-under{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem 2rem}@media (max-width: 60rem){.b-legend.is-left,.b-legend.is-right,.b-legend.is-under{grid-template-columns:1fr 1fr}.b-diagram:not(.is-wide) .b-art{order:-1}}@media (max-width: 36rem){.b-legend.is-left,.b-legend.is-right,.b-legend.is-under{grid-template-columns:1fr}}.b-avartan,.b-avartan-head{fill:none;stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.b-ring-title{font-family:var(--font-display);font-size:34px;fill:var(--ink);text-anchor:middle}.b-ring-sub{font-family:var(--font-mono);font-size:13px;fill:var(--ink-3);text-anchor:middle}.b-hero-ring .b-ring-sign{font-size:20px}.b-ring-sign.is-sam,.b-hero-ring .b-ring-sign.is-sam{font-style:normal;font-size:32px;fill:var(--ink)}.b-tan-gourd{fill:var(--surface);stroke:var(--ink-3);stroke-width:1.3}.b-tan-board{fill:none;stroke:var(--rule-strong);stroke-width:1}.b-tan-neck{fill:var(--surface);stroke:var(--ink-3);stroke-width:1.3}.b-tan-peg{fill:var(--surface);stroke:var(--ink-3);stroke-width:1.2}.b-tan-nut{stroke:var(--ink-2);stroke-width:3;stroke-linecap:round}.b-tan-bridge{fill:var(--surface-raised);stroke:var(--ink-2);stroke-width:1.3}.b-tan-tail{fill:none;stroke:var(--ink-2);stroke-width:3;stroke-linecap:round}.b-tan-string{fill:none;stroke:var(--ink-2);stroke-width:1.1}.b-tan-string.is-first{stroke:var(--tanpura);stroke-width:1.8}.b-tan-string.is-peg{stroke-width:1;stroke-dasharray:2 3}.b-tan-bead{fill:var(--surface);stroke:var(--ink-2);stroke-width:1.2}.b-tan-thread{stroke:var(--ink);stroke-width:2;stroke-linecap:round}.b-art-string{font-family:var(--font-display);font-size:clamp(.8rem,.8vw + .45rem,1.15rem);color:var(--ink-2)}.b-art-string.is-first{color:var(--tanpura)}.b-score-cut{stroke:var(--rule);stroke-width:1}.b-score-axis,.b-score-tick{stroke:var(--rule-strong);stroke-width:1}.b-score-sa{stroke:var(--tanpura);stroke-width:1;stroke-dasharray:2 5;opacity:.7}.b-score-note{fill:var(--ink-2)}.b-score-note.is-sa{fill:var(--tanpura)}.b-score-drone{fill:none;stroke:var(--tanpura);stroke-width:1.2;opacity:.6}.b-score-melody{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.b-art-lane{font-family:var(--font-display);font-size:clamp(.72rem,.8vw + .4rem,1.1rem);color:var(--ink);text-align:center}.b-art-lane .is-short{display:none}@media (max-width: 44rem){.b-art-lane .is-long{display:none}.b-art-lane .is-short{display:inline}}.b-art-min{font-family:var(--font-mono);font-size:clamp(.62rem,.4vw + .5rem,.8rem);color:var(--ink-3)}.b-art-min.is-unit{font-size:.7rem}.b-hero-keys .b-key-white rect{fill:var(--surface)}html.js .b-hero .b-bow{stroke-dasharray:1;stroke-dashoffset:1;animation:b-draw 1.4s var(--ease-soft) .3s forwards}html.js .b-hero .b-bow.is-reach{stroke-dasharray:none;stroke-dashoffset:0;opacity:0;animation:b-fade .8s ease 1.2s forwards}html.js .b-hero .b-bow.is-octave{animation-delay:.7s}@keyframes b-draw{to{stroke-dashoffset:0}}@keyframes b-fade{to{opacity:1}}.b-more{padding-block:clamp(4rem,8vw,7rem) 0}.b-more-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--ink);margin-bottom:2rem}.b-more-head h2{font-size:clamp(1.7rem,1vw + 1.3rem,2.3rem)}.b-more-head a{font-size:.9375rem;font-weight:500;text-decoration:none}.b-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);list-style:none;margin:0;padding:0}@media (max-width: 56rem){.b-cards{grid-template-columns:1fr}}.b-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);border-radius:var(--radius-lg)}.b-card-art{position:relative;aspect-ratio:16 / 10;background:var(--bg-band);border-radius:var(--radius-lg);overflow:hidden;transition:background-color var(--motion-base) ease}.b-card-art>svg{position:absolute;left:8%;top:11%;width:84%;height:78%;overflow:visible}.b-card-art .b-thumb .b-bow{stroke-dasharray:none;animation:none;opacity:1}.b-card:hover .b-card-art{background:color-mix(in srgb,var(--bg-band) 70%,var(--rule))}.b-card-kicker{margin-top:1.1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--ink-3)}.b-card-title{margin-top:.5rem;font-family:var(--font-display);font-size:clamp(1.35rem,.6vw + 1.15rem,1.65rem);line-height:1.2;letter-spacing:-.01em;color:var(--ink);transition:color var(--motion-fast) ease}.b-card:hover .b-card-title{color:var(--accent)}.b-card-text{margin-top:.5rem;font-size:.95rem;line-height:1.55;color:var(--ink-2)}.b-cta{margin-top:clamp(3.5rem,7vw,5.5rem);padding:clamp(2rem,5vw,3.5rem);border-radius:clamp(16px,2vw,26px);background:var(--bg-band);display:grid;gap:1.5rem 3rem;align-items:center}@media (min-width: 52rem){.b-cta{grid-template-columns:minmax(0,1.4fr) auto}}.b-body .b-cta h2,.b-cta h2{margin:0;font-size:clamp(1.8rem,1.2vw + 1.35rem,2.6rem);line-height:1.1;text-wrap:balance}.b-cta h2:before,.b-cta h2:after{display:none}.b-cta p{margin-top:.75rem;color:var(--ink-2);font-size:1.05rem;max-width:38rem}.b-cta-act{display:grid;justify-items:start;gap:.75rem}.b-cta-act small{font-size:.85rem;color:var(--ink-3)}.b-details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.b-details>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:.85rem 0;font-size:.95rem;font-weight:500;color:var(--ink-2)}.b-details>summary::-webkit-details-marker{display:none}.b-details>summary:before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--motion-base) var(--ease-out)}.b-details[open]>summary:before{transform:rotate(45deg)}.b-details>summary:hover{color:var(--ink)}.b-details .b-table{margin-bottom:1.25rem;border-top-color:var(--rule-strong)}.b-body .faq{max-width:none;margin-top:1.25em}.b-body .faq summary{font-size:1.25rem}.b-body .faq details p{font-size:1.02rem}.b-index-head{padding-block:clamp(2.5rem,6vw,5.5rem) clamp(2rem,4vw,3rem)}.b-index-head>*{grid-column:wide}.b-index-title{font-size:clamp(3rem,5.2vw + 1rem,6.4rem);line-height:.98;letter-spacing:-.03em;font-weight:420;max-width:12ch}.b-index-lede{margin-top:1.5rem;font-size:clamp(1.2rem,.6vw + 1.05rem,1.5rem);line-height:1.5;color:var(--ink-2);max-width:36em}.b-section{padding-block:clamp(2.5rem,5vw,4.5rem)}.b-section>*{grid-column:wide}.b-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 2rem;padding-bottom:1.1rem;border-bottom:1px solid var(--ink);margin-bottom:clamp(1.5rem,3vw,2.25rem)}.b-section-head h2{font-size:clamp(1.9rem,1.3vw + 1.4rem,2.8rem);line-height:1.08}.b-section-head p{font-size:.95rem;color:var(--ink-3);max-width:34rem}.b-feature{display:grid;gap:clamp(1.5rem,3vw,3rem);align-items:center;text-decoration:none;color:var(--ink)}@media (min-width: 56rem){.b-feature{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.b-feature .b-card-art{aspect-ratio:16 / 9.5;padding:clamp(1.5rem,3.5vw,3rem)}.b-feature .b-card-title{font-size:clamp(2rem,1.6vw + 1.4rem,3.1rem);line-height:1.06;letter-spacing:-.02em}.b-feature .b-card-text{font-size:1.1rem;max-width:30rem}.b-feature .b-open{margin-top:1.5rem}.b-feature:hover .b-card-title{color:var(--accent)}.b-feature:hover .b-card-art{background:color-mix(in srgb,var(--bg-band) 70%,var(--rule))}.b-guides-rest{margin-top:clamp(2.5rem,5vw,4rem)}.b-feature-art{aspect-ratio:auto;padding:clamp(1.5rem,3.5vw,3rem) clamp(1.25rem,3vw,2.5rem)}.b-feature-art .b-art-count{display:none}.b-feature-art .b-art-swara{font-size:clamp(.85rem,.9vw + .35rem,1.3rem)}.b-feature-art .b-art-note{font-size:clamp(.75rem,.6vw + .4rem,1rem)}.b-feature-copy{display:grid;justify-items:start}.b-index-head .b-crumb{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.b-tgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;list-style:none;margin:0;padding:0}@media (max-width: 64rem){.b-tgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 40rem){.b-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.b-tcard{display:grid;gap:.4rem;height:100%;padding:1.25rem 1.25rem 1.35rem;background:var(--surface);text-decoration:none;color:var(--ink);transition:background-color var(--motion-fast) ease}.b-tcard:hover,.b-tcard[aria-current=page]{background:var(--bg-band)}.b-tcard[aria-current=page] .b-tcard-name{color:var(--accent)}.b-tcard[aria-current=page] .b-tcard-vib:after{content:" · this page"}.b-tcard-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.b-tcard-name{font-family:var(--font-display);font-size:1.3rem;line-height:1.2}.b-tcard:hover .b-tcard-name{color:var(--accent)}.b-tcard-n{font-family:var(--font-display);font-size:1.55rem;color:var(--ink-3);font-variant-numeric:lining-nums}.b-tcard-script{font-size:.95rem;color:var(--ink-3)}.b-tcard-strip{margin-top:.8rem;min-height:22px}.b-tcard-strip svg{max-width:100%;height:auto}.b-tcard-vib{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-3)}.b-kb{height:clamp(200px,26vw,300px)}.b-kb-key{padding-bottom:1.1rem;gap:4px}.b-kb-key b{font-size:clamp(1.25rem,1.2vw + .8rem,1.9rem)}.b-kb-key i{font-size:.72rem}.b-kb-key em{font-style:italic;font-family:var(--font-display);font-size:.85rem;color:var(--ink-3);text-align:center;line-height:1.2}.b-kb-key.is-black em{display:none}.b-kb-key:hover b{color:var(--accent)}.b-kb-key.is-black:hover b{color:var(--key-black-text)}@media (max-width: 40rem){.b-kb-key em,.b-kb-key i{display:none}}.b-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.75rem);margin-top:clamp(1.5rem,3vw,2.25rem)}@media (max-width: 40rem){.b-tools{grid-template-columns:1fr}}.b-tool{display:grid;gap:.35rem;padding:1.35rem 1.5rem;border:1px solid var(--rule);border-radius:var(--radius-lg);text-decoration:none;color:var(--ink);transition:border-color var(--motion-fast) ease}.b-tool:hover{border-color:var(--rule-strong)}.b-tool b{font-family:var(--font-display);font-weight:450;font-size:1.3rem}.b-tool span{font-size:.95rem;color:var(--ink-2)}.b-tool:hover b{color:var(--accent)}.b-raga-hero{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(1rem,2.5vw,1.75rem);align-items:stretch}.b-raga-hero>.b-raga-pic{width:100%;height:100%;min-height:16rem;object-fit:cover;border-radius:clamp(14px,2vw,22px);background:var(--bg-band)}.b-raga-hero>.b-stage{background:var(--bg-band);border-color:transparent}.b-raga-hero>figcaption{grid-column:1 / -1}@media (max-width: 48rem){.b-raga-hero{grid-template-columns:1fr}.b-raga-hero>.b-raga-pic{order:2;min-height:0;height:auto;aspect-ratio:3 / 2}}.b-sargam{margin:0;border-top:1px solid var(--ink)}.b-sargam>div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.5rem 1.5rem;padding:1rem 0;border-bottom:1px solid var(--rule)}.b-sargam dt{font-size:.85rem;font-weight:500;color:var(--ink-3)}.b-sargam dt [lang=hi]{display:block;margin-top:2px;font-weight:400}.b-sargam dd{margin:0;display:grid;gap:4px}.b-sargam-latin{font-family:var(--font-display);font-size:1.35rem;line-height:1.35;color:var(--ink)}.b-sargam-hindi{font-size:1.05rem;color:var(--ink-2)}@media (max-width: 40rem){.b-sargam>div{grid-template-columns:1fr}.b-sargam-latin{font-size:1.2rem}}.b-ragakeys-read{margin:0 0 1rem;color:var(--ink-2)}.b-ragakeys-read strong{color:var(--accent);font-weight:600}.b-stage-ragakeys .b-keymap-wrap{background:var(--bg)}.b-stage-ragakeys .b-key-white:not(.is-swara):not(.is-sa) rect{fill:color-mix(in srgb,var(--key-white) 70%,var(--bg-band))}.b-ragakeys-table{margin-top:1.5rem}.b-ragakeys-table small{color:var(--ink-3);font-size:.8rem}.b-stage-guide .b-guide-top>.b-seg{margin-left:auto}.b-guide-turn{margin:1rem 0 0;font-size:.92rem;color:var(--ink-3)}.b-stage-guide[data-phase=answer] .b-guide-what{color:var(--accent);font-weight:600}.b-stage-guide[data-phase=answer] .b-cn[data-on=true] rect{fill:none;stroke:var(--accent);stroke-width:2}.b-bandish-top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}.b-bandish-meta{display:grid;gap:2px;margin:0}.b-bandish-meta strong{font-family:var(--font-display);font-weight:450;font-size:1.3rem}.b-bandish-meta [lang=hi]{color:var(--ink-2)}.b-bandish-meta span:last-child{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3)}.b-bandish-sheet{margin-top:1.5rem;overflow-x:auto;scrollbar-width:thin}.b-bandish-part{margin:1.25rem 0 .5rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.b-bandish-part:first-child{margin-top:0}.b-bandish-row{display:grid;grid-template-columns:repeat(16,minmax(2.6rem,1fr));min-width:42rem;border-bottom:1px solid var(--rule)}.b-bc{display:grid;grid-template-rows:auto auto auto;gap:2px;padding:.45rem .2rem .55rem;text-align:center;border-radius:6px;transition:background var(--motion-fast) ease}.b-bc.is-vib{border-left:1px solid var(--rule-strong)}.b-bandish-row>.b-bc:first-child{border-left:0}.b-bc i{font-style:normal;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3)}.b-bc.is-sam i{color:var(--accent);font-weight:600}.b-bc b{font-family:var(--font-display);font-weight:450;font-size:1.05rem;color:var(--ink);white-space:nowrap}.b-bc.is-many b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-size:.95rem}.b-bc em{font-style:normal;font-size:.8rem;color:var(--ink-2)}.b-bc[data-on=true]{background:var(--accent-soft)}.b-bc[data-on=true] b{color:var(--accent)}.b-bandish-src{margin:1rem 0 0;font-size:.85rem;color:var(--ink-3)}.b-alankar-text{display:grid;gap:.75rem}.b-alankar-text p{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:2px 1rem;margin:0}.b-alankar-text .b-sargam-latin{font-size:1.12rem}.b-alankar-text .b-sargam-hindi{grid-column:2;font-size:.95rem}.b-alankar-dir{grid-row:span 2;font-size:.8rem;font-weight:500;color:var(--ink-3);padding-top:.3rem}@media (max-width: 40rem){.b-alankar-text p{grid-template-columns:1fr}.b-alankar-dir{grid-row:auto;padding:0}.b-alankar-text .b-sargam-hindi{grid-column:1}}.b-alankar{border-top:1px solid var(--rule);padding-top:1.25rem}.b-alankar h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.b-alankar h3 small{font-family:var(--font-text);font-size:.85rem;font-weight:400;color:var(--ink-3)}.b-harm-top{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}.b-harm-read{margin:0;color:var(--ink-2)}.b-harm-read strong{color:var(--accent);font-weight:600}.b-harm-board{margin-top:1.25rem;padding:1rem;background:var(--bg);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:thin;touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.b-harm-keys{display:block;width:100%;min-width:40rem;height:auto}.b-harm-keys .b-key-label{font-size:15px}.b-harm-keys .b-key-black .b-key-label{font-size:11px}.b-key-white.is-sa-other rect{fill:color-mix(in srgb,var(--accent) 6%,var(--key-white))}.b-harm-keys-hint{margin:1rem 0 0;font-size:.88rem;line-height:1.9;color:var(--ink-3)}.b-harm-keys-hint kbd{display:inline-block;min-width:1.6em;padding:0 .35em;font-family:var(--font-mono);font-size:.78rem;line-height:1.6;text-align:center;color:var(--ink);border:1px solid var(--rule-strong);border-bottom-width:2px;border-radius:5px;background:var(--surface-raised)}@media (hover: none){.b-harm-keys-hint{display:none}}.b-raga-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;padding:0;margin:0;list-style:none}.b-raga-card{display:grid;grid-template-rows:auto auto auto 1fr;gap:.35rem;height:100%;padding:0 0 1.25rem;border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color var(--motion-fast) ease}.b-raga-card:hover{border-color:var(--rule-strong)}.b-raga-card img{width:100%;height:12rem;object-fit:cover;background:var(--bg-band)}.b-raga-card b,.b-raga-card span,.b-raga-card em{padding-inline:1.25rem}.b-raga-card b{margin-top:.75rem;font-family:var(--font-display);font-weight:450;font-size:1.4rem}.b-raga-card:hover b{color:var(--accent)}.b-raga-card span{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3)}.b-raga-card em{font-style:normal;font-size:.95rem;color:var(--ink-2)}.b-raga-index tr.is-page td:first-child a{font-weight:600}.b-raga-index td small{color:var(--accent);font-size:.78rem;margin-left:.25rem}.b-raga-index [lang=hi]{color:var(--ink-3);margin-left:.35rem}.b-card-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.b-raga-hero>.b-sa-bar{grid-column:1 / -1}.b-body .b-sources{font-size:.88rem;color:var(--ink-3)}