@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--leading-snug:1.375;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.app-bg{z-index:-1;isolation:isolate;background:radial-gradient(120% 70% at 18% 8%, #e8b27a52, transparent 55%), radial-gradient(95% 60% at 92% 28%, #f0a7a04d, transparent 60%), radial-gradient(110% 70% at 75% 95%, #cc8a7a38, transparent 60%), radial-gradient(140% 80% at 10% 100%, #a0625a2e, transparent 60%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 60%, var(--bg-1) 100%);position:fixed;inset:0;overflow:hidden}@media (min-width:1024px){.app-bg{background:radial-gradient(80% 60% at 15% 10%, #e8b27a2e, transparent 55%), radial-gradient(60% 50% at 90% 30%, #f0a7a029, transparent 60%), radial-gradient(70% 50% at 85% 95%, #cc8a7a1f, transparent 60%), radial-gradient(90% 60% at 5% 100%, #a0625a1a, transparent 60%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 60%, var(--bg-1) 100%)}}.topbar-band{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(180%);background:linear-gradient(#14100cc7 0%,#14100c66 100%);position:sticky;top:0}.app-bg:before{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.5;z-index:1;background-image:radial-gradient(#ffe8d206 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.app-bg:after{content:"";pointer-events:none;filter:blur(40px);z-index:0;background:radial-gradient(40% 30% at 30% 30%,#f0a7a029,#0000 70%),radial-gradient(35% 30% at 70% 70%,#e8b27a24,#0000 70%);position:absolute;inset:-20%}@media (prefers-reduced-motion:no-preference){.app-bg:after{animation:18s ease-in-out infinite alternate drift}}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(20px,-30px)scale(1.08)}}.glass-panel{background:linear-gradient(180deg, #ffeedc0d, #ffeedc00 45%), var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge), 0 8px 24px #00000040;border-radius:var(--radius-card)}.glass-panel--strong{background:var(--glass-strong);border-color:var(--line-strong)}.glass-panel--elevated{box-shadow:inset 0 1px 0 var(--hi-edge), 0 24px 48px #00000073}.kicker{font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--dim);font-size:11px;font-weight:500}.display{font-family:var(--font-fraunces), serif;color:var(--text);font-style:italic}.heading{font-family:var(--font-fraunces), serif;letter-spacing:.01em;color:var(--text);font-weight:500}.bengali{font-family:var(--font-bengali), sans-serif}.glow-pink{box-shadow:0 0 22px var(--pink-glow), 0 6px 20px #f0a7a059}@media (prefers-reduced-motion:no-preference){.drone-pulse{animation:2.6s ease-out infinite drone-pulse}}@keyframes drone-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.bottom-3{bottom:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.z-50{z-index:50}.row-8{grid-row:8}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-\[3px\]{height:3px}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.w-36{width:calc(var(--spacing) * 36)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.\[grid-template-columns\:repeat\(auto-fit\,minmax\(170px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.bg-transparent{background-color:#0000}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-pre-wrap{white-space:pre-wrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-40{opacity:.4}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.block-1{block-size:var(--spacing)}.block-2{block-size:calc(var(--spacing) * 2)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:pb-0{padding-bottom:0}.lg\:text-\[40px\]{font-size:40px}.lg\:leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}}}:root{--bg-0:#0c0907;--bg-1:#14100c;--bg-2:#1c1612;--glass:#28201c6b;--glass-strong:#3228229e;--line:#ffeedc1a;--line-strong:#ffeedc33;--hi-edge:#ffe8d229;--lo-edge:#0000008c;--text:#f1ebe1;--muted:#b6ad9f;--dim:#7a7163;--pink:#f0a7a0;--pink-deep:#e88c8a;--pink-glow:#f0a7a08c;--emerald:#8fc6a3;--amber:#e8b27a;--saffron:#e89866;--coral:var(--pink);--text-soft:var(--muted);--bg:var(--bg-1);--wood-1:#3a2014;--wood-2:#2a1610;--wood-3:#1d0e0a;--wood-hi:#5a3624;--brass-1:#d6a667;--brass-2:#8a5a2d;--ivory:#f2e9d6;--ivory-2:#d9cdb3;--ebony:#1a110c;--radius-window:14px;--radius-card:18px;--radius-pill:999px}*{box-sizing:border-box}html{background:#07050a}html,body{color:var(--text);font-family:var(--font-inter), -apple-system, system-ui, sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@layer components{.window{isolation:isolate;background:radial-gradient(80% 60% at 15% 10%, #e8b27a2e, transparent 55%), radial-gradient(60% 50% at 90% 30%, #f0a7a029, transparent 60%), radial-gradient(70% 50% at 85% 95%, #cc8a7a1f, transparent 60%), radial-gradient(90% 60% at 5% 100%, #a0625a1a, transparent 60%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 60%, var(--bg-1) 100%);min-height:100vh;position:relative}:root{--page-top-gap:12px;--side-w:clamp(200px, 11.06vw + 49px, 248px);--rail-w:clamp(317px, 5.53vw + 241.5px, 340px);--rail-pad:clamp(8px, 2.3vw - 23.5px, 18px);--stage-pad:clamp(16px, 2.3vw - 15.5px, 26px);--stage-margin:clamp(12px, 3.69vw - 38.4px, 28px)}@media (min-width:1024px){.window{grid-template-columns:var(--side-w) minmax(500px, 1fr) minmax(264px, var(--rail-w));height:100vh;display:grid;overflow:hidden}}@media (max-width:1023px){.window .rail,.window .topbar{display:none}.window{background:radial-gradient(120% 70% at 18% 8%, #e8b27a52, transparent 55%), radial-gradient(95% 60% at 92% 28%, #f0a7a04d, transparent 60%), radial-gradient(110% 70% at 75% 95%, #cc8a7a38, transparent 60%), radial-gradient(140% 80% at 10% 100%, #a0625a2e, transparent 60%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 60%, var(--bg-1) 100%)}}.window:before{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.4;z-index:1;background-image:radial-gradient(#ffe8d206 1px,#0000 1px);background-size:3px 3px;position:absolute;inset:0}.window-titlebar{-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--line);z-index:50;background:#14100c99;align-items:center;height:38px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.traffic{gap:8px;display:flex}.traffic .light{border-radius:999px;width:12px;height:12px;box-shadow:inset 0 0 0 .5px #00000040}.traffic .red{background:#ff5f57}.traffic .yellow{background:#febc2e}.traffic .green{background:#28c840}.window-title{text-align:center;color:var(--muted);letter-spacing:-.01em;flex:1;font-family:-apple-system,system-ui;font-size:13px;font-weight:500}.window-title .dot{color:var(--pink)}.shell{grid-template-columns:var(--side-w) minmax(500px, 1fr) minmax(264px, var(--rail-w));z-index:2;display:grid;position:absolute;inset:38px 0 0}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:22px 14px 18px;display:flex;overflow:hidden}.sidebar-scroll{scrollbar-width:none;flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{display:none}.brand{font-family:var(--font-fraunces), serif;letter-spacing:-.02em;color:var(--text);align-items:baseline;gap:8px;padding:4px 10px 18px;font-size:26px;font-style:italic;font-weight:500;display:flex}.brand .dot{color:var(--pink)}.brand .tag{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9px;font-style:normal;font-weight:400}.nav-label{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);padding:14px 10px 6px;font-size:9px}@media (pointer:coarse){.nav-item{min-height:44px}}.nav-item{color:var(--muted);cursor:pointer;letter-spacing:-.005em;border-radius:8px;align-items:center;gap:12px;padding:9px 10px;font-size:13.5px;text-decoration:none;transition:color .12s,background .12s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item.active{color:var(--pink);background:#f0a7a01a;position:relative}.nav-item.active:before{content:"";background:var(--pink);width:2px;box-shadow:0 0 6px var(--pink-glow);border-radius:999px;position:absolute;top:8px;bottom:8px;left:0}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-item .count{font-family:var(--font-mono), monospace;color:var(--dim);margin-left:auto;font-size:10px}.nav-item.active .count{color:var(--pink);opacity:.7}.sidebar-divider{background:var(--line);height:1px;margin:16px 6px}.you-card{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:10px;display:flex}.you-card .avatar{width:34px;height:34px;font-family:var(--font-fraunces), serif;color:var(--text);background:radial-gradient(circle at 30% 30%,#f4a06bb3,#0000 55%),linear-gradient(135deg,#3a2418,#1a0e08);border-radius:999px;flex-shrink:0;place-items:center;font-size:15px;font-style:italic;display:grid}.you-card .info{flex:1;min-width:0}.you-card .name{color:var(--text);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.you-card .streak{font-family:var(--font-mono), monospace;color:var(--pink);letter-spacing:.02em;margin-top:1px;font-size:10px}.you-card .more{color:var(--muted);cursor:pointer}.you-card .more:hover{color:var(--text)}.main{scrollbar-width:none;padding-bottom:24px;position:relative;overflow-y:auto}.main::-webkit-scrollbar{display:none}.page-top{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(180%);background:linear-gradient(#14100cc7 0%,#14100c66 100%);align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.nav-arrows{flex-shrink:0;gap:6px;display:flex}.nav-arrows .arrow{border:1px solid var(--line);width:32px;height:32px;color:var(--text);cursor:pointer;background:#14100c99;border-radius:999px;place-items:center;display:grid}.nav-arrows .arrow:hover{background:var(--glass-strong)}.nav-arrows .arrow.disabled{color:var(--dim);cursor:default}.search-bar{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);min-width:0;max-width:520px;color:var(--muted);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:999px;flex:1;align-items:center;gap:10px;padding:9px 14px;display:flex}.search-bar:focus-within{border-color:#f0a7a066}.search-bar input{min-width:0;color:var(--text);font-family:var(--font-inter), sans-serif;letter-spacing:-.005em;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.search-bar input::placeholder{color:var(--muted);opacity:.8}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:#14100c66;border-radius:999px;place-items:center;display:grid}.icon-btn:hover{background:var(--glass-strong)}.upgrade{white-space:nowrap;color:var(--saffron);font-family:var(--font-inter), sans-serif;letter-spacing:.01em;cursor:pointer;background:#e8986626;border:1px solid #e8986673;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.page-head{padding:var(--page-top-gap) 28px 16px;justify-content:space-between;align-items:flex-end;display:flex}.page-head .title{font-weight:500;font-family:var(--font-fraunces), serif;letter-spacing:-.02em;color:var(--text);margin:0;font-size:36px;font-weight:500}.page-head .title em{color:var(--pink);font-style:italic}.page-head .meta{font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.04em;font-size:11px}.view{display:none}.view.active{animation:.22s ease-out view-fade;display:block}@keyframes view-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rail-view{display:none}.rail-view.active{display:block}.home-hero{padding:32px 28px 18px}.home-hero .greet{font-family:var(--font-fraunces), serif;letter-spacing:-.02em;color:var(--text);text-wrap:pretty;margin-bottom:14px;font-size:40px;line-height:1.1}.home-hero .greet em{color:var(--pink);font-style:italic}.home-hero .streak{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);font-family:var(--font-mono), monospace;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 8px;font-size:12px;display:inline-flex}.home-hero .streak .flame{background:#e8986629;border:1px solid #e8986652;border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.home-hero .streak .num{color:var(--pink);font-size:13px;font-weight:700}.home-hero .streak .sep{background:var(--line-strong);width:1px;height:13px;margin:0 2px}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;padding:0 28px 24px;display:grid}.quick-card{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);height:180px;box-shadow:inset 0 1px 0 var(--hi-edge), 0 8px 24px #0000004d;cursor:pointer;color:inherit;border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.quick-card:hover{border-color:var(--line-strong);background:var(--glass-strong)}.quick-card.practice:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 85% 15%,#f0a7a033,#0000 60%);position:absolute;inset:0}.quick-card.train:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 85% 15%,#8fc6a32e,#0000 60%);position:absolute;inset:0}.quick-card.tools:before{content:"";pointer-events:none;background:radial-gradient(120% 80% at 85% 15%,#e8b27a2e,#0000 60%);position:absolute;inset:0}.quick-card .icon{border:1px solid var(--line);width:42px;height:42px;color:var(--pink);box-shadow:inset 0 1px 0 var(--hi-edge);z-index:1;background:#ffffff0f;border-radius:12px;place-items:center;display:grid;position:relative}.quick-card.train .icon{color:var(--emerald)}.quick-card.tools .icon{color:var(--amber)}.quick-card .meta-label{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);z-index:1;margin-bottom:4px;font-size:9.5px;position:relative}.quick-card h3{font-family:var(--font-fraunces), serif;letter-spacing:-.015em;color:var(--text);z-index:1;font-size:26px;font-style:italic;font-weight:400;line-height:1.05;position:relative}.practice-stage{padding:24px 28px 28px}.practice-title{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.practice-title .song{font-family:var(--font-bengali), var(--font-fraunces), sans-serif;color:var(--text);letter-spacing:-.01em;font-size:26px;font-weight:500}.practice-title .artist{font-family:var(--font-inter), sans-serif;color:var(--muted);font-size:13px}.pitch-panel{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);height:360px;box-shadow:inset 0 1px 0 var(--hi-edge), 0 12px 36px #0006;border-radius:18px;position:relative;overflow:hidden}.pitch-grid{pointer-events:none;flex-direction:column;padding:24px 32px 20px;display:flex;position:absolute;inset:0}.swara-line{flex:1;align-items:center;gap:12px;display:flex}.swara-line .lbl{width:40px;font-family:var(--font-mono), monospace;color:var(--muted);font-size:11px}.swara-line.bold .lbl{color:var(--text);font-weight:600}.swara-line.active-row .lbl{color:var(--pink);text-shadow:0 0 12px var(--pink-glow);font-weight:700;animation:1.4s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{text-shadow:0 0 6px #f0a7a073}50%{text-shadow:0 0 14px #f0a7a0d9,0 0 22px #f0a7a066}}.swara-line .ln{background:var(--line);flex:1;height:1px}.swara-line.bold .ln{background:var(--line-strong)}.now-tick{background:linear-gradient(#0000,#ffffff73 10% 90%,#0000);width:1px;position:absolute;top:18px;bottom:14px;left:38%}.now-tick:before{content:"NOW";font-family:var(--font-mono), monospace;letter-spacing:.2em;color:var(--muted);font-size:8px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.contour-overlay{pointer-events:none;position:absolute;inset:0}.contour-overlay svg{width:100%;height:100%}.contour-overlay path.past{fill:none;stroke:var(--pink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px var(--pink-glow))}.contour-overlay path.future{fill:none;stroke:var(--pink);stroke-width:2px;opacity:.35;stroke-linecap:round}.contour-overlay text.float{fill:var(--text);font-family:var(--font-mono), monospace;font-size:10px;font-weight:600}.contour-overlay text.float.future{opacity:.45}.now-dot{background:var(--pink);width:14px;height:14px;box-shadow:0 0 0 2px var(--bg-1), 0 0 16px var(--pink-glow), 0 0 32px var(--pink-glow);border-radius:999px;animation:1.4s ease-in-out infinite dot-pulse;position:absolute;top:56%;left:38%;transform:translate(-50%,-50%)}@keyframes dot-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.lyric-panel{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);text-align:center;box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:14px;margin-top:16px;padding:16px 22px}.lyric-current{font-family:var(--font-bengali), sans-serif;color:var(--text);letter-spacing:-.005em;font-size:28px;font-weight:500}.lyric-current .played{color:var(--muted);opacity:.7}.lyric-current .active{color:var(--pink);display:inline-block;position:relative}.lyric-current .active:after{content:"";background:var(--pink);transform-origin:0;border-radius:2px;width:100%;height:2px;animation:1.2s linear infinite fill-syl;position:absolute;bottom:-4px;left:0}@keyframes fill-syl{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lyric-sargam{font-family:var(--font-mono), monospace;color:var(--amber);opacity:.85;letter-spacing:.04em;margin-top:8px;font-size:11.5px}.lyric-sargam .w{margin-right:14px}.lyric-sargam .w.active{color:var(--pink);font-weight:600}.lyric-next-line{font-family:var(--font-bengali), sans-serif;color:var(--muted);opacity:.55;margin-top:10px;font-size:16px}.practice-transport{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:22px;margin-top:16px;display:flex}.ptc-group{border:1px solid var(--line);background:var(--glass);border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:10px 14px 8px;display:flex}.ptc-group-btns{flex:1}.ptc-group[data-group=record][data-live=true]{border-color:var(--pink-glow)}.ptc-group-label{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:8.5px}.ptc-group-btns{align-items:center;gap:10px;display:flex}.practice-transport .ctrl:disabled{opacity:.35;cursor:default}.practice-transport .ctrl:disabled:hover{background:var(--glass)}.practice-transport .ctrl.ptc-take-play{background:radial-gradient(120% 100% at 30% 20%,#cfe3ff,#93c5fd 55%,#6f9fd8 100%);box-shadow:0 0 20px #93c5fd59,inset 0 1px #ffffff80}.practice-transport .ctrl.ptc-take-play:disabled{background:var(--glass);color:var(--dim);box-shadow:none;border:1px solid var(--line)}.practice-transport .ctrl{border:1px solid var(--line);background:var(--glass);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:999px;place-items:center;display:grid}.practice-transport .ctrl:hover{background:var(--glass-strong)}.practice-transport .ctrl.play{color:#2d130f;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;width:60px;height:60px;box-shadow:0 0 24px #f0a7a073,inset 0 1px #ffffff8c}.practice-transport .ctrl.ptc-rec{color:var(--pink)}.practice-transport .ctrl.ptc-rec.on{background:var(--pink);color:#2d130f;border:0;animation:1s steps(2,start) infinite rec-blink}@keyframes rec-blink{50%{opacity:.55}}.practice-transport .ctrl.ptc-cmp:disabled,.practice-transport .ctrl.ptc-retake:disabled{opacity:.35;cursor:default}.practice-transport .ctrl.ptc-retake{color:var(--pink)}.ptc-group[data-group=takes] .ptc-group-label{white-space:nowrap}.practice-transport .ctrl.ptc-loop.on,.practice-transport .ctrl.ptc-cmp.on{background:var(--pink-glow);border-color:var(--pink);color:var(--ink);box-shadow:0 0 0 1px var(--pink-glow), 0 2px 10px #00000040}.practice-hint{text-align:center;color:var(--muted);min-height:18px;margin-top:12px;font-size:12.5px}.take-row{border:1px solid #0000;border-bottom:2px solid #ffeedc29;border-radius:0;margin:0 -18px 10px;padding:9px 26px 12px;transition:background .15s,border-color .15s}.take-row:last-child{border-bottom-color:#0000;margin-bottom:0}.take-row{cursor:pointer}.take-row:hover{background:#ffeedc0e}.take-row .np-row:hover{background:0 0}.take-row[data-selected=true]{box-shadow:inset 3px 0 0 var(--pink);background:#ffeedc0d}.take-row[data-selected=true]:hover{background:#ffeedc16}.take-row[data-current=true] .np-title{color:var(--pink)}.take-row .np-title{font-size:12.5px}.take-seek{appearance:none;cursor:pointer;background:var(--line-strong);border-radius:999px;width:100%;height:3px;margin:2px 0 6px}.take-seek::-webkit-slider-thumb{appearance:none;background:var(--pink);cursor:pointer;border:0;border-radius:999px;width:9px;height:9px}.take-seek:disabled{opacity:.35;cursor:default}.take-seek:disabled::-webkit-slider-thumb{background:var(--dim)}.take-meter{width:100%;height:14px;margin:2px 0 6px;display:block}.take-row[data-live=true]{background:#f871710d;box-shadow:inset 3px 0 #f87171}.take-row[data-live=true] .np-dot{background:#f87171;animation:1s ease-in-out infinite take-rec-pulse;box-shadow:0 0 9px #f87171cc}@keyframes take-rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.take-fav{color:var(--dim)}.take-fav:hover{color:var(--text)}.take-fav.on{color:#fbbf24}.take-del{color:var(--dim)}.take-del:hover{color:#f87171;border-color:#f8717180}.take-span-btn{text-align:left;background:var(--glass);border:1px solid var(--line);min-width:0;color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border-radius:8px;flex:1;padding:4px 8px;font-size:11.5px;transition:background .15s,color .15s,border-color .15s;overflow:hidden}.take-span-btn:hover{color:var(--text)}.take-span-btn.set{color:var(--text);border-color:var(--pink-glow)}.take-span-btn.arming{background:var(--pink);border-color:var(--pink);color:#2d130f;font-weight:600}.practice-graph[data-selecting=true]{outline:1px solid var(--pink-glow);border-radius:14px}.practice-graph[data-selecting=true] canvas{cursor:crosshair}.take-assign{align-items:center;gap:6px;margin-top:6px;display:flex}.take-assign-sel{background:var(--glass);border:1px solid var(--line);min-width:0;color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:4px 6px;font-size:11.5px}.take-assign-step{background:var(--glass);border:1px solid var(--line);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px}.take-assign-step:disabled{opacity:.35;cursor:default}.practice-graph{border:1px solid var(--line);background:var(--glass);border-radius:14px;padding:6px 4px;overflow:hidden}.practice-graph .lab-graph-scroll,.practice-graph .lab-graph-spacer,.practice-graph .lab-graph{height:380px}.practice-graph .lab-graph-scroll{scrollbar-width:none}.practice-graph .lab-graph-scroll::-webkit-scrollbar{height:0;display:none}.ptc-bars{max-width:780px;color:var(--muted);align-items:center;gap:12px;margin:14px auto 0;font-size:12px;display:flex}.ptc-time{font-variant-numeric:tabular-nums;min-width:34px}.ptc-seek{accent-color:var(--pink);cursor:pointer;flex:1}.ptc-ctl{align-items:center;gap:6px;display:flex}.ptc-ctl select{background:var(--glass);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:3px 6px;font-size:12px}.ptc-ctl input[type=range]{width:74px;accent-color:var(--pink)}.ptc-transpose-row{max-width:1040px;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:10px auto 0;font-size:12px;display:flex}.ptc-tp-label{letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;font-size:11px}.ptc-tp-group{border:1px solid var(--line);background:var(--glass);border-radius:12px;display:inline-flex;overflow:hidden}.ptc-tp{border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:1px;min-width:46px;padding:6px 10px;transition:background .15s,color .15s;display:flex}.ptc-tp:last-child{border-right:0}.ptc-tp:hover{color:var(--text);background:#ffeedc0f}.ptc-tp.ref{background:linear-gradient(#ffd1c81f,#d68a820a)}.ptc-tp.ref .ptc-tp-note{color:#f0b3a9}.ptc-tp.on{color:#2d130f;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%)}.ptc-tp.on .ptc-tp-note{color:#2d130f}.ptc-tp.ref.on{box-shadow:inset 0 0 0 1.5px #ffffff80}.ptc-tp-note{align-items:center;font-size:13px;font-weight:600;display:inline-flex}.ptc-tp-hz{opacity:.75;font-variant-numeric:tabular-nums;font-size:10px}.ptc-range{color:var(--muted);flex-shrink:0;align-items:center;gap:8px;font-size:11px;display:inline-flex}.ptc-range-label{letter-spacing:.06em;text-transform:uppercase;font-size:11px}.ptc-range-group{border:1px solid var(--line);background:var(--glass);border-radius:10px;display:inline-flex;overflow:hidden}.ptc-range-cell{border-right:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-left:0;flex-direction:column;align-items:center;gap:1px;padding:4px 11px;transition:background .15s;display:flex}.ptc-range-cell:last-child{border-right:0}.ptc-range-cell:hover:not(:disabled){background:#ffeedc14}.ptc-range-cell:active:not(:disabled){background:#ffeedc24}.ptc-range-cell:disabled{cursor:default;opacity:.5}.ptc-range-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:8.5px}.ptc-range-swara{color:var(--text);font-size:12px;font-weight:600}.ptc-range-oct{opacity:.75;font-variant-numeric:tabular-nums}.harmonium-panel{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:14px;margin-top:18px;padding:14px}.harmonium-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.harmonium-head .h{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.harmonium-head .freq{font-family:var(--font-mono), monospace;color:var(--text);font-size:11.5px}.keybed{border-radius:8px;height:96px;position:relative;overflow:hidden}.keybed .whites{gap:2px;display:flex;position:absolute;inset:0}.keybed .wk{color:var(--text);font-family:var(--font-mono), monospace;background:linear-gradient(#ffffff1a 0%,#ffffff0a 40%,#00000040 100%);border:1px solid #ffffff14;border-radius:5px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:8px;font-size:10px;display:flex;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 4px #0000004d}.keybed .wk .we{color:var(--muted);opacity:.7;font-size:7.5px}.keybed .wk.active{background:linear-gradient(#f0a7a066,#e88c8a40);box-shadow:inset 0 1px #ffffff4d,0 0 18px #f0a7a073}.keybed .blacks{pointer-events:none;height:58%;position:absolute;top:0;left:0;right:0}.keybed .bk{color:#ffe8d299;width:22px;height:100%;font-family:var(--font-mono), monospace;background:linear-gradient(#0f0a08eb,#241a16f2);border:1px solid #ffe8d20f;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;padding-bottom:5px;font-size:8.5px;display:flex;position:absolute}.glide-dot{background:var(--pink);width:14px;height:14px;box-shadow:0 0 0 2px #0b0c0fe6, 0 0 12px var(--pink-glow), 0 0 28px var(--pink-glow);z-index:3;border-radius:999px;animation:3s ease-in-out infinite glide;position:absolute;top:50%;left:41.7%;transform:translate(-50%,-50%)}@keyframes glide{0%,to{left:41.7%}33%{left:50%}66%{left:35%}}.train-stage{padding:24px 28px 28px}.listen-stage{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);height:280px;box-shadow:inset 0 1px 0 var(--hi-edge), 0 10px 28px #0006;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.listen-stage .pulse{width:180px;height:180px;position:relative}.listen-stage .ring{border:1.5px solid var(--pink);opacity:0;border-radius:999px;animation:2.8s ease-out infinite pulse-out;position:absolute;inset:0}.listen-stage .ring:nth-child(2){animation-delay:.7s}.listen-stage .ring:nth-child(3){animation-delay:1.4s}.listen-stage .ring:nth-child(4){animation-delay:2.1s}@keyframes pulse-out{0%{opacity:0;transform:scale(.35)}20%{opacity:.85}to{opacity:0;transform:scale(1.4)}}.listen-stage .core{background:var(--pink);width:16px;height:16px;box-shadow:0 0 18px var(--pink-glow), 0 0 36px var(--pink-glow);z-index:2;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.listen-stage .label{font-family:var(--font-fraunces), serif;color:var(--text);pointer-events:none;place-items:center;font-size:30px;font-style:italic;display:grid;position:absolute;inset:0}.listen-stage .hint{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;position:absolute;bottom:22px}.oct-toggle{justify-content:center;margin-top:18px;display:flex}.oct-toggle .seg{background:var(--glass);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.oct-toggle .opt{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:10.5px}.oct-toggle .opt.active{color:var(--text);background:#ffffff14}.swara-answer{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:18px;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:18px;padding:14px;display:grid}.sw{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:12px;flex-direction:column;align-items:center;padding:14px 8px;transition:transform .12s,background .12s;display:flex}.sw:hover{border-color:var(--line-strong);background:#ffffff14;transform:translateY(-1px)}.sw .lat{font-family:var(--font-fraunces), serif;color:var(--text);font-size:22px;font-style:italic}.sw .dev{font-family:var(--font-bengali), sans-serif;color:var(--muted);margin-top:2px;font-size:12px}.chip-row{gap:8px;padding:0 28px 4px;display:flex}.chip{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);font-family:var(--font-inter), sans-serif;color:var(--text);cursor:pointer;box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:999px;padding:7px 16px;font-size:12.5px;font-weight:500;transition:border-color .12s,background .12s}.chip:hover{border-color:var(--line-strong)}.chip.active{color:var(--pink);background:#f0a7a02e;border-color:#f0a7a080}.sort-row{justify-content:space-between;align-items:center;padding:14px 28px 10px;display:flex}.sort-btn{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.sort-btn .arrow{color:var(--muted);font-size:9px}.sort-btn:hover{color:var(--pink)}.view-switch{background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:2px;display:inline-flex}.view-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:30px;height:26px;display:grid}.view-switch button.active{background:var(--glass-strong);color:var(--text)}.continue{background:linear-gradient(135deg, #f0a7a02e 0%, #e8b27a1f 60%, var(--glass) 100%);-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:inset 0 1px 0 var(--hi-edge), 0 12px 32px #0006;cursor:pointer;color:inherit;border:1px solid #f0a7a052;border-radius:18px;align-items:center;gap:18px;margin:0 28px 24px;padding:18px;text-decoration:none;display:flex}.continue .cover{background:radial-gradient(circle at 30% 25%,#f4a06b99,#0000 60%),radial-gradient(circle at 70% 75%,#f0a7a08c,#0000 65%),linear-gradient(#3a2418,#1a0e08);border-radius:10px;flex-shrink:0;width:84px;height:84px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 4px 12px #0006}.continue .cover:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 6px,#ffffff0d 6px 7px);position:absolute;inset:0}.continue .info{flex:1;min-width:0}.continue .kicker{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);margin-bottom:6px;font-size:10px}.continue .name{font-family:var(--font-bengali), var(--font-inter), sans-serif;color:var(--text);letter-spacing:-.01em;margin-bottom:4px;font-size:24px;font-weight:500;line-height:1.15}.continue .meta{font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.02em;font-size:11.5px}.continue .progress{background:#ffffff14;border-radius:999px;height:3px;margin-top:12px;position:relative;overflow:hidden}.continue .progress:after{content:"";background:linear-gradient(90deg, var(--pink), var(--pink-deep));width:38%;box-shadow:0 0 8px var(--pink-glow);border-radius:999px;position:absolute;inset:0}.continue .play{color:#2d130f;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border-radius:999px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 0 24px #f0a7a073,inset 0 1px #ffffff8c}.continue .play svg{margin-left:2px}.section-head{justify-content:space-between;align-items:baseline;padding:6px 28px 12px;display:flex}.section-head .h-title{font-family:var(--font-fraunces), serif;letter-spacing:-.015em;color:var(--text);font-size:22px;font-weight:500}.section-head .h-all{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;font-size:10.5px}.section-head .h-all:hover{color:var(--text)}.feat-grid{grid-template-columns:repeat(5,1fr);gap:14px;padding:0 28px 24px;display:grid}.feat-card{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);cursor:pointer;box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:12px;padding:12px;transition:border-color .12s,background .12s}.feat-card:hover{border-color:var(--line-strong);background:var(--glass-strong)}.feat-card .cover{aspect-ratio:1;border-radius:8px;width:100%;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.feat-card .cover:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 6px,#ffffff0d 6px 7px);position:absolute;inset:0}.feat-card .name{font-family:var(--font-fraunces), serif;color:var(--text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em;font-size:15px;font-style:italic;overflow:hidden}.feat-card .name.bn{font-family:var(--font-bengali), sans-serif;font-style:normal;font-weight:500}.feat-card .desc{font-family:var(--font-mono), monospace;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em;margin-top:4px;font-size:10px;overflow:hidden}.raga-row{flex-wrap:wrap;gap:10px;padding:0 28px 24px;display:flex}.raga-chip{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);cursor:pointer;box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 9px;transition:border-color .12s;display:flex}.raga-chip:hover{border-color:var(--line-strong)}.raga-chip .ico{border-radius:999px;width:32px;height:32px;box-shadow:inset 0 1px #ffffff4d}.raga-chip.r-yaman .ico{background:linear-gradient(135deg,#f0a7a0,#c87662)}.raga-chip.r-bhairavi .ico{background:linear-gradient(135deg,#e88c8a,#8e3a3a)}.raga-chip.r-kafi .ico{background:linear-gradient(135deg,#c4a05a,#6b4a30)}.raga-chip.r-khamaj .ico{background:linear-gradient(135deg,#d4c280,#8a7228)}.raga-chip.r-bhairav .ico{background:linear-gradient(135deg,#b87b56,#5e3818)}.raga-chip.r-todi .ico{background:linear-gradient(135deg,#a8d0a4,#50804c)}.raga-chip.r-pahadi .ico{background:linear-gradient(135deg,#9ec4e8,#5a7a9c)}.raga-chip .name{font-family:var(--font-fraunces), serif;color:var(--text);font-size:15px}.raga-chip .count{font-family:var(--font-mono), monospace;color:var(--muted);margin-left:4px;font-size:10.5px}.song-table{padding:0 28px}.song-table .row-head{border-bottom:1px solid var(--line);font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);grid-template-columns:32px 1.6fr 1fr 1fr 80px 60px;align-items:center;gap:16px;padding:8px 16px;font-size:10px;display:grid}.song-table .row-head .col-time svg{width:14px;height:14px;color:var(--muted)}.song-row{cursor:pointer;border-radius:6px;grid-template-columns:32px 1.6fr 1fr 1fr 80px 60px;align-items:center;gap:16px;padding:8px 16px;transition:background .1s;display:grid}.song-row:hover{background:#ffffff0a}.song-row .num{text-align:center;font-family:var(--font-mono), monospace;color:var(--dim);font-size:13px;transition:opacity .1s}.song-row:hover .num{color:var(--text)}.song-row .title-cell{align-items:center;gap:12px;min-width:0;display:flex}.song-row .cover{border-radius:5px;flex-shrink:0;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.song-row .cover:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 4px,#ffffff0d 4px 5px);position:absolute;inset:0}.song-row.c1 .cover{background:radial-gradient(circle at 25% 30%,#f4a06bb3,#0000 55%),radial-gradient(circle at 75% 70%,#f0a7a099,#0000 60%),linear-gradient(135deg,#2a1410,#0a0604)}.song-row.c2 .cover{background:radial-gradient(circle at 70% 30%,#e8b27a8c,#0000 55%),radial-gradient(circle at 30% 80%,#b45a3c80,#0000 60%),linear-gradient(135deg,#1a1208,#14060c)}.song-row.c3 .cover{background:radial-gradient(circle at 50% 30%,#8fc6a380,#0000 55%),radial-gradient(circle at 30% 80%,#325a4499,#0000 60%),linear-gradient(135deg,#0c1a0e,#0a0c08)}.song-row.c4 .cover{background:radial-gradient(circle,#d4c28080,#0000 55%),linear-gradient(135deg,#1a1408,#0c0a04)}.song-row.c5 .cover{background:radial-gradient(circle at 30% 70%,#e88c8a8c,#0000 55%),linear-gradient(135deg,#2a0e10,#160608)}.song-row.c6 .cover{background:radial-gradient(circle at 60% 30%,#a8d0a480,#0000 55%),linear-gradient(135deg,#0a1a14,#060c0a)}.song-row.c7 .cover{background:radial-gradient(circle at 40%,#9ec4e88c,#0000 55%),linear-gradient(135deg,#0a1018,#060810)}.song-row .title-text{min-width:0;overflow:hidden}.song-row .name{font-family:var(--font-bengali), var(--font-inter), sans-serif;color:var(--text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.005em;font-size:14px;font-weight:500;overflow:hidden}.song-row .name.latin{font-family:var(--font-inter), sans-serif}.song-row .artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.song-row .album,.song-row .added{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.song-row .raga-pill{color:var(--amber);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;background:#e8b27a24;border:1px solid #e8b27a52;border-radius:999px;padding:2px 9px;font-size:9.5px;display:inline-block}.song-row .dur{text-align:right;font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.04em;font-size:12px}.song-row .actions{color:var(--muted);justify-content:flex-end;align-items:center;gap:4px;display:flex}.song-row .actions .a-btn{cursor:pointer;border-radius:999px;place-items:center;width:26px;height:26px;transition:color .1s,background .1s;display:grid}.song-row .actions .a-btn:hover{color:var(--text);background:#ffffff0f}.song-row .actions .a-btn.saved{color:var(--pink)}.rail{border-left:1px solid var(--line);padding:20px var(--rail-pad);scrollbar-width:none;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rail-head .label{font-family:var(--font-fraunces), serif;color:var(--text);letter-spacing:-.01em;font-size:16px;font-style:italic}.rail-head .close{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.rail-cover{aspect-ratio:1;background:radial-gradient(circle at 25% 30%,#f4a06bb3,#0000 55%),radial-gradient(circle at 75% 70%,#f0a7a099,#0000 60%),linear-gradient(135deg,#2a1410,#0a0604);border-radius:12px;width:100%;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 8px 24px #0006}.rail-cover:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#0000 0 7px,#ffffff0f 7px 8px);position:absolute;inset:0}.rail .song-title{font-family:var(--font-bengali), var(--font-inter), sans-serif;color:var(--text);letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-weight:500;line-height:1.15}.rail .artist-row{color:var(--muted);margin-bottom:14px;font-size:13px}.rail .start-btn{color:#2d130f;width:100%;font-family:var(--font-inter), sans-serif;letter-spacing:.02em;cursor:pointer;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 0 18px #f0a7a073,inset 0 1px #ffffff80}.rail .start-btn:hover{filter:brightness(1.05)}.rail .secondary-actions{gap:8px;margin-top:10px;display:flex}.rail .sec-btn{background:var(--glass);border:1px solid var(--line);color:var(--text);font-family:var(--font-inter), sans-serif;cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:12px;display:inline-flex}.rail .sec-btn:hover{border-color:var(--line-strong)}.rail .stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.rail .stat{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:12px;padding:10px 12px}.rail .stat .lbl{font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:9px}.rail .stat .val{font-family:var(--font-fraunces), serif;color:var(--text);letter-spacing:-.01em;font-size:18px}.rail .stat .val.pink{color:var(--pink)}.rail-section-head{justify-content:space-between;align-items:baseline;margin:22px 0 10px;padding:0 2px;display:flex}.rail-section-head .h{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.phrase-row{cursor:pointer;align-items:center;gap:10px;padding:8px 4px;display:flex}.phrase-row:hover{background:#ffffff0a;border-radius:6px}.phrase-row .ix{text-align:right;width:22px;font-family:var(--font-mono), monospace;color:var(--dim);font-size:11px}.phrase-row .text{font-family:var(--font-bengali), var(--font-inter), sans-serif;color:var(--text);flex:1;font-size:13px}.phrase-row .sa{font-family:var(--font-mono), monospace;color:var(--amber);opacity:.8;font-size:10px}.phrase-row .t{font-family:var(--font-mono), monospace;color:var(--dim);font-size:10px}.caption{color:#6b7280;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:11px}.window{line-height:normal}.window a{text-decoration:none}.window :where(h1,h2,h3,h4,h5,h6){font-size:revert;font-weight:revert}.window{cursor:default}.window :where(input:not([type=range]),textarea,[contenteditable=true]){cursor:text}.window .you-card{cursor:pointer}}.rail .rail-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rail .tg-toggle{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:3px 8px;font-size:9px;transition:all .2s}.rail .tg-toggle:hover{color:var(--ink);border-color:var(--pink-glow)}.rail .tg-toggle.on{color:var(--pink);border-color:var(--pink-glow);background:#f0a7a014}.take-group-head{justify-content:space-between;align-items:baseline;gap:8px;padding:12px 4px 5px;display:flex}.take-group-head[data-nested=true]{border-left:1px solid var(--line);margin-left:-1px;padding-left:9px}.take-group-head .tg-name{color:var(--ink);opacity:.9;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11.5px;overflow:hidden}.take-group-head .tg-meta{font-family:var(--font-mono), monospace;color:var(--dim);white-space:nowrap;font-size:9.5px}.tr-vol{border:1px solid var(--line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffe8d20d;border-radius:999px;align-items:center;gap:8px;min-width:108px;padding:4px 10px;display:inline-flex;position:relative}.tr-vol:after{content:"";height:1.5px;width:clamp(0px, calc(var(--pos,80%) - 16px), calc(100% - 16px));pointer-events:none;background:#f0a7a0a6;border-radius:1px;position:absolute;bottom:2px;left:8px}.tr-vol-lbl,.tr-vol-v{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px}.tr-vol-v{color:var(--text)}.window[data-release] [data-gated-off] :is(.topbar>*,.rail,.view),.window[data-release] .topbar>[data-gated-off]{opacity:.5;filter:saturate(.7);transition:opacity .2s}.window[data-release=metronome-only] .sidebar .nav-item:not([data-view=home]):not([data-view=tools]),.window[data-release=metronome-only] .sidebar .you-card{opacity:.38;pointer-events:none;cursor:default}.view [data-noop]{pointer-events:none;cursor:default}
@media (max-width:1023px){.window .sidebar{z-index:70;width:min(300px,84vw);padding-top:max(22px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));padding-left:max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(28px)saturate(180%);border-right:1px solid var(--line-strong);visibility:hidden;touch-action:pan-y;background:radial-gradient(120% 50% at 0 0,#e8b27a24,#0000 60%),#16110df7;transition:visibility 0s linear .38s,translate 0s linear .38s;position:fixed;top:0;bottom:0;left:0;translate:-110%;box-shadow:24px 0 60px #00000080}.window[data-menu=open] .sidebar{visibility:visible;transition:visibility,translate;translate:0}.window .sidebar .sidebar-scroll{overscroll-behavior:contain}.window .sidebar,.window .sidebar a{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.window .sidebar .nav-item{min-height:44px}.menu-scrim{z-index:65;opacity:0;pointer-events:none;touch-action:none;background:#08060599;border:0;padding:0;transition:opacity .32s;position:fixed;inset:0}.window[data-menu=open] .menu-scrim{opacity:1;pointer-events:auto}}@media (min-width:1024px){.menu-scrim{display:none}}@media (prefers-reduced-motion:reduce){.window .sidebar,.menu-scrim{transition:none}}
@layer components{.metro{flex-direction:column;width:100%;max-width:393px;height:calc(100dvh - 156px);min-height:520px;margin:0 auto;display:flex;position:relative}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(20px,-30px)scale(1.08)}}.metro .home-indicator{z-index:60;background:#ffffffb3;border-radius:100px;width:134px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.metro .app-bar{align-items:center;gap:12px;padding:12px 16px 4px;display:flex}.metro .app-bar .title{text-align:center;font-family:var(--font-fraunces), serif;letter-spacing:-.01em;color:var(--text);flex:1;margin:0;font-size:17px;font-weight:600}.metro .icon-btn{width:38px;height:38px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.metro .icon-btn:hover{background:var(--glass);-webkit-backdrop-filter:blur(14px)}.metro .mode-toggle{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:999px;margin:6px auto 0;padding:3px;display:inline-flex}.metro .mode-toggle .opt{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:10px;transition:color .15s}.metro .mode-toggle .opt.active{color:var(--text);box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -1px 0 #0000004d;background:#ffffff14}.metro .beat-strip{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -1px 0 #00000059, 0 6px 22px #00000052;border-radius:18px;margin:28px 16px 0;padding:14px 14px 18px}.metro .beat-strip .label{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:9px}.metro .beat-strip .label .accent{color:var(--text);font-weight:600}.metro .beats{justify-content:center;gap:12px;display:flex}.metro .beat.group-start{margin-left:14px}.metro .beat{aspect-ratio:4/5;border:1px solid var(--line);cursor:pointer;max-width:80px;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -3px 8px #0006, 0 2px 6px #0000004d;background:linear-gradient(#ffffff0d 0%,#0000002e 100%);border-radius:14px;flex-direction:column;flex:1;padding:6px;transition:transform .1s,box-shadow .15s,border-color .15s;display:flex}.metro .beat .fill{background:linear-gradient(#ffe8d299 0%,#ffe8d2d9 100%);border-radius:8px;width:100%;margin-top:auto;transition:height .15s,background .15s,box-shadow .15s;box-shadow:inset 0 1px #fff6,inset 0 -2px 4px #00000026,0 1px 3px #0000004d}.metro .beat[data-accent="0"] .fill{opacity:0;height:0}.metro .beat[data-accent="1"] .fill{height:46%}.metro .beat[data-accent="2"] .fill{height:100%}.metro .beat.active{box-shadow:0 0 18px var(--pink-glow), 0 0 36px #f0a7a038, inset 0 1px 0 var(--hi-edge), inset 0 -3px 8px #0006;border-color:#f0a7a08c;transform:scale(1.05)}.metro .beat.active .fill{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 4px #00000026, 0 0 12px var(--pink-glow);background:linear-gradient(#ffd1c8 0%,#f0a7a0 100%)}.metro .beat .fill.split{box-shadow:none;background:0 0;flex-direction:column;gap:4px;margin-top:0;padding:0;display:flex;height:100%!important}.metro .beat .fill.split .seg{background:linear-gradient(#ffe8d299 0%,#ffe8d2d9 100%);border-radius:6px;flex:1;box-shadow:inset 0 1px #fff6,inset 0 -2px 4px #00000026,0 1px 3px #0000004d}.metro .beat.active .fill.split .seg{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 4px #00000026, 0 0 12px var(--pink-glow);background:linear-gradient(#ffd1c8 0%,#f0a7a0 100%)}.metro .chip-row{justify-content:center;gap:14px;margin-top:22px;padding:0 16px;display:flex}.metro .chip{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);width:64px;height:64px;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -1px 0 #00000059;cursor:pointer;color:var(--text);border-radius:16px;place-items:center;padding:0;transition:border-color .12s,background .12s;display:grid}.metro .chip:hover{border-color:var(--line-strong);background:var(--glass-strong)}.metro .chip .tsig{font-family:var(--font-fraunces), serif;color:var(--text);font-size:22px;font-style:italic}.metro .chip .subname{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:9px}.metro .chip.sub{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.metro .chip.sub svg{display:block}.metro .chip.sub svg.sub-glyph{width:auto;max-width:56px;height:20px}.metro .tempo{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;margin-top:18px;padding:0 16px 6px;display:flex;position:relative}.metro .tempo .meta{text-align:center;margin-bottom:6px}.metro .tempo .name{font-family:var(--font-fraunces), serif;color:var(--muted);letter-spacing:.01em;font-size:16px;font-style:italic}.metro .tempo .bpm{justify-content:center;align-items:baseline;gap:6px;margin-top:2px;display:flex}.metro .tempo .bpm .n{font-family:var(--font-fraunces), serif;color:var(--text);letter-spacing:-.03em;text-shadow:0 0 30px #f0a7a02e;font-size:72px;font-weight:500;line-height:1}.metro .tempo .bpm .unit{font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px}.metro .tempo .bpm .unit-note{color:var(--muted);align-self:center;align-items:center;gap:10px;margin-right:2px;display:inline-flex}.metro .tempo .bpm .unit-glyph{opacity:.92;width:auto;height:36px;display:block;transform:translateY(2px)}.metro .tempo .bpm .eq{font-family:var(--font-fraunces), serif;font-size:30px;font-weight:500;line-height:1;transform:translateY(1px)}.metro .tempo .bpm button.unit-note{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:10px;margin-right:0;padding:4px 8px 4px 6px;transition:color .15s,background .15s}.metro .tempo .bpm button.unit-note:hover,.metro .tempo .bpm button.unit-note:focus-visible{color:var(--text);background:#ffffff0d}.metro .wheel-row.tempo .wheel{width:360px}.metro .wopt-unit{white-space:nowrap;text-align:left;grid-template-columns:34px 168px 72px;align-items:center;column-gap:14px;display:grid}.metro .wopt-unit svg{justify-self:center;width:auto;height:24px;transform:translateY(1px)}.metro .wopt-unit .name{font-family:var(--font-fraunces), serif;font-size:19px;font-style:italic}.metro .wopt-unit .per{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-self:end;font-size:10px}.metro .wopt-grouping{font-family:var(--font-fraunces), serif;font-size:24px}.metro .wheel-divider.dot{transform:translateY(-.14em)}.metro .beat-strip .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metro .dial{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#f0a7a01f,#0000 60%),radial-gradient(circle,#ffffff0f 60%,#ffffff05 70%,#0000 75%);border-radius:999px;width:250px;margin-top:18px;position:relative;box-shadow:inset 0 0 0 1px #ffe8d224,inset 0 8px 30px #00000073,0 0 50px #f0a7a01a,0 14px 40px #00000073}.metro .dial .ticks{pointer-events:none;position:absolute;inset:0}.metro .dial .arrows{width:240px;color:var(--muted);opacity:.5;justify-content:space-between;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.metro .dial .arrows svg{width:22px;height:22px}.metro .dial .knob-pos{transition:transform .18s;position:absolute;inset:0;transform:rotate(40deg)}.metro .dial .knob-pos .head{background:var(--pink);width:11px;height:11px;box-shadow:0 0 18px var(--pink-glow), 0 0 36px #f0a7a066, inset 0 1px 0 #ffffff80;border-radius:999px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.metro .transport{pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 20px;display:flex;position:absolute;bottom:30px;left:0;right:0}.metro .transport>*{pointer-events:auto}@media (max-width:1023px){.metro .transport{bottom:-21px}}.metro .play-btn{width:64px;height:64px;color:var(--text);border:1px solid var(--line);cursor:pointer;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -3px 8px #0006, 0 4px 12px #0006;background:linear-gradient(#ffffff0d 0%,#0000002e 100%);border-radius:18px;place-items:center;display:grid}.metro .play-btn:hover{border-color:var(--line-strong)}.metro .tap-btn{border:1px solid var(--line);width:76px;height:64px;color:var(--text);cursor:pointer;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -3px 8px #0006, 0 4px 12px #0006;font-family:var(--font-fraunces), serif;letter-spacing:-.01em;background:linear-gradient(#ffffff0d 0%,#0000002e 100%);border-radius:18px;place-items:center;font-size:19px;font-weight:500;display:grid}.metro .tap-btn:hover{border-color:var(--line-strong)}.metro .play-btn{color:#2d130f;cursor:pointer;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;border-radius:22px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 0 28px #f0a7a073,0 12px 24px #f0a7a040,inset 0 1px #ffffff8c,inset 0 -2px 6px #00000026}.metro .tabbar{-webkit-backdrop-filter:blur(28px)saturate(200%);border:1px solid var(--line-strong);height:64px;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -1px 0 #0006, 0 18px 40px #0000008c;z-index:30;background:#1c1612b3;border-radius:999px;justify-content:space-around;align-items:center;padding:0 6px;display:flex;position:absolute;bottom:22px;left:12px;right:12px}.metro .tabbar .tab{height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;transition:color .15s;display:flex;position:relative}.metro .tabbar .tab:hover{color:var(--text)}.metro .tabbar .tab.active{color:var(--pink)}.metro .tabbar .tab.active:before{content:"";background:var(--pink);width:4px;height:4px;box-shadow:0 0 8px var(--pink-glow);border-radius:999px;position:absolute;top:6px}.metro .tabbar .tab .label{font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;font-size:8.5px;font-weight:600}.metro .tabbar .tab svg{width:20px;height:20px}.metro .sheet-scrim{-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:70;background:#0000008c;transition:opacity .2s;position:absolute;inset:0}.metro .sheet-scrim.open{opacity:1;pointer-events:auto}.metro .sheet{-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 var(--hi-edge), 0 24px 60px #00000080;z-index:80;background:#14100ceb;border-radius:28px;padding:18px 18px 24px;transition:transform .32s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(120%)}.metro .sheet.open{transform:translateY(0)}.metro .sheet .handle{background:var(--line-strong);border-radius:999px;width:36px;height:4px;margin:-6px auto 14px}.metro .sheet .head{font-family:var(--font-fraunces), serif;text-align:center;color:var(--text);margin-bottom:14px;font-size:18px}.metro .sheet .options{gap:6px;display:grid}.metro .sheet .row{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.metro .sheet .row:hover{background:#ffffff14}.metro .sheet .row.active{background:#f0a7a01a;border-color:#f0a7a080}.metro .sheet .row .left{flex-direction:column;gap:2px;display:flex}.metro .sheet .row .name{font-family:var(--font-fraunces), serif;color:var(--text);font-size:17px;font-style:italic}.metro .sheet .row .desc{font-family:var(--font-mono), monospace;color:var(--muted);letter-spacing:.04em;font-size:10px}.metro .sheet .row .count{font-family:var(--font-mono), monospace;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px}.metro .sheet .row.active .count{color:var(--pink);border-color:#f0a7a080}.metro .sheet .done{color:#2d130f;width:100%;font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;border-radius:999px;margin-top:14px;padding:13px;font-size:13px;font-weight:600;display:block;box-shadow:0 0 18px #f0a7a066,inset 0 1px #ffffff80}.metro .beat[data-accent="1"] .fill,.metro .beat[data-accent="2"] .fill{height:100%}.metro .beat[data-accent="1"] .fill,.metro .beat[data-accent="1"] .fill.split .seg,.metro .beat[data-accent="2"] .fill.split .seg:not(:first-child){background:linear-gradient(#ffe8d238 0%,#ffe8d261 100%)}.metro .beat .fill.split{box-shadow:none;background:0 0;flex-direction:column-reverse}.metro .beat .fill.split .seg{border-radius:0}.metro .beat .fill.split .seg:first-child{border-radius:0 0 6px 6px}.metro .beat .fill.split .seg:last-child{border-radius:6px 6px 0 0}.metro .beat .fill.hollow,.metro .beat[data-accent] .fill.hollow,.metro .beat .fill.split .seg.rest,.metro .beat[data-accent] .fill.split .seg.rest,.metro .beat[data-accent="2"] .fill.split .seg.rest:not(:first-child){opacity:1;background:0 0;height:100%;box-shadow:inset 0 0 0 1.5px #ffe8d22e}.metro .beat .fill.on,.metro .beat[data-accent] .fill.on,.metro .beat .fill.split .seg.on,.metro .beat[data-accent] .fill.split .seg.on{box-shadow:inset 0 1px 0 #ffffff80, inset 0 -2px 4px #00000026, 0 0 14px var(--pink-glow), 0 0 28px #f0a7a047;background:linear-gradient(#ffd1c8 0%,#f0a7a0 100%)}.metro button:focus-visible,.metro [role=button]:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}.metro .play-btn{color:#2d130f;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;border-radius:999px;width:76px;height:76px;box-shadow:0 0 24px #f0a7a073,inset 0 1px #ffffff8c}.metro .sheet-scrim{z-index:55;position:fixed;inset:0}.metro .dial{touch-action:none;-webkit-user-select:none;user-select:none}.metro .dial .knob-pos{transform-origin:50% 100%;width:0;height:46%;transition:none;inset:auto auto 50% 50%}.metro .dial .knob-pos .head{top:0;left:0;transform:translate(-50%,-50%)}.metro .dial{width:var(--metro-dial)}.metro .sheet .row .name{font-style:normal}.metro .sheet{z-index:60;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;max-height:calc(100dvh - 32px);position:fixed;bottom:16px;left:max(16px,50% - 240px);right:max(16px,50% - 240px);overflow-y:auto}.metro .wheel-row{justify-content:center;gap:28px;padding:8px 0 14px;display:flex;position:relative}.metro .wheel-row .band{pointer-events:none;background:#ffeedc14;border-radius:12px;height:44px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-25px)}.metro .wheel{scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:96px;height:220px;overflow-y:auto}.metro .wheel::-webkit-scrollbar{display:none}.metro .wheel.dragging{scroll-snap-type:none;cursor:grabbing}.metro .wheel{cursor:grab}.metro .wpad{height:88px}.metro .wopt{scroll-snap-align:center;height:44px;font-family:var(--font-fraunces), serif;color:var(--dim);cursor:pointer;justify-content:center;align-items:center;font-size:24px;transition:color .15s;display:flex}.metro .wopt.sel{color:var(--text)}.metro .wheel-divider{font-family:var(--font-fraunces), serif;color:var(--muted);align-self:center;font-size:24px}.metro .wopt .glyph{font-family:var(--font-inter), sans-serif;letter-spacing:.06em;font-size:22px}.metro .wopt .glyph sup{font-size:12px}.metro .wopt svg.wopt-glyph{width:auto;max-width:72px;height:24px}.metro .beats{gap:clamp(4px,1.2vw,12px)}.metro .beat{cursor:pointer;flex:1 1 0;min-width:0;max-width:80px}.metro-skel .sk{border:1px solid var(--line);background:linear-gradient(100deg,#ffeedc0d 40%,#ffeedc1a 50%,#ffeedc0d 60%) 0 0/200% 100%;animation:1.4s ease-in-out infinite metro-shimmer}@keyframes metro-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion:reduce){.metro-skel .sk{animation:none}}.metro-skel .sk-strip{border-radius:18px;height:148px;margin:28px 16px 0}.metro-skel .sk-chips{justify-content:center;gap:14px;margin-top:22px;display:flex}.metro-skel .sk-chip{border-radius:16px;width:64px;height:64px}.metro-skel .sk-tempo{border-radius:20px;width:180px;height:96px;margin:24px auto 0}.metro-skel .sk-dial{width:var(--metro-dial);aspect-ratio:1;border-radius:999px;margin:18px auto 0}@media (min-width:1024px){.metro-skel .sk-strip{height:160px}.metro-skel .sk-dial{width:clamp(210px,100vh - 546px,330px)}.metro{max-width:560px}.metro .dial{width:clamp(210px,100vh - 546px,330px);margin-top:18px}.metro .tempo .bpm .n{font-size:92px}.metro .beat-strip{padding:18px 20px}.metro .beats{gap:12px;height:96px}.metro .app-bar .title{font-size:26px}.metro .transport{padding:0 8px}.metro .play-btn{width:84px;height:84px}.metro .tap-btn{transform-origin:100% 100%;transform:scale(1.15)}.metro .app-bar{display:none}.metro{height:calc(100vh - 112px);min-height:520px}}@media (min-width:1024px) and (max-height:830px){.metro .tempo .bpm .n{font-size:72px}.metro .beats{height:78px}.metro .beat-strip{margin-top:16px}.metro .chip-row{margin-top:14px}.metro .play-btn{width:76px;height:76px}.metro .dial{width:clamp(200px,100vh - 488px,330px)}}.vol-fader{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.vol-fader .vol-fill{width:var(--vol,100%);pointer-events:none;background:linear-gradient(#f0a7a026 0%,#f0a7a00f 100%);position:absolute;inset:0 auto 0 0}.vol-fader .vol-ico,.vol-fader .vol-num{position:relative}.vol-fader .vol-num{font-family:var(--font-mono), monospace;letter-spacing:.1em;color:var(--muted);font-size:10px}.metro .vol-metro{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--line);min-width:84px;height:64px;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -1px 0 #00000059;color:var(--text);border-radius:16px;flex:0 124px;padding:0 14px}.metro .vol-metro:hover{border-color:var(--line-strong)}.metro .vol-metro .vol-num{margin-left:auto;padding-left:8px}@media (min-width:1024px){.metro .vol-metro{flex:0 150px}.metro .vol-metro .vol-num{font-size:11px}}.metro .chip-anchor{position:relative}.metro .chip.rhythm{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.metro .chip.rhythm svg{color:var(--pink);display:block}.metro .chip.rhythm .subname{text-overflow:ellipsis;white-space:nowrap;max-width:56px;margin-top:0;overflow:hidden}.metro .chip.rhythm.active{border-color:var(--pink-deep);color:var(--pink)}.metro .chip.rhythm.active .subname{color:var(--pink)}.metro .rhythm-panel{-webkit-backdrop-filter:blur(32px)saturate(200%);border:1px solid var(--line-strong);width:min(640px,100vw - 32px);height:440px;box-shadow:inset 0 1px 0 var(--hi-edge), 0 24px 60px #00000080;z-index:85;text-align:left;opacity:0;transform-origin:100% 0;pointer-events:none;background:#14100cf0;border-radius:22px;grid-template-columns:216px 1fr;transition:opacity .18s,transform .24s cubic-bezier(.2,.7,.3,1);display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-6px)scale(.985)}.metro .rhythm-panel.open{opacity:1;pointer-events:auto;transform:none}@keyframes rp-list-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.metro .rp-list{scroll-behavior:smooth;animation:.22s cubic-bezier(.2,.7,.3,1) rp-list-in}.metro .rp-regions{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.metro .rhythm-panel{transition:none;transform:none}.metro .rp-list{animation:none}}.metro .rp-regions,.metro .rp-list{scrollbar-width:thin;scrollbar-color:#ffe8d229 transparent}.metro .rp-regions::-webkit-scrollbar{width:6px}.metro .rp-list::-webkit-scrollbar{width:6px}.metro .rp-regions::-webkit-scrollbar-track{background:0 0}.metro .rp-list::-webkit-scrollbar-track{background:0 0}.metro .rp-regions::-webkit-scrollbar-thumb{background:#ffe8d229;border-radius:999px}.metro .rp-list::-webkit-scrollbar-thumb{background:#ffe8d229;border-radius:999px}.metro .rp-regions::-webkit-scrollbar-thumb:hover{background:#ffe8d24d}.metro .rp-list::-webkit-scrollbar-thumb:hover{background:#ffe8d24d}.metro .rp-regions{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.metro .rp-region{color:var(--text);cursor:pointer;text-align:left;font-family:var(--font-fraunces), serif;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14.5px;line-height:1.2;transition:background .12s,border-color .12s;display:flex}.metro .rp-region:hover{background:#ffffff0d}.metro .rp-region.sel{background:#f0a7a01a;border-color:#f0a7a073}.metro .rp-region-count{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);font-size:10px}.metro .rp-loading{font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:10px 12px;font-size:10px}.metro .rp-list{padding:12px 14px 18px;overflow-y:auto}.metro .rp-head{flex-direction:column;gap:3px;margin:4px 6px 10px;display:flex}.metro .rp-head-name{font-family:var(--font-fraunces), serif;color:var(--text);font-size:18px}.metro .rp-head-blurb{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);font-size:10px}.metro .rp-tradition{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:14px 6px 6px;font-size:9.5px}.metro .rr{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;transition:background .12s,border-color .12s;display:flex}.metro .rr:hover{border-color:var(--line);background:#ffffff0d}.metro .rr.active{background:#f0a7a01a;border-color:#f0a7a080}.metro .rr-line{align-items:baseline;gap:8px;min-width:0;display:flex}.metro .rr-name{font-family:var(--font-fraunces), serif;color:var(--text);font-size:16px;font-style:italic}.metro .rr-native{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.metro .rr-meta{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.metro .rr-tempo{align-items:center;gap:4px;display:inline-flex}.metro .rr-note{opacity:.9;width:auto;height:12px;display:block}.metro .beat{position:relative}.metro .beat .mark{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-size:9px;position:absolute;top:calc(100% + 3px);left:0;right:0;overflow:hidden}.metro .beats.marked{padding-bottom:16px}.metro .beats.many{gap:5px}.metro .beats.many .beat{border-radius:10px;padding:4px}.metro .beats.many .beat .fill{border-radius:6px}.metro .beats.many .beat.group-start{margin-left:9px}.metro .beat-strip:has(.beats.many){margin-left:8px;margin-right:8px;padding-left:10px;padding-right:10px}.metro .beats.dense{flex-direction:column;gap:6px;display:flex}.metro .beats.dense .beat-row{gap:6px;display:flex}.metro .beats.dense .beat{flex:0 0 calc((100% - 15 * 6px - var(--row-starts,0) * 6px) / 16);border-radius:9px;max-width:none;padding:3px}.metro .beats.dense .beat.group-start{margin-left:6px}.metro .beats.dense .beat-row>.beat.group-start:first-child{margin-left:0}.metro .beats.dense.marked{row-gap:20px}@media (max-width:520px){.metro .rhythm-panel{grid-template-rows:auto 1fr;grid-template-columns:1fr;width:auto;height:62vh;position:fixed;inset:auto 12px 12px}.metro .rp-regions{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.metro .rp-region{white-space:nowrap}}.metro .wheel-row:has(.wopt-grouping){gap:8px;padding-left:6px;padding-right:6px}.metro .wheel-row:has(.wopt-grouping) .wheel{flex:0 0 54px;width:54px}.metro .wheel-row:has(.wopt-grouping) .wheel:has(.wopt-grouping){flex:110px;width:auto;min-width:0;max-width:280px;overflow-x:hidden}.metro .wopt:has(.wopt-grouping){justify-content:flex-start;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8px calc(100% - 8px),#0000 100%);container-type:inline-size}.metro .wopt-grouping{white-space:nowrap;flex:none;margin:0 auto;padding:0 8px;font-size:20px}@keyframes wopt-marquee{0%,15%{transform:translate(0)}85%,to{transform:translate(min(0px,100cqw - 100%))}}.metro .sheet.open .wopt.sel .wopt-grouping{animation:6s ease-in-out infinite alternate wopt-marquee}@media (prefers-reduced-motion:reduce){.metro .sheet.open .wopt.sel .wopt-grouping{animation:none}}.metro .group-editor{padding:0 2px 2px}.metro .ge-status{justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.metro .ge-left{border:1px dashed var(--line-strong);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:96px;height:44px;padding:0 14px;display:inline-flex}.metro .ge-left .n{text-align:center;min-width:26px;font-family:var(--font-fraunces), serif;color:var(--dim);font-size:22px}.metro .ge-left.has{border-color:var(--pink)}.metro .ge-left.has .n{color:var(--text)}.metro .ge-left .cap,.metro .ge-add{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.metro .ge-left .cap{color:var(--muted)}.metro .ge-add{border:1px solid var(--line);height:44px;color:var(--pink);cursor:pointer;border-radius:14px;padding:0 14px;transition:border-color .15s,opacity .15s}.metro .ge-add:hover{border-color:var(--line-strong)}.metro .ge-add:disabled{opacity:.35;cursor:default}.metro .ge-chips{grid-template-columns:repeat(auto-fill,106px);justify-content:center;gap:8px;display:grid}.metro .ge-chip{border:1px solid var(--line-strong);background:#ffeedc0d;border-radius:14px;justify-content:space-between;align-items:center;height:44px;display:flex}.metro .ge-chip button{width:38px;height:100%;font-family:var(--font-fraunces), serif;color:var(--muted);cursor:pointer;border-radius:13px;place-items:center;font-size:22px;line-height:1;transition:color .15s,background .15s,opacity .15s;display:grid}.metro .ge-chip button:hover:not(:disabled),.metro .ge-chip button:active:not(:disabled){color:var(--text);background:#ffeedc14}.metro .ge-chip button:disabled{opacity:.25;cursor:default}.metro .ge-chip .n{text-align:center;font-family:var(--font-fraunces), serif;color:var(--text);flex:1;font-size:22px}.metro .ge-hint{text-align:center;color:var(--muted);margin:10px 0 0;font-size:11px}@media (max-width:1023px){.metro{--give:clamp(0px, calc(876px - 100dvh), 107px);--metro-dial:min(250px, calc(100dvh - 626px + var(--give)), calc(min(100vw, 393px) * 2 - 550px + var(--give) * .74));margin-top:calc(var(--give) * -.1682);height:calc(100dvh - 156px + var(--give) * .1682)}.metro .app-bar{padding-top:calc(12px - var(--give) * .1121);padding-bottom:calc(4px - var(--give) * .0374)}.metro .app-bar .icon-btn{position:relative}.metro .app-bar .icon-btn:after{content:"";position:absolute;inset:-3px}.metro .beat-strip{margin-top:calc(28px - var(--give) * .1869);padding-top:calc(14px - var(--give) * .0374);padding-bottom:calc(18px - var(--give) * .0561)}.metro .beat-strip .label{margin-bottom:calc(12px - var(--give) * .0374)}.metro .beat{max-height:calc(99px - var(--give) * .215)}.metro .chip-row{margin-top:calc(22px - var(--give) * .0748)}.metro .chip,.metro .vol-metro{height:calc(64px - var(--give) * .0748)}.metro .play-btn{width:calc(76px - var(--give) * .1308);height:calc(76px - var(--give) * .1308)}.metro .tap-btn{width:calc(76px - var(--give) * .1121);height:calc(64px - var(--give) * .0935);font-size:calc(19px - var(--give) * .0187)}.metro-skel .sk-strip{margin-top:calc(28px - var(--give) * .1869);height:calc(148px - var(--give) * .3458)}.metro-skel .sk-chips{margin-top:calc(22px - var(--give) * .0748)}.metro-skel .sk-chip{height:calc(64px - var(--give) * .0748)}}@media (max-width:1023px) and (orientation:landscape) and (max-height:520px){.metro{--metro-dial:min(250px, calc(100dvh - 106px), calc((100vw - 56px) / 2 - 126px));grid-template:"strip dial""chips dial"/minmax(0,1fr) minmax(0,1fr);align-content:center;gap:10px 28px;width:auto;max-width:none;height:calc(100dvh - 86px);min-height:0;margin:-18px 14px -40px;display:grid}.metro .app-bar{display:none}.metro .beat-strip{grid-area:strip;align-self:end;margin:0}.metro .beat{max-height:60px}.metro .chip-row{grid-area:chips;align-self:start;margin-top:0;padding:0}.metro .tempo{display:contents}.metro .dial{grid-area:dial;place-self:center;margin-top:0}.metro .dial .arrows{display:none}.metro .tempo .meta{z-index:2;pointer-events:none;grid-area:dial;place-self:center;margin:0}.metro .tempo .meta button.unit-note{pointer-events:auto}.metro .tempo .name{font-size:11px}.metro .tempo .bpm .n{font-size:calc(var(--metro-dial) * .26)}.metro .tempo .bpm .unit-glyph{height:calc(var(--metro-dial) * .13)}.metro .tempo .bpm .unit:not(.unit-note){display:none}.metro .transport{padding:0 6px;bottom:4px;left:calc(50% + 14px);right:0}.metro-skel .sk-strip{grid-area:strip;align-self:end;margin:0}.metro-skel .sk-chips{grid-area:chips;align-self:start;margin:0}.metro-skel .sk-tempo{display:none}.metro-skel .sk-dial{grid-area:dial;place-self:center;margin:0}.metro .sheet{max-height:calc(100dvh - 20px);padding-top:12px;padding-bottom:12px;overflow-y:auto}.metro .wheel{height:132px}.metro .wpad{height:44px}}}
@layer components{.auth{z-index:1000;-webkit-backdrop-filter:blur(10px)saturate(120%);background:#060408b3;place-items:center;padding:24px 16px;animation:.2s ease-out both auth-veil;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes auth-veil{0%{opacity:0}to{opacity:1}}.auth .card{cursor:default;position:relative}.auth .dev input{cursor:text}.auth .close{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:999px;place-items:center;font-size:18px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.auth .close:hover{color:var(--text);background:#ffffff14}.auth .card{border:1px solid var(--line);width:100%;max-width:380px;box-shadow:inset 0 1px 0 var(--hi-edge), inset 0 -1px 0 #00000059, 0 24px 60px #00000073;background:#171114;border-radius:28px;padding:36px 32px 30px;animation:.25s ease-out both auth-rise}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth .eyebrow{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:9px}.auth .wordmark{text-align:center;font-family:var(--font-fraunces), serif;color:var(--text);letter-spacing:-.02em;margin-top:8px;font-size:34px;font-style:italic;font-weight:500}.auth .string{background:linear-gradient(90deg,#0000,#f0a7a08c 30%,#e8b27a99 50%,#f0a7a08c 70%,#0000) 0 0/200% 100%;height:1px;margin:18px 8px 0;animation:8s ease-in-out infinite auth-resonate}@keyframes auth-resonate{0%,to{opacity:.55;background-position:0 0}50%{opacity:1;background-position:100% 0}}@media (prefers-reduced-motion:reduce){.auth,.auth .card,.auth .string{animation:none}}.auth .reason{text-align:center;font-family:var(--font-fraunces), serif;margin:18px 4px 0;font-style:italic;line-height:1.45}.auth .reason .lead{color:var(--text);letter-spacing:-.01em;font-size:19px;font-weight:500;display:block}.auth .reason .more{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5;display:block}.auth .welcome{text-align:center;font-family:var(--font-fraunces), serif;color:var(--muted);margin:18px 4px 0;font-size:15px;font-style:italic;line-height:1.5}.auth .who{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;align-items:center;gap:12px;margin-top:22px;padding:10px 14px;display:flex}.auth .who .avatar{color:#2d130f;width:34px;height:34px;font-family:var(--font-fraunces), serif;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 60%,#d68a82 100%);border-radius:999px;flex:none;place-items:center;font-size:15px;display:grid}.auth .who .info{flex:1;min-width:0}.auth .who .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.auth .who .mail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.auth .google{color:#e3e3e3;width:100%;height:52px;font-family:var(--font-inter), sans-serif;cursor:pointer;background:#131314;border:1px solid #8e918f;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:15px;font-weight:500;transition:transform .12s,box-shadow .12s,background .12s;display:flex;box-shadow:0 10px 28px #00000059}.auth .google:hover{background:#1e1e1f;transform:translateY(-1px);box-shadow:0 14px 32px #0006}.auth .google:disabled{opacity:.6;transform:none}.auth .google-note{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:22px;font-size:9px}.auth .legal{text-align:center;color:var(--dim);margin-top:16px;font-size:11px;line-height:1.5}.auth .legal a{color:inherit;text-underline-offset:2px;text-decoration:underline}.auth .back{color:#2d130f;width:100%;font-family:var(--font-mono), monospace;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;border-radius:999px;margin-top:22px;padding:14px;font-size:12px;font-weight:600;display:block;box-shadow:0 0 18px #f0a7a066,inset 0 1px #ffffff80}.auth .signout{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:14px auto 0;font-size:12px;display:block}.auth .signout:hover{color:var(--text)}.auth .dev{margin-top:20px}.auth .dev summary{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);cursor:pointer;font-size:9px;list-style:none}.auth .dev summary::-webkit-details-marker{display:none}.auth .dev summary:hover{color:var(--muted)}.auth .dev form{gap:10px;margin-top:16px;display:grid}.auth .dev input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:12px;padding:12px 14px;font-size:14px}.auth .dev input::placeholder{color:var(--dim)}.auth .dev input:focus{border-color:var(--line-strong);outline:none}.auth .dev .submit{border:1px solid var(--line-strong);color:var(--text);font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#ffffff0f;border-radius:999px;padding:12px;font-size:11px}.auth .dev .submit:hover{background:#ffffff1a}.auth .dev .flip{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:11.5px;display:block}.auth .dev .flip:hover{color:var(--text)}.auth .error{text-align:center;color:var(--pink-deep);margin-top:14px;font-size:12px}.auth .inapp{color:var(--text);border:1px solid #f0a7a040;border-radius:14px;margin-top:18px;padding:14px 16px;font-size:13px;line-height:1.5}.auth .inapp .steps{color:var(--dim);margin-top:8px;font-size:12px}.auth .inapp .ways{gap:10px;margin-top:12px;display:flex}.auth .inapp .ways a,.auth .inapp .ways button{color:var(--text);font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid #f0a7a066;border-radius:999px;flex:1;padding:9px 12px;font-size:12px;text-decoration:none}.auth button:focus-visible,.auth input:focus-visible,.auth summary:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}}
@layer components{.npd{width:var(--rail-w);padding:10px var(--rail-pad) 14px;-webkit-backdrop-filter:blur(28px)saturate(180%);border-top:1px solid var(--line-strong);box-shadow:0 -14px 30px #00000059, inset 0 1px 0 var(--hi-edge);z-index:5;background:#14100cf9;position:fixed;bottom:0;right:0}.npd-spacer{min-height:122px}.npd-spacer[data-rows="2"]{min-height:200px}.npd-spacer[data-rows="3"]{min-height:250px}.np-row[data-track=recording] .np-dot{background:#8a4a48}.np-row[data-track=recording][data-running=true] .np-dot{background:#ef4f4f;animation:1.4s ease-in-out infinite np-rec;box-shadow:0 0 9px #ef4f4f8c}@keyframes np-rec{50%{opacity:.35}}.np-btn.np-finish{color:#fff;background:#ef4f4f;border:0}.np-btn.np-finish:hover{background:#f26464}.np-text{height:24px;color:var(--pink);cursor:pointer;background:#f0a7a024;border:1px solid #f0a7a073;border-radius:999px;padding:0 10px;font-size:11.5px}.np-text.quiet{border-color:var(--line);color:var(--muted);background:0 0}.rec-chip{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:49;border:1px solid var(--line-strong);height:52px;color:var(--text);background:#14100cf9;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 14px;display:flex;position:fixed;translate:-50%;box-shadow:0 10px 28px #00000073}@media (min-width:1024px){.rec-chip{display:none}}.rec-chip-dot{background:#ef4f4f;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite np-rec;box-shadow:0 0 0 3px #ef4f4f38}.rec-chip[data-paused] .rec-chip-dot{box-shadow:none;background:#8a4a48;animation:none}.rec-chip-note{color:var(--muted);font-size:12px}.rec-chip-time{min-width:40px;font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:15px}.rec-chip-btn{border:1px solid var(--line);min-width:64px;height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:0 14px;font-size:13.5px}.rec-chip-btn.done{background:var(--pink);color:#2a1512;border-color:#0000;font-weight:600}.npd-head{font-family:var(--font-mono), monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);padding:2px 2px 6px;font-size:8.5px}.np-row{border-radius:10px;flex-direction:column;gap:4px;padding:7px 4px;display:flex}.np-line{align-items:center;gap:10px;display:flex}.np-row:hover{background:#ffffff0a}.np-row+.np-row{border-top:1px solid var(--line);border-radius:0 0 10px 10px}.np-dot{background:var(--dim);border-radius:999px;flex:none;width:6px;height:6px}.np-row[data-running=true] .np-dot{background:var(--pink);box-shadow:0 0 9px var(--pink-glow);animation:.5s ease-out np-pulse}@keyframes np-pulse{0%{transform:scale(1.5)}to{transform:scale(1)}}.np-info{flex:1;min-width:0}.np-title{font-family:var(--font-fraunces), serif;color:var(--text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.2;overflow:hidden}.np-meta{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.np-glyph{font-family:var(--font-inter), sans-serif;font-size:11px}svg.np-glyph{vertical-align:-2px;width:auto;max-width:40px;height:13px;display:inline-block}.np-acts{flex:none;align-items:center;gap:5px;display:flex}.np-btn{border:1px solid var(--line);width:24px;height:24px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;place-items:center;transition:border-color .12s,background .12s;display:grid}.np-btn:hover{border-color:var(--line-strong);background:#ffffff14}.np-play{color:#2d130f;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;box-shadow:0 0 10px #f0a7a04d,inset 0 1px #ffffff80}.np-btn.np-play:hover{background:radial-gradient(120% 100% at 30% 20%,#ffdcd5,#f4b3ad 55%,#dc948c 100%)}.np-btn.np-quiet{color:var(--dim);background:0 0;border:0}.np-btn.np-quiet:hover{color:var(--text);background:#ffffff0f}.npd button:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}.npd .vol-dock{border:1px solid var(--line);height:20px;color:var(--muted);background:#1b1613;border-radius:6px;gap:6px;margin:0 2px;padding:0 8px}.npd .vol-dock:hover{border-color:var(--line-strong);color:var(--text)}.npd .np-ctrls{align-items:center;gap:6px;min-width:0;display:flex}.npd .np-ctrls .vol-dock{flex:auto;min-width:0;margin-right:0}.npd .pc-pacebar-dock{box-sizing:border-box;border:1px solid var(--line);width:96px;height:20px;color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.06em;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#1b1613;border-radius:6px;flex:none;justify-content:space-between;align-items:center;gap:6px;margin-right:2px;padding:0 8px;font-size:8.5px;line-height:1;display:flex;position:relative}.npd .pc-pacebar-dock:hover{border-color:var(--line-strong);color:var(--text)}.npd .pc-pacebar-dock:after{content:"";width:2px;top:2px;bottom:2px;left:clamp(1px, var(--pos,60%), calc(100% - 3px));box-shadow:0 0 6px var(--pink-glow);background:#f0a7a0bf;border-radius:1px;position:absolute}.npd .pc-pacebar-dock .pc-pace-lbl{text-transform:uppercase;letter-spacing:.12em;font-size:7.5px}.npd .pc-pacebar-dock .pc-pace-v{white-space:nowrap}.npd .vol-dock .vol-num{margin-left:auto;padding-left:8px;font-size:8.5px}.npd .vol-dock .vol-fill{background:linear-gradient(#f0a7a02b 0%,#f0a7a012 100%)}.npd .vol-fader:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}@media (prefers-reduced-motion:reduce){.np-row[data-running=true] .np-dot,.rec-chip-dot{animation:none}}}
@layer components{.rail:not(.hv)>.gad{margin-bottom:18px}}.rail>.gad{flex:none}
@layer components{.coach-btn{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(180%);height:34px;color:var(--muted);font-family:var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 var(--hi-edge);border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:600;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.coach-btn:hover{color:var(--text);border-color:var(--line-strong)}.coach-btn[data-status=connecting]{color:var(--text);animation:1.1s ease-in-out infinite coach-breathe}.coach-btn[data-status=live]{color:#2d130f;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;animation:2.4s ease-in-out infinite coach-breathe;box-shadow:0 0 18px #f0a7a073,inset 0 1px #ffffff80}.coach-btn[data-status=error]{color:var(--pink-deep);border-color:#e88c8a80}.coach-btn[data-status=live][data-held=true]{background:var(--glass);color:var(--amber);box-shadow:inset 0 1px 0 var(--hi-edge);border:1px solid #e8b27a73;animation:none}@keyframes coach-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.coach-btn{animation:none!important}}.coach-btn:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}.coach-debug{border:1px dashed var(--line-strong);height:34px;color:var(--dim);font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:0 10px;font-size:9px}.coach-debug:hover{color:var(--text);border-color:var(--pink-deep)}.coach-debug:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}.cdbg{-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--line-strong);width:min(560px,100vw - 32px);max-height:64vh;box-shadow:inset 0 1px 0 var(--hi-edge), 0 24px 60px #0009;z-index:90;font-family:var(--font-mono), monospace;background:#100d0af5;border-radius:16px;flex-direction:column;display:flex;position:fixed;bottom:16px;left:16px}.cdbg-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.cdbg-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:1;font-size:9.5px}.cdbg-act{border:1px solid var(--line);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:9px}.cdbg-act:hover{color:var(--text);border-color:var(--line-strong)}.cdbg-stream{padding:8px 10px 12px;overflow-y:auto}.cdbg-empty{color:var(--dim);padding:14px 4px;font-size:10.5px}.cdbg-row{border-radius:6px;align-items:baseline;gap:8px;padding:3px 2px;display:flex}.cdbg-row:hover{background:#ffffff08}.cdbg-t{color:var(--dim);flex:none;font-size:9.5px}.cdbg-k{letter-spacing:.08em;text-transform:uppercase;flex:none;width:44px;font-size:9px}.cdbg-row[data-kind=system] .cdbg-k{color:var(--saffron)}.cdbg-row[data-kind=system] .cdbg-x{color:var(--muted)}.cdbg-row[data-kind=system]{border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:8px}.cdbg-row[data-kind=you] .cdbg-k{color:var(--emerald)}.cdbg-row[data-kind=coach] .cdbg-k{color:var(--pink)}.cdbg-row[data-kind=tool] .cdbg-k{color:var(--amber)}.cdbg-row[data-kind=status] .cdbg-k{color:var(--dim)}.cdbg-row[data-kind=error] .cdbg-k{color:var(--pink-deep)}.cdbg-x{min-width:0;color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:10.5px;line-height:1.5}.cdbg-row[data-kind=error] .cdbg-x{color:var(--pink-deep)}}
@layer components{.rec{max-width:620px;margin:0 auto;padding:28px 20px 48px}.rec-eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);font-size:9px}.rec-title{font-family:var(--font-fraunces), serif;letter-spacing:-.02em;color:var(--text);margin-top:6px;font-size:30px;font-weight:500}.rec-sub{font-family:var(--font-mono), monospace;letter-spacing:.06em;color:var(--muted);margin-top:4px;font-size:10px}.rec-error{color:var(--pink-deep);margin-top:12px;font-size:12px}.rec-empty{text-align:center;font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--dim);padding:26px 8px;font-size:10.5px}.rec.vm{max-width:660px}.vm-list{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line);box-shadow:inset 0 1px 0 var(--hi-edge), 0 6px 22px #00000047;border-radius:22px;margin-top:22px;overflow:hidden}.vm-list:empty{display:none}.vm-row+.vm-row{border-top:1px solid var(--line)}.vm-row[data-busy]{opacity:.55}.vm-row.open{background:#ffe8d209}.vm-rowhead{text-align:left;width:100%;min-height:64px;color:var(--text);background:0 0;border:0;align-items:center;gap:12px;padding:12px 18px;display:flex;position:relative}.vm-toggle{cursor:pointer;background:0 0;border:0;transition:background .2s;position:absolute;inset:0}.vm-toggle:hover{background:#ffe8d20a}.vm-toggle:focus-visible{outline-offset:-3px;border-radius:12px;outline:1px solid #f0a7a099}.vm-toggle~*{pointer-events:none;position:relative}.vm-toggle~.vm-text .vm-rename,.vm-toggle~.vm-text .vm-namefield{pointer-events:auto}.vm-rename{max-width:100%;color:inherit;text-align:left;cursor:text;background:0 0;border:0;border-radius:8px;justify-self:start;align-items:center;gap:10px;margin:-4px -8px;padding:4px 8px;transition:background .2s;display:inline-flex;position:relative}.vm-rename:hover,.vm-rename:focus-visible{background:#ffe8d212;outline:none}.vm-pencil{color:var(--muted);flex:none;transition:color .2s;translate:0 1px}.vm-rename:hover .vm-pencil,.vm-rename:focus-visible .vm-pencil{color:var(--pink)}.vm-namefield{box-sizing:content-box;width:100%;min-width:0;color:var(--text);font-family:var(--font-fraunces), serif;letter-spacing:-.01em;font-size:17px;font-weight:500;line-height:inherit;background:#ffe8d214;border:0;border-radius:8px;outline:none;margin:-4px -8px;padding:4px 8px;box-shadow:inset 0 0 0 1px #f0a7a08c}@media (pointer:coarse){.vm-rename:after{content:"";position:absolute;inset:-8px -4px}}.vm-text{flex:1;gap:2px;min-width:0;display:grid}.vm-name{font-family:var(--font-fraunces), serif;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:500;overflow:hidden}.vm-when{color:var(--muted);font-size:12.5px}.vm-unsaved .vm-name{color:#e8b27a}.vm-tracks{gap:5px;display:inline-flex}.vm-tracks i,.vm-track-dot{background:var(--pink);border-radius:50%;flex:none;width:8px;height:8px}.vm-tracks i[data-track=mix],.vm-lane[data-track=mix] .vm-track-dot,.vm-tracks i[data-track=reeds],.vm-lane[data-track=reeds] .vm-track-dot{background:#e8b27a}.vm-tracks i[data-track=drone],.vm-lane[data-track=drone] .vm-track-dot{background:#b89ad8}.vm-tracks i[data-track=metronome],.vm-lane[data-track=metronome] .vm-track-dot{background:#8fc7b5}.vm-dur,.rec-dur{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;color:var(--muted);flex:none;font-size:12px}.vm-pill{min-height:34px;color:var(--pink);cursor:pointer;background:#f0a7a024;border:1px solid #f0a7a073;border-radius:999px;flex:none;padding:0 14px;font-size:13px}.vm-pill.quiet{border-color:var(--line);color:var(--muted);background:0 0}.vm-pill:disabled{opacity:.5;cursor:default}.vm-empty{text-align:center;color:var(--muted);padding:26px 20px;font-size:13.5px;line-height:1.5}.vm-open{padding:2px 18px 16px;animation:.26s cubic-bezier(.22,1,.36,1) vm-in}@keyframes vm-in{0%{opacity:0;transform:translateY(-6px)}}.vm-lanes{cursor:pointer;touch-action:pan-y;outline:none;gap:8px;display:grid;position:relative}.vm-lanes:focus-visible{border-radius:12px;box-shadow:0 0 0 2px #f0a7a080}.vm-lanes:after{content:"";top:0;bottom:0;left:calc(var(--lane-label,104px) + (100% - var(--lane-label,104px) - 10px) * var(--played-n,0));background:var(--text);opacity:.85;pointer-events:none;width:1.5px;position:absolute}.vm-lane{border:1px solid var(--line);background:#0000002e;border-radius:12px;align-items:center;gap:10px;height:52px;padding:0 10px 0 0;transition:opacity .2s;display:flex}.vm-lane.muted{opacity:.45}.vm-track{width:94px;height:100%;color:var(--text);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:7px;padding:0 0 0 12px;font-size:12.5px;display:inline-flex}.vm-lane.muted .vm-track{color:var(--muted);text-decoration:line-through}.vm-lane.muted .vm-track-dot{box-shadow:inset 0 0 0 1.5px var(--muted);background:0 0}.vm-wave{flex:1;min-width:0;height:40px;position:relative}.vm-wave svg{width:100%;height:100%;position:absolute;inset:0}.vm-wave path{fill:none;stroke:#f0e0cd47;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-width:2px}.vm-wave .played{clip-path:inset(0 calc(100% - var(--played,0%)) 0 0)}.vm-wave .played path{stroke:var(--pink)}.vm-lane[data-track=mix] .vm-wave .played path,.vm-lane[data-track=reeds] .vm-wave .played path{stroke:#e8b27a}.vm-lane[data-track=drone] .vm-wave .played path{stroke:#b89ad8}.vm-lane[data-track=metronome] .vm-wave .played path{stroke:#8fc7b5}.vm-wave[data-loading]{opacity:.5}.vm-clock{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;margin-top:8px;padding-left:104px;padding-right:10px;font-size:11px;display:flex}.vm-transport{justify-content:center;align-items:center;gap:22px;margin-top:4px;display:flex;position:relative}.vm-skip,.vm-bin{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s;display:grid}.vm-skip:hover,.vm-bin:hover{background:#ffe8d212}.vm-play{color:#2d130f;cursor:pointer;background:radial-gradient(120% 100% at 30% 20%,#ffd1c8,#f0a7a0 55%,#d68a82 100%);border:0;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .2s;display:grid;box-shadow:0 6px 18px #f0a7a047}.vm-play:hover{transform:scale(1.04)}.vm-bin{color:var(--muted);position:absolute;right:0}.vm-bin:disabled{opacity:.4;cursor:default}.vm-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;display:grid}.vm-head>div{display:contents}.vm-head .rec-eyebrow,.vm-head .rec-meta{grid-column:1/-1}.vm-head .rec-title{grid-area:2/1}.vm-head .vm-new{grid-area:2/2;margin-top:6px}.vm-head .rec-meta{flex-wrap:wrap;grid-row:3;align-items:center;gap:6px 14px;margin-top:8px;display:flex}.vm-head .rec-meta .rec-sub,.vm-head .rec-meta .quota-pill{margin-top:0}.vm-new{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(180%);min-height:40px;box-shadow:inset 0 1px 0 var(--hi-edge);color:var(--text);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 16px 0 13px;font-size:13.5px;transition:border-color .2s,opacity .2s;display:inline-flex}.vm-new:hover{border-color:var(--line-strong)}.vm-new:disabled{opacity:.45;cursor:default}.vm-new-dot{background:#ef4f4f;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #ef4f4f38}.vm-live{background:linear-gradient(#ef4f4f17,#ef4f4f05);padding:14px 18px 16px;animation:.26s cubic-bezier(.22,1,.36,1) vm-in}.vm-live-head{align-items:baseline;gap:12px;display:flex}.vm-live[data-state=recording] .vm-when{color:#ff8f8f}.vm-live[data-state=failed] .vm-when{color:#e8b27a}.vm-live-time{font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;color:var(--text);font-size:22px}.vm-live-wave{border:1px solid var(--line);background:#0000002e;border-radius:12px;width:100%;height:56px;margin-top:10px;display:block}.vm-live-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.vm-live-actions:empty{display:none}.vm-pill.done{background:var(--pink);color:#2a1512;border-color:#0000;font-weight:600}@media (max-width:480px){.vm-lanes{--lane-label:100px}.vm-track{width:90px;padding-left:10px;font-size:12px}.vm-clock{padding-left:100px}.vm-transport{gap:14px}}@media (prefers-reduced-motion:reduce){.vm-open{animation:none}.vm-live,.vm-play,.vm-lane{transition:none}}.rec button:focus-visible{outline-offset:2px;outline:2px solid #f0a7a0a6}}