/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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{--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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-duration:initial}::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-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"SF Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--color-white:#fff;--spacing:.25rem;--radius-sm:6px;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-xl:24px;--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);--radius:10px;--color-accent:#9b6dff}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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,ui-sans-serif, system-ui, 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{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}:root{--bg:#080810;--surface:#0f0f1a;--surface-2:#141424;--surface-3:#1a1a2e;--border:#1e1e32;--border-2:#28283d;--text:#e2e2f0;--text-dim:#8888a8;--text-muted:#44445a;--accent:#9b6dff;--accent-dim:#9b6dff2e;--accent-glow:#9b6dff59;--accent-bright:#b48aff;--teal:#00d4aa;--teal-dim:#00d4aa26;--error-color:#ff5f7e;--glass-bg:#0c0c168c;--glass-border:#ffffff12;--glass-blur:24px;--glass-glow:0 0 0 1px var(--accent-dim), 0 8px 32px #0006;--accent-subtle:#9b6dff38;--accent-faint:#9b6dff1a;--aurora-filter:none;--btn-glass-bg:#0a0a0f66;--btn-glass-border:#ffffff17;--btn-glass-edge:#ffffff21;--btn-glass-blur:16px;--btn-tilt-perspective:300px;--aurora-bass:0;--aurora-mid:0;--aurora-treble:0;--ui-bass:0;--ui-treble:0}html{scroll-behavior:smooth;overscroll-behavior:none;height:100%}body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}}@layer components{.glass{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.glass{border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.glass{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background:var(--glass-bg);box-shadow:var(--glass-glow)}.glass-dark{-webkit-backdrop-filter:blur(44px);background:#020208f7;border-color:#ffffff0f}.glass-accent{border-style:var(--tw-border-style);--tw-backdrop-blur:blur(44px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background:#03030cf7;border-width:1px;border-color:#7c4dff2e;border-radius:14px;box-shadow:0 0 0 1px #7c4dff0d,0 28px 90px #000c}.glass-teal{border-style:var(--tw-border-style);--tw-backdrop-blur:blur(44px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);background:#03030cf7;border-width:1px;border-color:#00c9a02e;border-radius:14px;box-shadow:0 0 0 1px #00c9a00d,0 28px 90px #000c}.btn-base{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff12;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.btn-base{border-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.btn-base{background-color:#ffffff06}@supports (color:color-mix(in lab, red, red)){.btn-base{background-color:color-mix(in oklab, var(--color-white) 2.5%, transparent)}}.btn-base{color:var(--text-dim);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;-webkit-user-select:none;user-select:none;transition-duration:.15s}@media (hover:hover){.btn-base:hover{border-color:#9b6dff4d}@supports (color:color-mix(in lab, red, red)){.btn-base:hover{border-color:color-mix(in oklab, var(--color-accent) 30%, transparent)}}.btn-base:hover{background-color:#9b6dff1a}@supports (color:color-mix(in lab, red, red)){.btn-base:hover{background-color:color-mix(in oklab, var(--color-accent) 10%, transparent)}}.btn-base:hover{color:var(--accent-bright)}}.sr-only{width:1px;height:1px;padding:calc(var(--spacing) * 0);white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;margin:-1px;position:absolute;overflow:hidden}}@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}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.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,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}body:before{content:"";z-index:2;pointer-events:none;filter:var(--aurora-filter);background:radial-gradient(ellipse 70% 60% at 12% 42%, rgba(155, 109, 255, calc(.2 + var(--aurora-bass) * 1.4)) 0%, transparent 68%), radial-gradient(ellipse 55% 50% at 88% 18%, rgba(0, 212, 170, calc(.14 + var(--aurora-treble) * .75)) 0%, transparent 62%), radial-gradient(ellipse 60% 55% at 58% 88%, rgba(110, 50, 220, calc(.16 + var(--aurora-mid) * .65)) 0%, transparent 65%), radial-gradient(ellipse 45% 38% at 72% 50%, rgba(0, 180, 200, calc(.04 + var(--aurora-treble) * .55)) 0%, transparent 60%), radial-gradient(ellipse 42% 48% at 35% 8%, rgba(200, 80, 255, calc(.1 + var(--aurora-bass) * .55)) 0%, transparent 58%), radial-gradient(ellipse 38% 42% at 90% 78%, rgba(0, 230, 180, calc(.08 + var(--aurora-mid) * .48)) 0%, transparent 55%);animation:22s ease-in-out infinite alternate aurora;position:fixed;inset:0}@keyframes aurora{0%{opacity:.55;transform:scale(1)rotate(0)}40%{opacity:.44;transform:scale(1.05)rotate(1deg)}70%{opacity:.5;transform:scale(1.08)rotate(-1deg)}to{opacity:.55;transform:scale(1.03)rotate(.5deg)}}body:after{content:"";z-index:2;pointer-events:none;filter:var(--aurora-filter);background:radial-gradient(ellipse 55% 48% at 22% 88%, rgba(255, 80, 160, calc(.1 + var(--aurora-mid) * .6)) 0%, transparent 62%), radial-gradient(ellipse 48% 40% at 80% 80%, rgba(255, 170, 0, calc(.06 + var(--aurora-bass) * .45)) 0%, transparent 58%), radial-gradient(ellipse 65% 38% at 50% 3%, rgba(140, 80, 255, calc(.08 + var(--aurora-bass) * .45)) 0%, transparent 65%);animation:34s ease-in-out infinite alternate aurora-b;position:fixed;inset:0}@keyframes aurora-b{0%{opacity:.55;transform:scale(1)rotate(0)}35%{opacity:.38;transform:scale(1.07)rotate(-1.5deg)}70%{opacity:.48;transform:scale(1.03)rotate(1.5deg)}to{opacity:.55;transform:scale(1.09)rotate(-.5deg)}}.anomaly-bg:after{content:"";pointer-events:none;box-shadow:inset 0 0 120px rgba(155, 109, 255, calc(var(--ui-bass,0) * .78)), inset 0 0 60px rgba(0, 212, 170, calc(var(--ui-treble,0) * .22));position:absolute;inset:0}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}.btn-play:before,.btn-play:after{animation:none!important}body.is-paused .btn-play{animation:none}.btn-icon:hover{transform:none}.landing-scan-line,.landing-ring{animation:none}.landing-badge{opacity:1;animation:none}.landing-logo-text{-webkit-text-fill-color:var(--accent);background:0 0;animation:none}.dropzone.landing-exit{transition:opacity .2s;transform:none}.controls-drawer,.dropzone,.btn-play,.btn-icon,.landing-badge,.landing-logo-text,.waveform-wrap,.transport-bar,#player{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{z-index:1;min-height:100svh;position:relative}.anomaly-bg{z-index:1;pointer-events:none;isolation:isolate;position:fixed;inset:0;transform:translateZ(0)}.anomaly-bg canvas{display:block;width:100%!important;height:100%!important}.header{z-index:100;-webkit-backdrop-filter:blur(32px);border-bottom:1px solid var(--glass-border);background:#080812e6;position:fixed;top:0;left:0;right:0}.header-inner{align-items:center;gap:16px;width:100%;padding:14px 20px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:-.5px;color:var(--text);font-size:22px;font-weight:700;font-family:var(--font-mono)}.tagline{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.main{min-height:100svh;position:relative}.dropzone{z-index:50;cursor:pointer;transform-origin:50%;background:0 0;border:none;outline:none;justify-content:center;align-items:center;transition:background .2s,opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:54px 0 0}.dropzone:hover,.dropzone:focus-visible{background:#9b6dff08}.dropzone.drag-over{background:#9b6dff0f}.dropzone.loading{pointer-events:none;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.dropzone.loading .dropzone-icon{animation:1s linear infinite spin}.dropzone-content.error .dropzone-title{color:var(--error-color)}.dropzone-content{text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1.5px dashed var(--glass-border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:56px 40px;transition:border-color .2s,box-shadow .2s;display:flex}.dropzone:hover .dropzone-content,.dropzone:focus-visible .dropzone-content{box-shadow:var(--glass-glow);border-color:#9b6dff66}.dropzone.drag-over .dropzone-content{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim);background:#9b6dff1a}.dropzone-icon{color:var(--accent);opacity:.6;margin-bottom:4px;transition:opacity .2s,transform .2s}.dropzone-title{color:var(--text);font-size:16px;font-weight:500}.dropzone-hint{color:var(--text-muted);letter-spacing:.04em;font-size:12px}#fileInput{opacity:0;cursor:pointer;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes orbit-ring{0%{transform:rotateX(70deg)rotate(0)}to{transform:rotateX(70deg)rotate(360deg)}}@keyframes badge-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scan-sweep{0%{opacity:0;top:0%}4%{opacity:.55}96%{opacity:.25}to{opacity:0;top:100%}}.landing-rings{pointer-events:none;perspective:600px;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-ring{border:1px solid #0000;border-radius:50%;position:absolute}.landing-ring--1{border-color:#9b6dff21;width:520px;height:520px;animation:16s linear infinite orbit-ring;box-shadow:inset 0 0 16px #9b6dff0d}.landing-ring--2{border-color:#00d4aa26;width:380px;height:380px;animation:10s linear infinite reverse orbit-ring;box-shadow:inset 0 0 12px #00d4aa0d}.landing-ring--3{border-color:#b48aff2e;width:260px;height:260px;animation:6s linear infinite orbit-ring}.landing-scan-line{pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 0%,#9b6dff80 30%,#00d4aa99 70%,#0000 100%);height:1px;animation:9s ease-in-out 1.5s infinite scan-sweep;position:absolute;top:0;left:0;right:0}.landing-hero{z-index:2;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:520px;padding:0 20px;display:flex;position:relative}.landing-title-block{text-align:center}.landing-logo-text{letter-spacing:-3px;background:linear-gradient(90deg, var(--accent) 0%, #fff 35%, var(--teal) 65%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(60px,10vw,96px);font-weight:800;line-height:1;animation:5s linear infinite shimmer}.landing-tagline{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:13px}.landing-features{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-badge{letter-spacing:.05em;color:var(--text-dim);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);opacity:0;border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-size:11px;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards badge-rise;display:inline-flex}.landing-badge:first-child{animation-delay:.3s}.landing-badge:nth-child(2){animation-delay:.5s}.landing-badge:nth-child(3){animation-delay:.7s}.dropzone.landing-exit{opacity:0;pointer-events:none;transform:scale(1.04)}.player{opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1);display:none}.player.visible{opacity:1;display:block}.player-top{z-index:50;-webkit-backdrop-filter:blur(32px);border-bottom:1px solid rgba(155, 109, 255, calc(.07 + var(--ui-bass,0) * .55));box-shadow:0 2px 20px rgba(155, 109, 255, calc(var(--ui-bass,0) * .18));pointer-events:auto;background:#080812e6;align-items:center;gap:16px;padding:10px 20px;transition:opacity .75s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:54px;left:0;right:0}.player-bottom{z-index:50;-webkit-backdrop-filter:blur(32px);border-top:1px solid rgba(155, 109, 255, calc(.07 + var(--ui-bass,0) * .55));box-shadow:0 -2px 30px rgba(155, 109, 255, calc(var(--ui-bass,0) * .22));pointer-events:auto;background:#080812e6;transition:opacity .75s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0}body.is-playing .player-top,body.is-playing .player-bottom{opacity:1}.star-overlay{transition:opacity .8s cubic-bezier(.4,0,.2,1)}body.is-paused .star-overlay{opacity:.4}body.is-playing .star-overlay{opacity:1}#iconPlay,#iconPause{transition:opacity .22s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#iconPause{opacity:0}body.is-paused #iconPlay{opacity:1}body.is-paused #iconPause,body.is-playing #iconPlay{opacity:0}body.is-playing #iconPause{opacity:1}.player-bottom .waveform-wrap{-webkit-backdrop-filter:none;border:none;border-bottom:1px solid var(--glass-border);filter:brightness();background:0 0;border-radius:0}.transport-row{align-items:center;gap:12px;padding:8px 20px;display:flex}.time-current,.time-total{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;min-width:34px;font-size:12px}.transport-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.track-info{flex-direction:column;flex-shrink:1;gap:3px;min-width:0;max-width:220px;display:flex}.track-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.track-meta{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-bpm{color:var(--accent);font-size:11px;font-family:var(--font-mono);white-space:nowrap;font-weight:600}.waveform-wrap{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden}.waveform{cursor:pointer;width:100%;height:96px;display:block}.waveform:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.transport{justify-content:center;align-items:center;gap:12px;display:flex}.btn{background:var(--btn-glass-bg);cursor:pointer;color:var(--text-dim);box-shadow:inset 1px 1px 0 var(--btn-glass-edge), inset -1px -1px 0 #00000040;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .2s,border-color .15s,transform .15s;display:flex}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}.btn-icon{border:1px solid var(--btn-glass-border);width:40px;height:40px;transition:background .15s,color .15s,box-shadow .2s,border-color .15s,transform .12s}.btn-icon:hover{color:var(--text);border-color:var(--btn-glass-edge);transform:perspective(var(--btn-tilt-perspective)) rotateX(6deg) rotateY(6deg);background:#ffffff0a}.btn-icon:active{box-shadow:inset 2px 3px 6px #0000008c, inset 1px 1px 0 var(--btn-glass-edge);transform:scale(.95)}.btn-play{background:var(--btn-glass-bg);color:#fff;width:58px;height:58px;transform:scale(calc(1 + var(--ui-bass) * .1));box-shadow:0 4px 20px var(--accent-glow), 0 0 calc(8px + var(--ui-treble) * 24px) var(--accent-glow), inset 1px 1px 0 var(--btn-glass-edge);transition:box-shadow .6s cubic-bezier(.4,0,.2,1),background .4s;position:relative;overflow:visible}body.is-playing .btn-play{box-shadow:0 4px 32px var(--accent-glow), 0 0 calc(12px + var(--ui-treble) * 32px) var(--accent-glow), inset 1px 1px 0 var(--btn-glass-edge)}.btn-play:hover{box-shadow:0 4px 28px var(--accent-glow), inset 1px 1px 0 #ffffff2e;background:#ffffff0f}.btn-play:hover:after{opacity:.75}.btn-play:active{transform:scale(calc(.97 + var(--ui-bass) * .1))}@keyframes btn-aurora-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes btn-breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes pulse-ring{0%{opacity:.55;transform:translate(-50%,-50%)scale(1)}65%{opacity:0;transform:translate(-50%,-50%)scale(1.32)}to{opacity:0;transform:translate(-50%,-50%)scale(1.32)}}.btn-play:before{content:"";border:2px solid var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.is-playing .btn-play:before{animation:1.8s cubic-bezier(.2,.6,.4,1) infinite pulse-ring}.btn-play:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 38% 32%, var(--accent-bright) 0%, var(--accent) 40%, var(--teal) 100%);opacity:.45;mix-blend-mode:soft-light;clip-path:circle(50%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-2px}@supports (background:conic-gradient(from 1deg, red, blue)){.btn-play:after{background:conic-gradient(from 0deg, var(--accent) 0%, var(--teal) 28%, var(--accent-bright) 50%, var(--teal) 72%, var(--accent) 100%);will-change:transform;animation:6s linear infinite btn-aurora-spin}}body.is-paused .btn-play{animation:3s ease-in-out infinite btn-breathe}#stopBtn:hover{background:var(--teal-dim);color:var(--teal);border-color:var(--teal);box-shadow:0 0 10px var(--teal-dim)}#stopBtn:active{box-shadow:0 0 14px var(--teal-dim);transform:scale(.93)}#rewindBtn:hover{background:var(--accent-faint);color:var(--accent-bright);border-color:var(--accent-dim);box-shadow:0 0 10px var(--accent-dim)}.controls{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:4px 0;display:flex}.control-group{border-bottom:1px solid var(--border);padding:12px 16px}.control-group:last-child{border-bottom:none}.control-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.control-header label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:default;font-size:11px;font-weight:600}.value-badge{font-family:var(--font-mono);color:var(--accent);background:var(--accent-dim);text-align:center;border-radius:100px;min-width:42px;padding:2px 7px;font-size:11px}.slider{appearance:none;background:var(--border-2);cursor:pointer;touch-action:none;border-radius:2px;outline:none;width:100%;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 3px var(--accent-dim), 0 2px 6px #0006;cursor:pointer;border-radius:50%;transition:box-shadow .15s}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--accent-dim), 0 2px 8px #00000080}.slider::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 3px var(--accent-dim);cursor:pointer;border:none;border-radius:50%}.slider--teal::-webkit-slider-thumb{background:var(--teal);box-shadow:0 0 0 3px var(--teal-dim), 0 2px 6px #0006}.slider--teal::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--teal-dim), 0 2px 8px #00000080}.slider--teal::-moz-range-thumb{background:var(--teal);box-shadow:0 0 0 3px var(--teal-dim)}.slider--teal+.slider-ticks{color:var(--teal)}.slider--pitch::-webkit-slider-thumb{background:var(--gold);box-shadow:0 0 0 3px var(--gold-dim), 0 2px 6px #0006}.slider--pitch::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--gold-dim), 0 2px 8px #00000080}.slider--pitch::-moz-range-thumb{background:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.slider--pitch+.slider-ticks{color:var(--gold)}.slider--dim::-webkit-slider-thumb{background:var(--text-dim);box-shadow:0 0 0 3px #8888a826}.slider--dim::-moz-range-thumb{background:var(--text-dim)}.slider-ticks{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);justify-content:space-between;margin-top:6px;display:flex}@media (max-width:600px){.tagline{display:none}.dropzone-content{margin:0 16px;padding:40px 24px}.player-top{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 16px}.track-info{max-width:100%}.preset-strip{width:100%}.waveform{height:60px}.btn-play{width:50px;height:50px}.btn-icon{width:44px;height:44px}.controls-drawer,.sound-drawer,.settings-drawer{border-radius:var(--radius) var(--radius) 0 0;width:auto;height:calc(100dvh - 260px);max-height:calc(100dvh - 260px);bottom:175px;left:0;right:0}.transport-row{flex-wrap:wrap;gap:4px 6px;padding:4px 10px 2px}.transport{flex:1;justify-content:flex-end;gap:8px}.transport-right{padding-bottom:max(4px, env(safe-area-inset-bottom,4px));flex-basis:100%;justify-content:center;gap:6px;margin-left:0}.landing-logo-text{letter-spacing:-1.5px;font-size:52px}.landing-tagline{font-size:11px}.landing-badge{padding:5px 10px;font-size:10px}.landing-ring--1{width:300px;height:300px}.landing-ring--2{width:220px;height:220px}.landing-ring--3{width:150px;height:150px}}.site-footer{z-index:48;pointer-events:auto;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.footer-link{letter-spacing:.06em;color:var(--text-dim);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:100px;align-items:center;gap:7px;padding:6px 14px;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.footer-link:hover{color:var(--text);box-shadow:0 0 0 1px var(--accent-dim);border-color:#9b6dff59}body.is-playing .site-footer,body.is-paused .site-footer{display:none}:root{--green:#4ade80;--green-dim:#4ade8026;--orange:#fb923c;--orange-dim:#fb923c26;--red:#f87171;--red-dim:#f8717126;--purple:#a78bfa;--purple-dim:#a78bfa26;--indigo:#818cf8;--indigo-dim:#818cf826}.preset-strip{scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:8px;min-width:0;display:flex;overflow-x:auto}.preset-strip::-webkit-scrollbar{display:none}.preset-card{appearance:none;border:1px solid var(--glass-border);border-top:1px solid var(--accent-subtle);border-radius:var(--radius);min-width:90px;-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;text-align:left;background:linear-gradient(160deg,#140e28b3 0%,#0a0a168c 100%);outline:none;flex-direction:column;flex:none;align-items:flex-start;gap:6px;padding:9px 12px 8px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.preset-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#9b6dff99 30%,#00d4aa66 70%,#0000 100%);height:1.5px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.preset-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08 0%,#0000 50%,#9b6dff05 100%);position:absolute;inset:0}.preset-card:hover{border-color:var(--accent-subtle);border-top-color:var(--accent-dim);box-shadow:0 0 16px #9b6dff26,inset 0 1px #ffffff0f}.preset-card:hover:before{opacity:1}.preset-card:focus-visible{box-shadow:0 0 0 2px var(--accent)}.preset-card--active:before{opacity:1;background:linear-gradient(90deg,#0000 0%,#9b6dffe6 35%,#00d4aab3 65%,#0000 100%)}.preset-card-name{color:var(--text);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1}.preset-card--active .preset-card-name{color:var(--accent-bright)}.preset-card-name+.preset-card-hint{border-top:1px solid var(--glass-border);width:100%;margin-top:1px;padding-top:5px}.preset-card-hint{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;line-height:1}.preset-card--active .preset-card-hint{color:#9b6dff99}.preset-card--dim .preset-card-name{color:var(--text-muted);font-weight:600}.btn-export{color:var(--teal);border-color:var(--teal-dim);box-shadow:inset 1px 1px 0 var(--btn-glass-edge), 0 0 6px var(--teal-dim)}.btn-export:hover{color:var(--teal);border-color:var(--teal);box-shadow:inset 1px 1px 0 #ffffff2e, 0 0 14px var(--teal-dim);filter:drop-shadow(0 0 5px var(--teal-dim));transform:perspective(var(--btn-tilt-perspective)) rotateX(6deg) rotateY(6deg);background:#ffffff0a}.btn-loop--active{box-shadow:inset 0 2px 12px var(--accent-dim), inset 0 1px 4px #0009, 0 0 16px var(--accent-dim);border-color:var(--accent);color:var(--accent);filter:drop-shadow(0 0 6px var(--accent));background:#00000059}.export-status{font-family:var(--font-mono);color:var(--text-dim);min-width:60px;font-size:11px}.controls-section{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.controls-section-header{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:11px;font-weight:600;list-style:none;display:flex}.controls-section-header::-webkit-details-marker{display:none}.controls-section-header:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.controls-section-hint{color:var(--text-muted);text-transform:none;letter-spacing:.04em;font-size:10px;font-weight:400}.controls-section .controls{border-top:1px solid var(--border);border:none;border-radius:0}.slider--green::-webkit-slider-thumb{background:var(--green);box-shadow:0 0 0 3px var(--green-dim), 0 2px 6px #0006}.slider--green::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--green-dim), 0 2px 8px #00000080}.slider--green::-moz-range-thumb{background:var(--green);box-shadow:0 0 0 3px var(--green-dim)}.slider--orange::-webkit-slider-thumb{background:var(--orange);box-shadow:0 0 0 3px var(--orange-dim), 0 2px 6px #0006}.slider--orange::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--orange-dim), 0 2px 8px #00000080}.slider--orange::-moz-range-thumb{background:var(--orange);box-shadow:0 0 0 3px var(--orange-dim)}.slider--red::-webkit-slider-thumb{background:var(--red);box-shadow:0 0 0 3px var(--red-dim), 0 2px 6px #0006}.slider--red::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--red-dim), 0 2px 8px #00000080}.slider--red::-moz-range-thumb{background:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.value-badge--green{color:var(--green);background:var(--green-dim)}.value-badge--orange{color:var(--orange);background:var(--orange-dim)}.value-badge--red{color:var(--red);background:var(--red-dim)}.value-badge--purple{color:var(--purple);background:var(--purple-dim)}.slider--purple::-webkit-slider-thumb{background:var(--purple);box-shadow:0 0 0 3px var(--purple-dim), 0 2px 6px #0006}.slider--purple::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--purple-dim), 0 2px 8px #00000080}.slider--purple::-moz-range-thumb{background:var(--purple);box-shadow:0 0 0 3px var(--purple-dim)}.slider--purple::-webkit-slider-runnable-track{background:var(--purple-dim)}.slider--purple::-moz-range-track{background:var(--purple-dim)}.control-group--8d{border-top:1px solid var(--border);padding-top:10px}.value-badge--indigo{color:var(--indigo);background:var(--indigo-dim)}.control-group--hz{border-top:1px solid var(--border);padding-top:10px}.btn-hz-group{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.btn-hz{border:1px solid var(--border-2);border-radius:var(--radius-sm);min-width:36px;color:var(--text-muted);font-size:10px;font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;background:0 0;outline:none;flex:auto;padding:5px 6px;font-weight:600;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.btn-hz:hover{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-dim)}.btn-hz:focus-visible{box-shadow:0 0 0 2px var(--indigo)}.btn-hz--active{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-dim);box-shadow:0 0 8px #818cf840}.control-hint{color:var(--text-dim);align-items:center;gap:5px;margin:4px 0 0;font-size:11px;display:flex}.icon-headphones{opacity:.7;flex-shrink:0}[data-theme=void]{--accent:#53f;--accent-dim:#5533ff2e;--accent-glow:#53f6;--accent-bright:#75f;--accent-subtle:#5533ff38;--accent-faint:#5533ff1a;--teal:#73d;--teal-dim:#7733dd26;--aurora-filter:hue-rotate(-18deg) saturate(.5) brightness(.6)}[data-theme=neon]{--accent:#0fc;--accent-dim:#00ffcc2e;--accent-glow:#0fc6;--accent-bright:#66ffe6;--accent-subtle:#00ffcc38;--accent-faint:#00ffcc1a;--teal:#f0a;--teal-dim:#ff00aa26;--aurora-filter:hue-rotate(-130deg) saturate(1.45)}[data-theme=ember]{--accent:#f50;--accent-dim:#ff55002e;--accent-glow:#f506;--accent-bright:#f72;--accent-subtle:#ff550038;--accent-faint:#ff55001a;--teal:#fa0;--teal-dim:#ffaa0026;--aurora-filter:hue-rotate(128deg) saturate(1.3)}[data-theme=frost]{--accent:#6bf;--accent-dim:#66bbff2e;--accent-glow:#6bf6;--accent-bright:#9cf;--accent-subtle:#66bbff38;--accent-faint:#66bbff1a;--teal:#aef;--teal-dim:#aaeeff26;--aurora-filter:hue-rotate(-62deg) saturate(.8) brightness(1.15)}[data-theme=mono]{--accent:#99a;--accent-dim:#9999aa2e;--accent-glow:#9999aa40;--accent-bright:#bbc;--accent-subtle:#9999aa38;--accent-faint:#9999aa1a;--teal:#aac;--teal-dim:#aaaacc26;--aurora-filter:grayscale(1) brightness(.5)}[data-theme=meridian]{--accent:#b4ff00;--accent-dim:#b4ff002e;--accent-glow:#b4ff0085;--accent-bright:#cf3;--accent-subtle:#b4ff003d;--accent-faint:#b4ff0014;--teal:#1a66ff;--teal-dim:#1a66ff33;--aurora-filter:hue-rotate(180deg) saturate(2) brightness(.72)}::selection{background:var(--accent-dim);color:var(--text)}.controls-drawer-header{border-bottom:1px solid var(--glass-border);z-index:2;flex-shrink:0;align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;display:flex;position:relative}.controls-drawer-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1;font-size:11px;font-weight:600}.controls-drawer-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;outline:none;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:flex}.controls-drawer-btn:focus-visible{box-shadow:0 0 0 2px var(--accent)}.btn-controls-show{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;outline:none;align-items:center;padding:6px 12px;font-size:10px;font-weight:600;transition:border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-controls-show:hover{color:var(--text);box-shadow:var(--glass-glow);border-color:#9b6dff66}.btn-controls-show:focus-visible{box-shadow:0 0 0 2px var(--accent)}.controls-drawer,.sound-drawer,.settings-drawer{pointer-events:none;opacity:0;transition:opacity .15s ease-in,transform .15s ease-in}.controls-drawer,.sound-drawer{transform:translate(16px)}.settings-drawer{transform:translate(-16px)}.controls-drawer.panel--visible,.sound-drawer.panel--visible,.settings-drawer.panel--visible{pointer-events:auto;opacity:1;transition:opacity .2s ease-out,transform .2s ease-out;transform:translate(0)}@media (max-width:600px){.controls-drawer,.sound-drawer,.settings-drawer{transform:translateY(16px)}.controls-drawer.panel--visible,.sound-drawer.panel--visible,.settings-drawer.panel--visible{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.controls-drawer,.sound-drawer,.settings-drawer{transition:none!important}}.controls-drawer,.sound-drawer{z-index:60;-webkit-backdrop-filter:blur(32px);border:1px solid var(--accent-subtle);border-radius:var(--radius);width:310px;box-shadow:0 0 0 1px var(--accent-faint), 0 20px 60px #000000a6;background:#080812eb;flex-direction:column;height:calc(100dvh - 310px);max-height:calc(100dvh - 310px);display:flex;position:fixed;bottom:172px;right:20px;overflow:hidden}.sound-drawer-header{border-bottom:1px solid var(--border);z-index:2;background:#080812f5;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px 10px 14px;display:flex;position:relative}.sound-tabs,.help-tabs{background:#ffffff0d;border-radius:7px;flex:1;gap:2px;padding:3px;display:flex}.sound-tab,.help-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:1;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s}.sound-tab:hover,.help-tab:hover{color:var(--text)}.sound-tab--active,.help-tab--active{background:var(--accent-dim);color:var(--accent-bright)}.sound-tab-panel--hidden,.help-tab-panel--hidden{display:none}.control-section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);padding:10px 16px 4px;font-size:9px;font-weight:700}.eq-curve-canvas{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;width:calc(100% - 32px);height:72px;margin:0 16px 10px;display:block}.eq-freq-hint{opacity:.45;letter-spacing:.03em;margin-left:4px;font-size:9px;font-weight:500}.settings-drawer{z-index:60;-webkit-backdrop-filter:blur(32px);border-radius:var(--radius);background:#080812eb;border:1px solid #00d4aa33;flex-direction:column;width:290px;height:calc(100dvh - 310px);max-height:calc(100dvh - 310px);display:flex;position:fixed;bottom:172px;left:20px;overflow:hidden;box-shadow:0 0 0 1px #00d4aa14,0 20px 60px #000000a6}.drawer-scroll-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:auto;min-height:0;overflow-y:scroll}.sound-drawer .controls,.settings-drawer .controls{-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0}.settings-drawer .controls-section{border-left:none;border-right:none;border-radius:0}.btn-settings-show{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);width:32px;height:32px;-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-dim);cursor:pointer;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-settings-show:focus-visible{box-shadow:0 0 0 2px var(--teal)}.settings-themes{border-bottom:1px solid var(--glass-border);padding:12px 14px 10px}.settings-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:600}.control-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:2px;padding-bottom:4px;font-size:10px;font-weight:600}.theme-chips{flex-wrap:wrap;gap:6px;display:flex}.theme-chip{border:1px solid var(--glass-border);color:var(--text-dim);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border-radius:100px;outline:none;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.theme-chip:hover{color:var(--text);border-color:#ffffff2e}.theme-chip:focus-visible{box-shadow:0 0 0 2px var(--accent)}.theme-swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.theme-swatch--meridian{background:linear-gradient(135deg,#b4ff00,#1a66ff);box-shadow:0 0 6px #b4ff0080}.theme-swatch--prism{background:conic-gradient(#9b6dff,#00d4aa,#ff6eb4,#fa4,#9b6dff)}.theme-swatch--void{background:#53f}.theme-swatch--neon{background:linear-gradient(135deg,#0fc,#f0a)}.theme-swatch--ember{background:linear-gradient(135deg,#f42,#fa2)}.theme-swatch--frost{background:linear-gradient(135deg,#8cf,#def)}.theme-swatch--mono{background:linear-gradient(135deg,#555,#aaa)}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.toggle-row+.toggle-row{border-top:1px solid var(--border)}.toggle-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.toggle-wrap{flex-shrink:0;display:inline-flex;position:relative}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border-2);border:1px solid var(--border-2);cursor:pointer;border-radius:100px;width:34px;height:18px;transition:background .2s,border-color .2s;display:block}.toggle-track:after{content:"";background:var(--text-muted);border-radius:50%;width:12px;height:12px;margin:2px;transition:transform .2s,background .2s;display:block}.toggle-input:checked+.toggle-track:after{background:var(--teal);transform:translate(16px)}.toggle-input:focus-visible+.toggle-track{box-shadow:0 0 0 2px var(--accent)}.controls-drawer-header{display:flex}.controls-drawer .controls{-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0}.controls-drawer .controls-section{border-left:none;border-right:none;border-radius:0}#controlsFloatBtn{display:none!important}:root{--pink:#ff6eb4;--pink-dim:#ff6eb426;--gold:#ffd36b;--gold-dim:#ffd36b1f;--cyan-neon:#00e5ff;--cyan-dim2:#00e5ff26}.waveform-wrap{position:relative;box-shadow:inset 0 -1px #9b6dff33,0 0 24px #00000059}.preset-card[data-preset=lofi]{border-top-color:#5533ff4d}.preset-card[data-preset=lofi]:before{background:linear-gradient(90deg,#0000 0%,#53f9 35%,#7733dd73 65%,#0000 100%)}.preset-card[data-preset=lofi]:hover{border-color:#5533ff8c #53f6 #53f6;box-shadow:0 0 18px #5533ff2e,inset 0 1px #ffffff0f}.preset-card--active[data-preset=lofi]{background:linear-gradient(160deg,#0e082cd1 0%,#08051ca8 100%);border-color:#53f #5533ff8c #5533ff8c;box-shadow:0 0 30px #5533ff4d,inset 0 1px #5533ff38}.preset-card--active[data-preset=lofi]:before{opacity:1;background:linear-gradient(90deg,#0000 0%,#5533fff2 35%,#7733ddb8 65%,#0000 100%)}.preset-card--active[data-preset=lofi] .preset-card-name{color:#75f}.preset-card--active[data-preset=lofi] .preset-card-hint{color:#7755ffa6}.preset-card[data-preset=vaporwave]{border-top-color:#00ffcc4d}.preset-card[data-preset=vaporwave]:before{background:linear-gradient(90deg,#0000 0%,#0fc9 35%,#ff00aa73 65%,#0000 100%)}.preset-card[data-preset=vaporwave]:hover{border-color:#00ffcc8c #0fc6 #0fc6;box-shadow:0 0 18px #00ffcc2e,inset 0 1px #ffffff0f}.preset-card--active[data-preset=vaporwave]{background:linear-gradient(160deg,#001a16d1 0%,#000a12a8 100%);border-color:#0fc #00ffcc8c #00ffcc8c;box-shadow:0 0 30px #00ffcc4d,inset 0 1px #00ffcc38}.preset-card--active[data-preset=vaporwave]:before{opacity:1;background:linear-gradient(90deg,#0000 0%,#00ffccf2 35%,#ff00aab8 65%,#0000 100%)}.preset-card--active[data-preset=vaporwave] .preset-card-name{color:#66ffe6}.preset-card--active[data-preset=vaporwave] .preset-card-hint{color:#00ffcca6}.preset-card[data-preset=ambient]{border-top-color:#9999aa4d}.preset-card[data-preset=ambient]:before{background:linear-gradient(90deg,#0000 0%,#9999aa8c 35%,#aac6 65%,#0000 100%)}.preset-card[data-preset=ambient]:hover{border-color:#9999aa8c #99a6 #99a6;box-shadow:0 0 18px #9999aa26,inset 0 1px #ffffff0f}.preset-card--active[data-preset=ambient]{background:linear-gradient(160deg,#121216e0 0%,#0a0a0eb3 100%);border-color:#99a #9999aa80 #9999aa80;box-shadow:0 0 24px #99a3,inset 0 1px #9999aa2e}.preset-card--active[data-preset=ambient]:before{opacity:1;background:linear-gradient(90deg,#0000 0%,#9999aad9 35%,#aaaacca6 65%,#0000 100%)}.preset-card--active[data-preset=ambient] .preset-card-name{color:#bbc}.preset-card--active[data-preset=ambient] .preset-card-hint{color:#aaaabba6}.preset-card[data-preset=hyperpop]{border-top-color:#ff55004d}.preset-card[data-preset=hyperpop]:before{background:linear-gradient(90deg,#0000 0%,#f509 35%,#ffaa0073 65%,#0000 100%)}.preset-card[data-preset=hyperpop]:hover{border-color:#ff55008c #f506 #f506;box-shadow:0 0 18px #f503,inset 0 1px #ffffff0f}.preset-card--active[data-preset=hyperpop]{background:linear-gradient(160deg,#280c00d1 0%,#160800a8 100%);border-color:#f50 #ff55008c #ff55008c;box-shadow:0 0 30px #ff55004d,inset 0 1px #ff550038}.preset-card--active[data-preset=hyperpop]:before{opacity:1;background:linear-gradient(90deg,#0000 0%,#ff5500f2 35%,#ffaa00b8 65%,#0000 100%)}.preset-card--active[data-preset=hyperpop] .preset-card-name{color:#f72}.preset-card--active[data-preset=hyperpop] .preset-card-hint{color:#ff7722a6}@media (max-width:480px){.waveform{height:60px}}.waveform{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.player-bottom{padding-bottom:max(0px, env(safe-area-inset-bottom))}@media (display-mode:fullscreen){.player-bottom{padding-bottom:0}}@media (max-width:600px){.controls-drawer,.sound-drawer,.settings-drawer{bottom:calc(175px + env(safe-area-inset-bottom))}}.btn-fullscreen{opacity:.75;transition:opacity .15s,color .15s}.btn-fullscreen:hover{opacity:1}:is(:fullscreen .btn-fullscreen,:fullscreen .btn-fullscreen){opacity:1;color:var(--accent-bright)}@supports not selector(:fullscreen){@media (pointer:coarse){.btn-fullscreen{display:none}}}:is(:fullscreen #app,:fullscreen #app){width:100dvw;height:100dvh;overflow:hidden}@media (min-width:601px) and (max-width:768px){.waveform{height:80px}.controls-drawer,.sound-drawer,.settings-drawer{max-width:380px}}.playlist-count{opacity:.55;white-space:nowrap;margin-left:auto;padding-right:8px;font-size:.72rem}.playlist-list{margin:0;padding:4px 0;list-style:none}.playlist-item{cursor:pointer;border-bottom:1px solid #9b6dff14;align-items:center;gap:8px;padding:8px 16px;transition:background .1s;display:flex}.playlist-item[aria-current=true]{border-left:2px solid var(--accent,#9b6dff);background:#9b6dff1f;padding-left:14px}.playlist-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.82rem;overflow:hidden}.playlist-item-remove{cursor:pointer;color:inherit;opacity:.45;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 4px;font-size:1rem;line-height:1;transition:opacity .15s}.playlist-item-remove:hover{opacity:.9}.playlist-item-remove:focus-visible{outline:2px solid var(--accent,#9b6dff);outline-offset:2px}.playlist-search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 12px}.playlist-search{border:1px solid var(--glass-border);width:100%;color:var(--text);box-sizing:border-box;background:#ffffff0a;border-radius:6px;outline:none;padding:6px 10px;font-size:12px;transition:border-color .15s}.playlist-search::placeholder{color:var(--text-muted)}.playlist-search:focus{border-color:#9b6dff66}.playlist-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.playlist-item-meta{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.playlist-footer{border-top:1px solid #9b6dff14;flex-shrink:0;gap:8px;padding:10px 12px 14px;display:flex}.btn-playlist-add{color:var(--accent,#9b6dff);cursor:pointer;background:#9b6dff1a;border:1px solid #9b6dff40;border-radius:6px;flex:1;padding:7px 12px;font-size:.8rem;transition:background .15s}.btn-playlist-add:focus-visible{outline:2px solid var(--accent,#9b6dff);outline-offset:2px}.btn-playlist-clear{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:7px 12px;font-size:.8rem;transition:border-color .15s,color .15s}.btn-playlist-clear:hover{color:var(--red,#f87171);border-color:#f8717173}.btn-playlist-clear:focus-visible{outline:2px solid var(--red,#f87171);outline-offset:2px}.playlist-drag-handle{cursor:grab;opacity:.35;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px 0 0}.playlist-item.dragging{opacity:.4}.playlist-item.drag-over{border-top:2px solid var(--accent,#9b6dff)}.playlist-move-btn{cursor:pointer;color:inherit;opacity:.35;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:2px 3px;font-size:.75rem;line-height:1;transition:opacity .15s}.playlist-move-btn:hover:not(:disabled){opacity:.85}.playlist-move-btn:disabled{opacity:.15;cursor:default}.btn-help{top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:105;min-width:36px;font-size:1rem;font-weight:700;line-height:1;position:fixed}#help-modal{border:1px solid var(--accent-subtle,#9b6dff4d);border-radius:var(--radius,12px);-webkit-backdrop-filter:blur(32px);color:var(--text,#f0f0ffeb);background:#080812f5;width:calc(100dvw - 40px);max-width:600px;max-height:calc(100dvh - 80px);margin:auto;padding:0;overflow:hidden;box-shadow:0 0 0 1px #9b6dff1f,0 20px 60px #000000bf}#help-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c}.help-modal-inner{flex-direction:column;max-height:calc(100dvh - 80px);display:flex}.help-modal-header{border-bottom:1px solid #9b6dff26;flex-shrink:0;align-items:center;gap:8px;padding:12px 14px 12px 16px;display:flex}.help-tab-panel{max-height:calc(100dvh - 160px);padding:16px 20px 20px;overflow-y:auto}.shortcut-sections{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}@media (max-width:480px){.shortcut-sections{grid-template-columns:1fr}}.shortcut-section-label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);grid-column:1/-1;margin-bottom:4px;padding-bottom:6px;font-size:9px;font-weight:700}.shortcut-section{display:contents}.shortcut-grid{grid-template-columns:auto 1fr;gap:2px 10px;margin:0 0 2px;display:grid}.shortcut-row{display:contents}.shortcut-row dt{align-items:center;padding:4px 0;display:flex}.shortcut-row dd{color:var(--text-dim);align-items:center;margin:0;padding:4px 0;font-size:.8rem;display:flex}.shortcut-row dt kbd{color:var(--accent,#9b6dff);white-space:nowrap;background:#9b6dff1a;border:1px solid #9b6dff59;border-radius:5px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem}.guide-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}@media (max-width:520px){.guide-grid{grid-template-columns:1fr}}.guide-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:10px;font-weight:700}.guide-list{grid-template-columns:1fr;gap:0;margin:0 0 16px;display:grid}.guide-row{display:contents}.guide-row dt{color:var(--text);padding:5px 0 1px;font-size:.78rem;font-weight:600}.guide-row dd{color:var(--text-dim);margin:0 0 4px;font-size:.77rem;line-height:1.4}.about-content{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 0 4px;display:flex}.about-logo{letter-spacing:.25em;color:var(--accent-bright);font-size:1.5rem;font-weight:700}.about-version{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);margin-top:-6px}.about-desc{color:var(--text-dim);max-width:340px;margin:4px 0;font-size:.83rem;line-height:1.5}.about-github{font-size:.75rem;font-family:var(--font-mono);color:var(--accent-bright);opacity:.7;margin-top:8px;text-decoration:none;transition:opacity .15s}.about-github:hover{opacity:1;text-decoration:underline}.about-stack-label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:9px;font-weight:700}.about-stack{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.about-stack span{font-size:.75rem;font-family:var(--font-mono);background:var(--accent-dim);border:1px solid var(--accent-subtle);color:var(--accent-bright);border-radius:100px;padding:3px 10px}:root{--bg:#020208;--surface:#07070f;--surface-2:#0c0c18;--surface-3:#111120;--border:#181828;--border-2:#202033;--text:#d6d6ee;--text-dim:#74748e;--text-muted:#36364a;--accent:#7c4dff;--accent-dim:#7c4dff2e;--accent-glow:#7c4dff61;--accent-bright:#a37bff;--teal:#00c9a0;--teal-dim:#00c9a026;--accent-subtle:#7c4dff38;--accent-faint:#7c4dff1a;--glass-bg:#070712ad;--glass-blur:28px;--radius:12px;--radius-sm:7px;--btn-glass-bg:#08081480;--btn-glass-border:#ffffff12;--btn-glass-edge:#ffffff1c}.header{background:#020208f2;border-bottom:1px solid #7c4dff12}.header-inner{padding:10px 24px}.logo-icon{color:var(--accent);filter:drop-shadow(0 0 10px var(--accent-glow))}.logo-text{letter-spacing:-.6px;background:linear-gradient(130deg, #c8a8ff 0%, var(--accent-bright) 40%, var(--teal) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.tagline{letter-spacing:.14em;color:var(--text-muted);opacity:.7;font-size:11px}.dropzone,.player-top{top:46px}.landing-rings{display:none}.landing-scan-line{opacity:.5;background:linear-gradient(90deg,#0000 0%,#7c4dff8c 30%,#00c9a0a6 70%,#0000 100%)}.landing-hero{gap:28px;max-width:560px}.landing-logo-text{letter-spacing:-6px;background:linear-gradient(150deg, #fff 0%, var(--accent-bright) 30%, var(--teal) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(88px,14vw,152px);font-weight:900;line-height:.88;animation:7s linear infinite shimmer}@media (max-width:600px){.landing-logo-text{letter-spacing:-2px;margin-bottom:10px;font-size:58px}}.landing-tagline{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);opacity:.7;font-size:12px}.landing-badge{letter-spacing:.07em;color:var(--text-dim);-webkit-backdrop-filter:blur(20px);background:#7c4dff0f;border:1px solid #7c4dff29;border-radius:100px;gap:8px;padding:5px 16px;font-size:10px}.dropzone-content{-webkit-backdrop-filter:blur(36px);background:#080816bf;border:1px solid #7c4dff2e;border-radius:20px;min-width:300px;padding:52px;transition:border-color .25s,box-shadow .25s;box-shadow:0 0 0 1px #7c4dff0d,0 32px 100px #0009,inset 0 1px #ffffff0d}.dropzone:hover .dropzone-content,.dropzone:focus-visible .dropzone-content{border-color:#7c4dff6b;box-shadow:0 0 0 1px #7c4dff1f,0 0 50px #7c4dff1f,0 32px 100px #0009,inset 0 1px #ffffff12}.dropzone.drag-over .dropzone-content{border-color:var(--accent);background:#7c4dff1a;box-shadow:0 0 0 2px #7c4dff47,0 0 70px #7c4dff2e,inset 0 1px #ffffff17}.dropzone-icon{color:var(--accent);opacity:.7}.dropzone:hover .dropzone-icon,.dropzone.drag-over .dropzone-icon{opacity:1;transform:translateY(-5px)}.dropzone-title{color:var(--text);letter-spacing:.01em;font-size:15px;font-weight:600}.dropzone-hint{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10.5px}.player-top{-webkit-backdrop-filter:blur(44px);border-bottom:1px solid rgba(124, 77, 255, calc(.05 + var(--ui-bass,0) * .48));box-shadow:0 2px 28px rgba(124, 77, 255, calc(var(--ui-bass,0) * .14));background:#020208f5;gap:20px;padding:10px 24px}.track-info{max-width:260px}.track-name{letter-spacing:-.2px;font-size:15px;font-weight:700}.track-bpm{letter-spacing:.08em;color:var(--accent-bright);font-size:10px;font-weight:700}.track-meta{letter-spacing:.03em;font-size:10px}.preset-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;gap:3px;min-width:82px;padding:7px 14px}.preset-card:before{border-radius:0;height:2px;top:0}.preset-card:hover{box-shadow:none;background:#ffffff0b;border-color:#ffffff1f}.preset-card--active{border-color:#7c4dff52;border-top-color:var(--accent);background:#7c4dff1f;box-shadow:0 0 20px #7c4dff1f}.preset-card-name{letter-spacing:.04em;font-size:11px;font-weight:700}.preset-card-hint{letter-spacing:.03em;font-size:8.5px}.player-bottom{-webkit-backdrop-filter:blur(44px);border-top:1px solid rgba(124, 77, 255, calc(.05 + var(--ui-bass,0) * .48));box-shadow:0 -6px 48px #0000008c, 0 -1px 0 rgba(124, 77, 255, calc(var(--ui-bass,0) * .2));background:#020208f7}.waveform{height:120px}@media (max-width:480px){.waveform{height:68px}}@media (min-width:601px) and (max-width:768px){.waveform{height:88px}}.transport-row{gap:16px;padding:10px 24px}.time-current,.time-total{font-variant-numeric:tabular-nums;color:var(--text-muted);letter-spacing:.04em;min-width:38px;font-size:11.5px}.transport{gap:14px}.btn-play{width:60px;height:60px}@media (max-width:600px){.btn-play{width:52px;height:52px}}.btn-icon{width:40px;height:40px;box-shadow:none;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px}.btn-icon:hover{color:var(--accent-bright);background:#7c4dff14;border-color:#7c4dff47;transform:none;box-shadow:0 0 14px #7c4dff1f}.btn-icon:active{transform:scale(.93);box-shadow:inset 0 1px 5px #0006}.transport-right{gap:5px}.btn-controls-show{letter-spacing:.08em;color:var(--text-dim);-webkit-backdrop-filter:none;background:#ffffff06;border:1px solid #ffffff12;border-radius:8px;padding:6px 14px;font-size:10px;font-weight:700}.btn-controls-show:hover,.btn-controls-show--active{color:var(--accent-bright);background:#7c4dff1f;border-color:#7c4dff66;box-shadow:0 0 12px #7c4dff1f}.btn-settings-show{-webkit-backdrop-filter:none;background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;width:34px;height:34px}.btn-settings-show:hover,.btn-settings-show--active{color:var(--teal);background:#00c9a017;border-color:#00c9a05c;box-shadow:0 0 12px #00c9a01a}.controls-drawer,.sound-drawer{-webkit-backdrop-filter:blur(44px);background:#03030cf7;border:1px solid #7c4dff2e;border-radius:14px;bottom:190px;box-shadow:0 0 0 1px #7c4dff0d,0 28px 90px #000c}.settings-drawer{-webkit-backdrop-filter:blur(44px);background:#03030cf7;border:1px solid #00c9a02e;border-radius:14px;bottom:190px;box-shadow:0 0 0 1px #00c9a00d,0 28px 90px #000c}@media (max-width:600px){.controls-drawer,.sound-drawer,.settings-drawer{bottom:calc(190px + env(safe-area-inset-bottom));width:auto;height:calc(100dvh - 275px - env(safe-area-inset-bottom));max-height:calc(100dvh - 275px - env(safe-area-inset-bottom));border-radius:14px 14px 0 0;left:0;right:0}}.controls-drawer-title{letter-spacing:.13em;color:var(--text-muted);font-size:10px;font-weight:700}.controls-drawer-btn{border-color:#ffffff12;border-radius:6px;width:24px;height:24px}.controls-drawer-btn:hover{color:var(--accent-bright);background:#7c4dff14;border-color:#7c4dff59}.control-group{padding:13px 18px}.control-header label{letter-spacing:.11em;font-size:10px}.slider{background:#ffffff17;height:3px}.slider::-webkit-slider-thumb{width:14px;height:14px}.slider::-moz-range-thumb{border:none;width:14px;height:14px}.value-badge{letter-spacing:.02em;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:600}#stopBtn:hover{color:var(--teal);background:#00c9a014;border-color:#00c9a047;box-shadow:0 0 12px #00c9a01a}#rewindBtn:hover{color:var(--accent-bright);background:#7c4dff14;border-color:#7c4dff47;box-shadow:0 0 12px #7c4dff1a}#rewindBtn:active{transform:scale(.93)rotate(-12deg)}.btn-loop--active{border-color:var(--accent);color:var(--accent-bright);filter:none;background:#7c4dff1a;box-shadow:inset 0 1px 6px #7c4dff2e,0 0 16px #7c4dff2e}.btn-loop--active:hover{filter:none;background:#7c4dff26}.btn-export{color:var(--teal);box-shadow:none;border-color:#00c9a02e}.btn-export:hover{color:var(--teal);filter:none;background:#00c9a012;border-color:#00c9a066;transform:none;box-shadow:0 0 16px #00c9a024}.controls-section-header{letter-spacing:.13em;background:0 0;padding:10px 18px;font-size:10px}.controls-section-header:hover{color:var(--text);background:#ffffff05}.settings-label{letter-spacing:.12em;font-size:10px}.settings-themes{padding:14px 18px 12px}.theme-chip{background:#ffffff06;border-color:#ffffff12;border-radius:8px;padding:5px 12px;font-size:10.5px}.theme-chip:hover{background:#ffffff0f;border-color:#ffffff26}.theme-chip--active{border-color:var(--teal);color:var(--teal);background:#00c9a014}.toggle-input:checked+.toggle-track{border-color:var(--teal);background:#00c9a033}.toggle-input:checked+.toggle-track:after{background:var(--teal)}.toggle-label{letter-spacing:.07em;color:var(--text-dim);font-size:10.5px}.btn-hz{border-radius:6px;padding:6px 8px;font-size:10px}body.is-paused .player-top,body.is-paused .player-bottom{opacity:.7}.playlist-item{border-bottom-color:#7c4dff0f;padding:9px 18px}.playlist-item:hover{background:#7c4dff0d}.playlist-item[aria-current=true]{border-left-color:var(--accent);background:#7c4dff17}.playlist-item-name{font-size:.8rem}.playlist-footer{border-top-color:#7c4dff12;padding:10px 18px 14px}.btn-playlist-add{color:var(--accent-bright);background:#7c4dff14;border-color:#7c4dff33;border-radius:8px}.btn-playlist-add:hover{background:#7c4dff26}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c4dff38;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7c4dff6b}.footer-link{background:#070712bf;border-color:#ffffff0f;border-radius:100px;font-size:10.5px}.footer-link:hover{color:var(--accent-bright);border-color:#7c4dff47;box-shadow:0 0 0 1px #7c4dff14}.btn-help{width:34px;height:34px;box-shadow:none;background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;font-size:.85rem;font-weight:700}#help-modal{background:#03030cfa;border-color:#7c4dff38;border-radius:16px;box-shadow:0 0 0 1px #7c4dff14,0 24px 80px #000000d9}.help-modal-header{border-bottom-color:#7c4dff1f}.help-modal-title{color:var(--accent-bright);font-size:.85rem}.shortcut-row dt kbd{color:var(--accent-bright);background:#7c4dff14;border-color:#7c4dff4d;border-radius:6px}body:before{opacity:.85}body:after{opacity:.8}#page-loader{background:#020208}.page-loader-icon{color:#7c4dff;filter:drop-shadow(0 0 12px #7c4dff8c)}.drawer-backdrop{z-index:45;touch-action:none;-webkit-tap-highlight-color:transparent;background:#00000080;display:none;position:fixed;inset:0}.drawer-backdrop.backdrop--visible{display:block}@media (min-width:601px){.drawer-backdrop{display:none!important}}@keyframes aurora-idle{0%{opacity:.3}to{opacity:.6}}@media (max-width:600px){body:before,body:after{animation:8s ease-in-out infinite alternate aurora-idle}}@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-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}