:root{color-scheme:light dark;--bg: #f2f2f7;--bg-group: #ffffff;--bg-elevated: #ffffff;--label: #000000;--label-2: rgba(60, 60, 67, .72);--label-3: rgba(60, 60, 67, .55);--separator: rgba(60, 60, 67, .2);--fill: rgba(120, 120, 128, .12);--fill-strong: rgba(120, 120, 128, .24);--material: rgba(246, 246, 248, .78);--accent: #c93400;--accent-tint: rgba(201, 52, 0, .12);--on-accent: #ffffff;--green: #248a3d;--green-tint: rgba(36, 138, 61, .14);--red: #d70015;--red-tint: rgba(215, 0, 21, .12);--blue: #0040dd;--blue-tint: rgba(0, 64, 221, .1);--text-tertiary: var(--label-3);--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-group: .875rem;--radius-control: .625rem;--spring: .35s cubic-bezier(.2, 1, .3, 1);--press: .1s ease-out;--sidebar-width: 15.5rem;--tabbar-height: 3.25rem}@media(prefers-color-scheme:dark){:root{--bg: #000000;--bg-group: #1c1c1e;--bg-elevated: #2c2c2e;--label: #ffffff;--label-2: rgba(235, 235, 245, .72);--label-3: rgba(235, 235, 245, .5);--separator: rgba(84, 84, 88, .6);--fill: rgba(120, 120, 128, .24);--fill-strong: rgba(120, 120, 128, .4);--material: rgba(30, 30, 32, .74);--accent: #ff9f0a;--accent-tint: rgba(255, 159, 10, .18);--on-accent: #000000;--green: #30d158;--green-tint: rgba(48, 209, 88, .18);--red: #ff453a;--red-tint: rgba(255, 69, 58, .18);--blue: #64d2ff;--blue-tint: rgba(100, 210, 255, .16)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--label);font:400 1.0625rem/1.4 var(--font);letter-spacing:-.012em;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,ul,dl,dd{margin:0;padding:0}button,input,select{font:inherit;letter-spacing:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}canvas{display:block;width:100%;height:auto}.hidden{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-header{position:fixed;inset:0 auto 0 0;z-index:10;width:var(--sidebar-width);display:flex;flex-direction:column;padding:1.25rem .75rem 1rem;background:var(--material);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-right:.5px solid var(--separator)}.header-branding{display:flex;align-items:center;gap:.625rem;padding:0 .5rem}.logo-emblem{flex:none;display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:.5rem;background:var(--accent);color:var(--on-accent);font-size:1.25rem;line-height:1}.app-title{font-size:1.0625rem;font-weight:600;line-height:1.2}.app-tagline{font-size:.75rem;color:var(--label-2);letter-spacing:0}.header-master-pitch{margin-top:auto;display:flex;flex-direction:column;gap:.5rem}.control-pill{padding:.5rem .625rem;border-radius:var(--radius-control);background:var(--fill)}.pill-label{font-size:.8125rem;color:var(--label-2);letter-spacing:-.005em}.pill-select{width:100%;padding:.125rem 0;border:0;background:none;font-size:.9375rem;font-weight:500;cursor:pointer}.session-timer-badge{padding:.25rem .625rem}.timer-digits{font:500 .8125rem var(--font-mono);color:var(--label-3);font-variant-numeric:tabular-nums}.nav-tabs{position:fixed;z-index:11;top:5rem;left:0;width:var(--sidebar-width);display:flex;flex-direction:column;gap:.125rem;padding:0 .75rem}.tab-btn{display:flex;align-items:center;gap:.625rem;min-height:2.5rem;padding:0 .625rem;border-radius:var(--radius-control);color:var(--label);font-size:.9375rem;transition:background-color var(--press)}.tab-btn:hover{background:var(--fill)}.tab-btn.active{background:var(--fill-strong);font-weight:600}.tab-btn.active .tab-icon{color:var(--accent)}.tab-icon{flex:none;width:1.375rem;height:1.375rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-content{margin-left:var(--sidebar-width);max-width:calc(var(--sidebar-width) + 76rem);min-width:0;padding:1.5rem clamp(1.25rem,3vw,2.5rem) 2rem}.tab-panel{display:none}.tab-panel.active{display:block;animation:panel-in .2s ease-out}@keyframes panel-in{0%{opacity:0}}.page-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;margin-bottom:1rem}.page-title h2{font-size:2.125rem;font-weight:700;line-height:1.1;letter-spacing:-.024em}.studio-grid,.ragas-layout-grid,.recorder-diary-grid,.tuner-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start}@media(min-width:72rem){.studio-grid,.ragas-layout-grid,.recorder-diary-grid,.tuner-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.section{min-width:0;display:flex;flex-direction:column;gap:.875rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.25rem}.section-title-group{display:flex;align-items:baseline;gap:.625rem;min-width:0}.section-title-group h3{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.group{background:var(--bg-group);border-radius:var(--radius-group);overflow:hidden}.group :focus-visible{outline-offset:-2px}.group-label{margin:.25rem 1rem -.375rem;font-size:.8125rem;font-weight:400;color:var(--label-2);letter-spacing:-.005em}.group-label-row{display:flex;align-items:baseline;justify-content:space-between;padding-right:1rem}.raga-empty-msg{padding:.875rem 1rem;color:var(--label-3);font-size:.8125rem}.diary-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.toast{position:fixed;z-index:20;left:50%;bottom:1.5rem;transform:translate(-50%);width:max-content;max-width:min(32rem,calc(100vw - 2rem));padding:.625rem 1rem;border-radius:var(--radius-control);background:var(--bg-elevated);color:var(--label);font-size:.9375rem;box-shadow:0 2px 16px #0000003d}.footnote{margin:-.375rem 1rem 0;font-size:.8125rem;color:var(--label-2);line-height:1.35;letter-spacing:-.005em}.row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.875rem;min-height:2.75rem;padding:.6875rem 1rem}.row+.row:before{content:"";position:absolute;top:0;left:1rem;right:0;border-top:.5px solid var(--separator)}.row-slider{flex-direction:column;align-items:stretch;gap:.5rem}.row-switch{cursor:pointer}.row-select label,.row-segment>span{flex:none}.slider-header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.value-badge{color:var(--label-2);font-variant-numeric:tabular-nums;white-space:nowrap}.bpm-badge-group{display:inline-flex;gap:.625rem;align-items:baseline;min-width:0}.laya-badge{font-size:.8125rem;color:var(--label-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select{min-width:0;max-width:100%;flex:0 1 auto;padding:0;border:0;background:none;color:var(--label-2);text-align:right;text-overflow:ellipsis;cursor:pointer}.btn-power,.btn-filled,.btn-tinted{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;flex:none;min-height:2.25rem;padding:0 1rem;border-radius:62.5rem;font-size:.9375rem;font-weight:600;white-space:nowrap;transition:transform var(--press),opacity var(--press),background-color var(--press)}.btn-power,.btn-filled{background:var(--accent);color:var(--on-accent)}.btn-tinted{background:var(--accent-tint);color:var(--accent)}.btn-power:active,.btn-filled:active,.btn-tinted:active{transform:scale(.97);opacity:.8}.btn-power.playing,.btn-power.recording{background:var(--fill-strong);color:var(--label)}.power-icon{display:inline-block;width:.75rem;height:.75rem;font-size:0;background:currentColor;clip-path:polygon(10% 0,100% 50%,10% 100%)}.btn-power.playing .power-icon{clip-path:none;border-radius:.125rem}.btn-text-sm{min-height:2.75rem;padding:0 .5rem;color:var(--accent);font-size:.9375rem;flex:none}.btn-text-sm:active{opacity:.5}.apple-segmented-control{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:.125rem;border-radius:.5625rem;background:var(--fill)}.apple-segmented-control:before{content:"";position:absolute;top:.125rem;bottom:.125rem;left:.125rem;width:calc(50% - .125rem);border-radius:.4375rem;background:var(--bg-elevated);box-shadow:0 1px 3px #00000024,0 0 0 .5px #0000000a;transition:transform var(--spring)}.apple-segmented-control.synth-active:before{transform:translate(100%)}.segment-btn{position:relative;min-height:2rem;font-size:.875rem;font-weight:500}.segment-btn.active{font-weight:600}.apple-mini-segmented{display:flex;min-width:0;padding:.125rem;border-radius:.5625rem;background:var(--fill)}.mini-segment-btn{min-height:1.875rem;padding:0 .625rem;border-radius:.4375rem;font-size:.8125rem;font-weight:500;white-space:nowrap}.mini-segment-btn.active{background:var(--bg-elevated);font-weight:600;box-shadow:0 1px 3px #00000024}.switch{flex:none;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:3.1875rem;height:1.9375rem;margin:0;border-radius:62.5rem;background:var(--fill-strong);cursor:pointer;transition:background-color var(--spring)}.switch:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.6875rem;height:1.6875rem;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:transform var(--spring)}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(1.25rem)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:1.75rem;margin:0;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:.25rem;border-radius:62.5rem;background:linear-gradient(to right,var(--accent) var(--range-fill, 50%),var(--fill-strong) var(--range-fill, 50%))}input[type=range]::-moz-range-track{height:.25rem;border-radius:62.5rem;background:var(--fill-strong)}input[type=range]::-moz-range-progress{height:.25rem;border-radius:62.5rem;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.75rem;height:1.75rem;margin-top:-.75rem;border-radius:50%;background:#fff;box-shadow:0 .5px 4px #00000024,0 3px 8px #00000029;transition:transform var(--press)}input[type=range]::-moz-range-thumb{width:1.75rem;height:1.75rem;border:0;border-radius:50%;background:#fff;box-shadow:0 .5px 4px #00000024,0 3px 8px #00000029}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.08)}.search-input,.take-input,.input-sm{width:100%;min-width:0;border:0;outline-offset:-2px}.search-input{min-height:2.25rem;padding:0 .75rem;border-radius:var(--radius-control);background:var(--fill);-moz-appearance:none;appearance:none;-webkit-appearance:none}::placeholder{color:var(--label-3);opacity:1}.chip-scroller,.raga-chips-scroller{display:flex;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.chip-scroller::-webkit-scrollbar,.raga-chips-scroller::-webkit-scrollbar{display:none}.filter-chip,.taal-chip,.raga-chip,.target-btn{flex:none;scroll-snap-align:start;border-radius:62.5rem;background:var(--fill);white-space:nowrap;transition:transform var(--press),background-color var(--press)}.filter-chip:active,.taal-chip:active,.raga-chip:active,.target-btn:active{transform:scale(.97)}.filter-chip{min-height:2rem;padding:0 .75rem;font-size:.875rem}.filter-chip.active,.taal-chip.active,.raga-chip.active,.target-btn.active{background:var(--accent);color:var(--on-accent);font-weight:600}.taal-chip{display:inline-flex;align-items:center;gap:.375rem;min-height:2.25rem;padding:0 .875rem;font-size:.9375rem}.taal-matras{font-size:.8125rem;opacity:.65;font-variant-numeric:tabular-nums}@media(hover:hover){.chip-scroller{flex-wrap:wrap;overflow:visible}.raga-chips-scroller{flex-wrap:wrap;max-height:7.75rem;overflow:hidden auto;scrollbar-width:thin}}.raga-chip{display:flex;flex-direction:column;align-items:flex-start;padding:.5rem .875rem;border-radius:.75rem;background:var(--bg-group);text-align:left}.raga-chip-name{font-size:.9375rem;font-weight:500}.raga-chip-thaat{font-size:.75rem;color:var(--label-2)}.raga-chip.active .raga-chip-thaat{color:inherit;opacity:.75}.tanpura-engine-view{display:none}.tanpura-engine-view.active{display:flex;flex-direction:column;gap:.875rem}.status-line{display:inline-flex;align-items:center;gap:.375rem;color:var(--label-2);font-size:.8125rem}.master-status-badge.playing{color:var(--green)}.waveform-anim{display:none;align-items:center;gap:.125rem;height:.875rem;color:var(--green)}.waveform-anim.active{display:inline-flex}.wave-bar{width:.1875rem;height:100%;border-radius:1px;background:currentColor;transform-origin:center;animation:wave 1.1s ease-in-out infinite alternate}.wave-bar:nth-child(2){animation-delay:-.35s}.wave-bar:nth-child(3){animation-delay:-.7s}.wave-bar:nth-child(4){animation-delay:-.2s}@keyframes wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.tanpura-neck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.string-column{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0;padding:.75rem .25rem;transition:background-color var(--press)}.string-column:active{background:var(--fill)}.string-label{font-size:.8125rem;font-weight:500;text-align:center}.string-note{font:500 .75rem var(--font-mono);color:var(--label-2)}.string-wire{width:2px;height:6rem;border-radius:1px;background:var(--label-3)}.string-column.plucking .string-wire{background:var(--accent);animation:pluck 1.6s ease-out}@keyframes pluck{0%,16%,32%,48%{transform:translate(-1.5px)}8%,24%,40%,56%{transform:translate(1.5px)}to{transform:none}}.taal-display-container{padding:1.25rem 1rem;text-align:center}.current-bol{font-size:3.25rem;font-weight:700;line-height:1.1;letter-spacing:-.03em}.current-bol.pulse-hit{animation:bol-hit .22s ease-out}@keyframes bol-hit{0%{transform:scale(1.06)}}.beat-meta-row{display:flex;justify-content:center;align-items:baseline;gap:.5rem;margin-top:.125rem;font-size:.9375rem;color:var(--label-2)}.matra-number{font-weight:600;font-variant-numeric:tabular-nums}.vibhag-indicator.sam-glow{color:var(--green);font-weight:600}.vibhag-indicator.khali-glow{color:var(--red);font-weight:600}.matra-timeline{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:1rem}.matra-bead{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--fill);color:var(--label-2);font-size:.75rem;font-variant-numeric:tabular-nums}.matra-bead.bead-sam{background:var(--green-tint);color:var(--green);font-weight:600}.matra-bead.bead-khali{background:var(--red-tint);color:var(--red);font-weight:600}.matra-bead.active{background:var(--accent);color:var(--on-accent);font-weight:600}.tempo-preset-btns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.125rem;padding:.125rem;border-radius:.5625rem;background:var(--fill)}.tempo-btn{min-height:1.875rem;border-radius:.4375rem;font-size:.8125rem;font-weight:500}.tempo-btn.active{background:var(--bg-elevated);font-weight:600;box-shadow:0 1px 3px #00000024}.bol-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.bol-pad-btn{display:flex;flex-direction:column;align-items:center;gap:.0625rem;min-width:0;padding:.625rem .125rem;border-radius:var(--radius-control);background:var(--bg-group);transition:transform var(--press),background-color var(--press)}.bol-pad-btn:active,.bol-pad-btn.active{transform:scale(.96);background:var(--accent-tint)}.bol-hi{font-size:1.25rem;font-weight:500;line-height:1.3}.bol-en{font-size:.75rem;color:var(--label-2)}.tuner-gauge-section{padding:1.5rem 1.25rem 1rem}.swara-hero-display{text-align:center}.current-swara-devanagari{font-size:clamp(4.5rem,12vw,6.5rem);font-weight:600;line-height:1.1;transition:color var(--spring)}.current-swara-devanagari.in-tune-glow{color:var(--green)}.current-swara-roman{font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.octave-subscript{font-size:.8125rem;color:var(--label-2)}.cent-meter-container{margin-top:1.5rem}.cent-scale-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--label-3);font-variant-numeric:tabular-nums}.sur-center{color:var(--green);font-weight:600}.meter-bar-track{position:relative;height:.5rem;margin:.5rem 0 .75rem;border-radius:62.5rem;background:var(--fill-strong)}.meter-center-line{position:absolute;left:50%;top:-.125rem;bottom:-.125rem;width:2px;margin-left:-1px;background:var(--green)}.meter-needle{position:absolute;left:50%;top:50%;width:.375rem;height:1.375rem;border-radius:62.5rem;background:var(--label);transform:translate(-50%,-50%);transition:left .12s linear,background-color var(--press)}.meter-needle.needle-sur{background:var(--green)}.cents-readout-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums}.cents-val{font-weight:600}.freq-readout{text-align:right;color:var(--label-2);font-size:.9375rem}.pitch-status-badge{padding:.1875rem .625rem;border-radius:62.5rem;background:var(--fill);font-size:.8125rem;font-weight:500;white-space:nowrap}.pitch-status-badge.in-tune{background:var(--green-tint);color:var(--green)}.pitch-status-badge.flat{background:var(--blue-tint);color:var(--blue)}.pitch-status-badge.sharp{background:var(--red-tint);color:var(--red)}.tuner-waveform-wrap{display:none;margin-top:1rem}#panel-tuner:has(.btn-power.recording) .tuner-waveform-wrap{display:block}.swara-spectrum-section{min-width:0;display:flex;flex-direction:column;gap:.875rem}.swara-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}.swara-pill-item{display:grid;justify-items:center;padding:.4375rem .125rem;border-radius:var(--radius-control);background:var(--bg-group);transition:background-color var(--press)}.swara-pill-item.active{background:var(--accent);color:var(--on-accent)}.swara-devanagari{font-size:1.125rem;font-weight:600;line-height:1.3}.swara-name{display:none}.swara-freq{font-size:.6875rem;color:var(--label-2);font-variant-numeric:tabular-nums}.swara-pill-item.active .swara-freq{color:inherit;opacity:.8}.swara-training-box{flex-direction:column;align-items:stretch;gap:.625rem}.training-header{display:flex;justify-content:space-between;gap:.75rem}.streak-mini{color:var(--label-2);font-size:.9375rem;font-variant-numeric:tabular-nums}.stability-progress-bar{height:.375rem;border-radius:62.5rem;background:var(--fill-strong);overflow:hidden}.stability-fill{width:0;height:100%;border-radius:inherit;background:var(--green)}.target-swara-selector{display:flex;flex-wrap:wrap;gap:.375rem}.target-btn{min-height:2rem;padding:0 .625rem;font-size:.875rem}.raga-hero-row{padding:1rem 1rem .25rem}.raga-main-name{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.raga-subline{margin-top:.125rem;font-size:.875rem;color:var(--label-2)}.raga-playback-bar{padding:.5rem 1rem .875rem}.raga-play-btn-group{display:flex;flex-wrap:wrap;gap:.375rem}.btn-raga-audio{min-height:2rem;padding:0 .75rem;border-radius:62.5rem;background:var(--accent-tint);color:var(--accent);font-size:.875rem;font-weight:500;transition:transform var(--press)}.btn-raga-audio:active{transform:scale(.97)}.btn-raga-audio.highlight-btn{background:var(--accent);color:var(--on-accent);font-weight:600}.btn-raga-audio.btn-raga-stop{background:var(--fill-strong);color:var(--label)}.raga-status-indicator{margin-top:.375rem;font-size:.8125rem;color:var(--label-2)}.raga-status-indicator.playing{color:var(--accent)}.swara-paths-box{border-top:.5px solid var(--separator);padding:.75rem 1rem;display:grid;gap:.625rem}.path-row{display:grid;gap:.25rem;min-width:0}.path-label{font-size:.8125rem;color:var(--label-2)}.path-note-chips{display:flex;flex-wrap:wrap;gap:.25rem}.path-note-chip{min-width:2.25rem;min-height:2.25rem;padding:0 .375rem;border-radius:.5rem;background:var(--fill);font-weight:500;transition:transform var(--press),background-color var(--press)}.path-note-chip:active{transform:scale(.95)}.path-note-chip.vadi{background:var(--accent-tint);color:var(--accent);font-weight:600}.path-note-chip.samvadi{background:var(--blue-tint);color:var(--blue);font-weight:600}.path-note-chip.active{background:var(--accent);color:var(--on-accent)}.raga-attributes-grid{border-top:.5px solid var(--separator);padding-left:1rem}.attr-item{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.625rem 1rem .625rem 0}.attr-item+.attr-item{border-top:.5px solid var(--separator)}.attr-label{flex:none}.attr-val{min-width:0;color:var(--label-2);text-align:right}.row-action{display:block;width:100%;min-height:2.75rem;padding:.6875rem 1rem;border-top:.5px solid var(--separator);color:var(--accent);text-align:left;transition:background-color var(--press)}.row-action:active{background:var(--fill)}.harmonium-keyboard-card{padding:.75rem}.keyboard-keys{position:relative;display:flex;height:9.5rem;border-radius:.5rem;overflow:hidden;background:var(--separator);gap:1px;user-select:none;-webkit-user-select:none;touch-action:manipulation}.harm-key{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;transition:background-color var(--press)}.white-key{flex:1 1 0;min-width:0;padding-bottom:.375rem;background:#fbfbfd;color:#000}.black-key{position:absolute;top:0;z-index:2;width:8%;height:60%;margin-left:3%;padding-bottom:.25rem;border-radius:0 0 .25rem .25rem;background:#1c1c1e;color:#fff}.harm-key.varjit{opacity:.45}.white-key.active{background:var(--accent);color:#fff}.black-key.active{background:var(--accent)}.white-key.is-vadi{box-shadow:inset 0 -.25rem #c93400}.white-key.is-samvadi{box-shadow:inset 0 -.25rem #0040dd}.black-key.is-vadi{box-shadow:inset 0 -.25rem #ff9f0a}.black-key.is-samvadi{box-shadow:inset 0 -.25rem #64d2ff}.harm-key.in-raga:before,.harm-key.varjit:before{content:"";flex:none;width:.375rem;height:.375rem;margin-bottom:.125rem;border-radius:50%}.harm-key.in-raga:before{background:currentColor;opacity:.45}.harm-key.varjit:before{box-shadow:inset 0 0 0 1px currentColor}.white-key.is-vadi:before{background:#c93400;opacity:1}.white-key.is-samvadi:before{background:#0040dd;opacity:1}.black-key.is-vadi:before{background:#ff9f0a;opacity:1}.black-key.is-samvadi:before{background:#64d2ff;opacity:1}.harm-key-swara{font-size:.875rem;font-weight:500;line-height:1.2}.harm-key-shortcut{font:400 .625rem var(--font-mono);opacity:.5}.harm-key-badge{display:none}.black-key .harm-key-swara{font-size:.75rem}.harmonium-raga-legend{display:flex;flex-wrap:wrap;gap:.25rem .875rem;margin-top:.625rem;font-size:.75rem;color:var(--label-2)}.legend-badge{display:inline-flex;align-items:center;gap:.3125rem}.legend-badge:before{content:"";width:.5rem;height:.5rem;border-radius:50%}.legend-vadi:before{background:#c93400}.legend-samvadi:before{background:#0040dd}.legend-in-raga:before{background:var(--label-3)}.legend-varjit:before{box-shadow:inset 0 0 0 1px var(--label-3)}.row-select .custom-select{flex:1 1 0}.row-segment{flex-wrap:wrap}.alankar-drill-display{padding:1rem}.drill-title{font-size:1.0625rem;font-weight:600;line-height:1.3}.drill-scale-badge{display:block;font-size:.8125rem;color:var(--label-2)}.drill-description{margin-top:.375rem;font-size:.9375rem;color:var(--label-2)}.drill-section-title{margin:.875rem 0 .25rem;font-size:.8125rem;color:var(--label-2)}.alankar-step-badges{display:flex;flex-wrap:wrap;gap:.25rem}.alankar-step-badge{min-width:2rem;min-height:2rem;padding:0 .25rem;border-radius:.4375rem;background:var(--fill);font-size:.9375rem;transition:background-color var(--press)}.alankar-step-badge.playing{background:var(--accent);color:var(--on-accent)}.drill-actions{display:flex;gap:.5rem;margin-top:1rem}.riyaz-tips-box summary{min-height:2.75rem;padding:.6875rem 1rem;cursor:pointer;color:var(--accent)}.riyaz-tips-box ul{padding:0 1rem .875rem 2rem;font-size:.9375rem;color:var(--label-2)}.riyaz-tips-box li+li{margin-top:.5rem}.riyaz-tips-box strong{color:var(--label);font-weight:600}.recording-console-center{padding:1.25rem 1rem;text-align:center}.rec-status-chip{font-size:.8125rem;color:var(--label-2)}.rec-status-chip.active-recording{color:var(--red);font-weight:600}.rec-time-display{font-size:3.25rem;font-weight:300;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rec-waveform-canvas{margin:.5rem 0}.rec-controls-row{display:flex;justify-content:center;margin-top:.5rem}.rec-round-btn{display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;box-shadow:inset 0 0 0 .1875rem var(--fill-strong)}.rec-circle-inner{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--red);transition:transform var(--press)}.rec-square-inner{width:1.625rem;height:1.625rem;border-radius:.375rem;background:var(--red);transition:transform var(--press)}.rec-round-btn:active span{transform:scale(.9)}.rec-instructions{margin-top:.75rem;font-size:.8125rem;color:var(--label-2)}.latest-take-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.take-header{display:flex;justify-content:space-between}.take-title{font-weight:600}.take-duration{color:var(--label-2);font-variant-numeric:tabular-nums}.custom-audio-player{width:100%;height:2.5rem}.take-input{min-height:2.5rem;padding:0 .75rem;border-radius:var(--radius-control);background:var(--fill)}.take-form-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.take-form-row .custom-select{flex:1 1 8rem;text-align:left}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.stat-box{padding:.75rem .875rem;border-radius:var(--radius-group);background:var(--bg-group)}.stat-number{display:block;font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-unit{font-size:.8125rem;color:var(--label-2)}.diary-entry-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.625rem .5rem .625rem 1rem}.diary-entry-card+.diary-entry-card:before{content:"";position:absolute;top:0;left:1rem;right:0;border-top:.5px solid var(--separator)}.entry-main-info{min-width:0;flex:1 1 10rem}.entry-title{font-weight:500;overflow-wrap:anywhere}.entry-meta{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:.8125rem;color:var(--label-2)}.entry-tag{color:var(--accent)}.entry-audio{width:8.75rem;height:1.75rem}.entry-audio-missing{font-size:.8125rem;color:var(--label-3)}.entry-actions{display:flex;align-items:center;gap:.25rem}.delete-entry-btn{color:var(--red)}.empty-diary-state{padding:1.5rem 1rem;text-align:center;font-size:.9375rem;color:var(--label-2)}.manual-log-inputs{display:flex;align-items:center;gap:.25rem;padding:0 .5rem 0 1rem}.input-sm{min-height:2.75rem;padding:0;background:none}.input-minutes{flex:0 0 3.25rem}.flex-1{flex:1 1 0}.audio-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.625rem 1rem;border-radius:var(--radius-group);background:var(--accent-tint);font-size:.9375rem}.app-footer{margin-top:2.5rem;text-align:center;font-size:.8125rem;color:var(--label-3)}.footer-meta{margin-top:.5rem}kbd{padding:.0625rem .3125rem;border-radius:.25rem;background:var(--fill);font:500 .75rem var(--font);color:var(--label-2)}@media(max-width:47.99rem),(max-height:30rem){.app-header{position:sticky;top:0;bottom:auto;width:auto;flex-direction:row;padding:calc(env(safe-area-inset-top) + .5rem) max(1rem,env(safe-area-inset-right)) .5rem max(1rem,env(safe-area-inset-left));border-right:0;border-bottom:.5px solid var(--separator)}.header-branding,.session-timer-badge,.desktop-only{display:none}.header-master-pitch{flex:1 1 auto;flex-direction:row;align-items:center;gap:.75rem;margin:0;min-width:0}.control-pill{display:flex;align-items:center;gap:.375rem;min-width:0;padding:.25rem .625rem}.control-pill:first-child{flex:1 1 auto}.pill-label{flex:none;font-weight:600;color:var(--accent)}.pill-select{font-size:.875rem;text-overflow:ellipsis;min-width:0}.nav-tabs{top:auto;bottom:0;width:100%;flex-direction:row;gap:0;padding:.25rem max(.25rem,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + .25rem) max(.25rem,env(safe-area-inset-left));background:var(--material);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-top:.5px solid var(--separator)}.tab-btn{flex:1 1 0;flex-direction:column;justify-content:center;gap:.0625rem;min-height:var(--tabbar-height);padding:0;color:var(--label-2);font-size:.6875rem;font-weight:500;letter-spacing:0}.tab-btn:hover,.tab-btn.active{background:none;font-weight:500}.tab-btn.active{color:var(--accent)}.main-content{margin-left:0;padding:1rem max(1rem,env(safe-area-inset-right)) calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 1.5rem) max(1rem,env(safe-area-inset-left))}.page-title h2{font-size:1.875rem}.toast{bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 1rem)}.swara-chart-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.swara-freq{display:none}.bol-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.chip-scroller,.raga-chips-scroller{margin-inline:-1rem;padding-inline:1rem;scroll-padding-inline:1rem}.attr-item{flex-direction:column;gap:0}.attr-val{text-align:left}.row-segment .apple-mini-segmented{flex:1 1 100%}.row-segment .mini-segment-btn{flex:1 1 0}}@media(hover:none){.harm-key-shortcut,.desktop-only{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wave-bar{transform:scaleY(.7)}}@media(prefers-reduced-transparency:reduce){.app-header,.nav-tabs{background:var(--bg-group);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--label-2: var(--label);--label-3: var(--label);--separator: var(--label)}.group,.stat-box,.raga-chip,.bol-pad-btn,.swara-pill-item{outline:1px solid var(--separator)}}