:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#02040a;--bg-lift:#07101f;--ink:#f4f7ff;--ink-muted:#e8efff8f;--ink-faint:#e8efff57;--glass:#080b1494;--glass-solid:#0b0e17;--line:#e2ebff24;--line-focus:#e2f4ff61;--violet:#746bff;--cyan:#63e6ff;--opal:#dffff7;--rose:#ff91c8;--error:#ff95aa;--capsule-height:64px;--capsule-width:min(600px, calc(100vw - 32px));--radius:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;font-family:Inter,Avenir Next,Helvetica Neue,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--ink);overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:4px;outline:1px solid #dffff7b8}::selection{color:#06101a;background:#b4f4ffe0}.aether-app{isolation:isolate;background:radial-gradient(circle at 50% 42%, #3641871c, transparent 36%), var(--bg);min-height:100dvh;position:relative}.ambient-fallback,.ethereal-canvas,.atmosphere-grain{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.ambient-fallback{z-index:-3;filter:saturate(112%);background:radial-gradient(at 68% 26%,#63e6ff1c,#0000 38%),radial-gradient(at 26% 68%,#746bff24,#0000 42%),radial-gradient(at 62% 78%,#ff91c811,#0000 34%),linear-gradient(150deg,#020309 8%,#06101d 48%,#02040a 88%);overflow:hidden}.ambient-fallback:before,.ambient-fallback:after{content:"";opacity:.18;filter:blur(70px);width:75vmax;height:22vmax;animation:fallback-drift 24s var(--ease-out) infinite alternate;border-radius:50%;position:absolute;transform:rotate(-18deg)}.ambient-fallback:before{background:linear-gradient(90deg, transparent, var(--violet), var(--cyan), transparent);top:18%;left:-18%}.ambient-fallback:after{background:linear-gradient(90deg, transparent, var(--rose), var(--violet), transparent);animation-duration:31s;animation-delay:-11s;bottom:12%;right:-24%}.ethereal-canvas{z-index:-2;opacity:0;transition:opacity 1.8s;display:block}.ethereal-canvas[data-ready=true],.ethereal-canvas.is-ready{opacity:1}.atmosphere-grain{z-index:-1;opacity:.09;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 18% 34%,#ffffff29 0 .45px,#0000 .7px 3px),repeating-radial-gradient(circle at 77% 62%,#ffffff1a 0 .35px,#0000 .6px 2.7px);background-size:7px 9px,11px 8px}.listener-shell{z-index:2;place-items:start center;width:100%;min-height:100dvh;display:grid;position:relative}.signal-capsule{--progress:0;width:var(--capsule-width);height:var(--capsule-height);border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(135%);transition:width .8s var(--ease-out), border-color .5s ease, background-color .5s ease, box-shadow .7s var(--ease-out), top .7s var(--ease-out);position:absolute;top:52%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 90px #0000008c,0 0 100px #5c76ff0f,inset 0 1px #ffffff12}.signal-capsule:before{z-index:-1;content:"";opacity:.2;filter:blur(34px);pointer-events:none;background:radial-gradient(#86bcff29,#746bff0a 45%,#0000 70%);border-radius:50%;width:min(900px,108vw);height:260px;transition:opacity .8s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.signal-capsule:focus-within{border-color:var(--line-focus);background:#090d17ad;box-shadow:0 28px 110px #00000094,0 0 120px #63e6ff17,inset 0 1px #ffffff1a}.signal-capsule:focus-within:before,.signal-capsule--ready:before{opacity:.34}.signal-capsule--ready{width:min(680px,100vw - 32px)}.signal-capsule--ready:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--opal) 48%, var(--violet));height:1px;transform:scaleX(var(--progress));transform-origin:0;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #63e6ffa3}.signal-capsule--locked{width:min(430px,100vw - 32px)}.signal-capsule--expired{border-color:#e2ebff14;width:min(390px,100vw - 32px);box-shadow:0 20px 80px #0000007a,inset 0 1px #ffffff09}.signal-capsule--touched{animation:capsule-nudge .32s var(--ease-out)}.signal-form,.player-bar,.signal-message{align-items:center;width:100%;height:100%;display:flex}.signal-form input{min-width:0;height:100%;color:var(--ink);letter-spacing:.012em;background:0 0;border:0;outline:0;flex:1;padding:0 8px 0 25px;font-size:15px;font-weight:430}.signal-form input::placeholder{color:#e8efff6b;opacity:1}.signal-form input[aria-invalid=true]::placeholder{color:#ff95aac7}.signal-submit,.play-button{color:#f4f7ffc7;cursor:pointer;width:52px;height:52px;transition:color .25s ease, background-color .25s ease, transform .35s var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:5px;display:grid;position:relative}.signal-submit:hover,.play-button:hover{color:#fff;background:#ffffff0d;transform:scale(1.035)}.signal-submit span{margin-top:-2px;font-size:22px;font-weight:250}.signal-message{color:#e8efff8a;letter-spacing:.025em;justify-content:center;gap:9px;font-size:14px;position:relative}.signal-message--checking i{background:var(--opal);border-radius:50%;width:4px;height:4px;animation:1.8s ease-in-out infinite soft-pulse;box-shadow:0 0 13px #dffff7e0}.signal-message--checking:after{content:"";filter:drop-shadow(0 0 7px #63e6ffb8);width:22%;height:1px;animation:tune-sweep 2.2s var(--ease-out) infinite;background:linear-gradient(90deg,#0000,#63e6fff2,#0000);position:absolute;bottom:0;left:-18%}.signal-message--locked span{color:var(--ink-faint)}.signal-message--locked time{color:#f4f7ffcc;font-variant-numeric:tabular-nums;letter-spacing:.05em}.signal-reset{color:#e8efff59;cursor:pointer;letter-spacing:.02em;background:0 0;border:0;width:100%;height:100%;font-size:14px}.listener-feedback{color:#e8efff7a;text-align:center;justify-items:center;gap:8px;width:min(540px,100vw - 40px);display:grid;position:absolute;top:calc(52% + 52px);left:50%;transform:translate(-50%)}.listener-feedback p{letter-spacing:.055em;text-transform:lowercase;margin:0;font-size:11px}.listener-feedback button{color:#e8efff52;cursor:pointer;font:inherit;letter-spacing:.08em;text-transform:lowercase;background:0 0;border:0;padding:3px 7px;font-size:10px}.listener-feedback button:hover,.listener-feedback button:focus-visible{color:#f4f7ffc7}.player-bar{padding:0 9px 0 5px;position:relative}.play-button{width:52px;height:52px;margin-right:4px}.play-glyph{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;margin-left:3px}.pause-glyph{border-left:2px solid;border-right:2px solid;width:9px;height:11px;position:relative}.track-identity{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;min-width:0;height:100%;padding:0 12px;display:flex;overflow:hidden}.track-identity strong,.track-identity span{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.track-identity strong{color:#f8faffeb;letter-spacing:.01em;font-size:14px;font-weight:520}.track-identity span{color:var(--ink-muted);margin-top:2px;font-size:11px;font-weight:420}.player-time{color:#e8efff7a;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em;width:54px;font-size:12px}.progress-control{z-index:3;opacity:0;cursor:ew-resize;width:calc(100% - 16px);height:18px;margin:0;position:absolute;bottom:-7px;left:8px;right:8px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.aether-app--studio .ethereal-canvas,.aether-app--studio .ambient-fallback{opacity:.54}.aether-app--studio .atmosphere-grain{opacity:.055}.studio-shell,.studio-login-shell{z-index:2;scrollbar-color:#e2ebff29 transparent;position:fixed;inset:0;overflow:hidden auto}.studio-login-shell{place-items:center;padding:80px 24px;display:grid}.studio-wordmark{color:#f4f7ffc7;letter-spacing:.075em;text-transform:lowercase;font-size:13px;font-weight:570;text-decoration:none}.studio-wordmark span{color:#e8efff5c;font-weight:420}.studio-login-shell>.studio-wordmark{position:absolute;top:32px;left:38px}.studio-login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(26px)saturate(125%);backdrop-filter:blur(26px)saturate(125%);background:#070a1294;border-radius:28px;width:min(430px,100%);padding:32px;box-shadow:0 24px 90px #0000007a,inset 0 1px #ffffff0f}.studio-login-card form,.upload-sheet,.share-composer{flex-direction:column;display:flex}.studio-login-card label,.upload-sheet label,.share-composer>label:not(.toggle-line){color:#e8efff6e;letter-spacing:.075em;text-transform:uppercase;margin:17px 3px 7px;font-size:11px;font-weight:530}.studio-login-card input,.upload-sheet input,.share-composer input,.created-access input{width:100%;height:48px;color:var(--ink);background:#ffffff06;border:1px solid #e2ebff1c;border-radius:13px;outline:0;padding:0 14px;transition:border-color .22s,background-color .22s}.studio-login-card input:focus,.upload-sheet input:focus,.share-composer input:focus,.created-access input:focus{border-color:var(--line-focus);background:#ffffff0a}.studio-login-card form>button,.luminous-button{color:#effdff;cursor:pointer;letter-spacing:.025em;height:48px;transition:transform .3s var(--ease-out), border-color .2s ease, background-color .2s ease;background:linear-gradient(120deg,#746bff47,#63e6ff29);border:1px solid #b8f0ff33;border-radius:14px;margin-top:24px;font-size:13px;font-weight:520;box-shadow:inset 0 1px #ffffff14,0 12px 36px #23377a2e}.studio-login-card form>button:hover,.luminous-button:hover{border-color:#b8f0ff57;transform:translateY(-1px)}.studio-login-card button:disabled,.luminous-button:disabled{opacity:.48;cursor:wait;transform:none}.studio-inline-error{color:#ff95aad6;min-height:18px;margin:13px 3px 0;font-size:12px;line-height:1.45}.admin-password-hint{color:#e8efff52;margin:8px 3px 0;font-size:10px;line-height:1.45}.studio-header{justify-content:space-between;align-items:center;width:min(900px,100% - 48px);height:94px;margin:0 auto;display:flex}.quiet-button{color:#e8efff63;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:12px;transition:color .18s}.quiet-button:hover{color:#f4f7ffc7}.studio-column{width:min(880px,100% - 48px);margin:30px auto 120px}.upload-zone{-webkit-backdrop-filter:blur(23px)saturate(120%);backdrop-filter:blur(23px)saturate(120%);background:#070a126b;border:1px solid #e2ebff1c;border-radius:24px;transition:border-color .25s,background-color .25s;position:relative;overflow:hidden;box-shadow:0 20px 70px #00000047,inset 0 1px #ffffff0a}.upload-zone:hover,.upload-zone:focus-within{background:#080c1580;border-color:#e2f4ff3b}.upload-prompt{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:84px;padding:0 28px;display:flex}.upload-prompt span{color:#f4f7ffd1;font-size:14px;font-weight:520}.upload-prompt small{color:#e8efff57;font-size:11px}.upload-sheet{padding:26px 28px 28px}.file-line,.sheet-actions,.share-heading,.created-access>div,.share-row{justify-content:space-between;align-items:center;display:flex}.file-line{gap:20px;margin-bottom:3px}.file-line strong{color:#f4f7ffc7;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:510;overflow:hidden}.file-line span{color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.sheet-actions{justify-content:flex-end;gap:22px;margin-top:6px}.sheet-actions .luminous-button{width:220px;margin-top:18px}.upload-progress{--upload-progress:0;background:linear-gradient(90deg, var(--violet), var(--cyan), var(--opal));height:1px;transform:scaleX(var(--upload-progress));transform-origin:0;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #63e6ffa6}.track-list{border-top:1px solid #e2ebff17;margin-top:46px}.track-row{width:100%;min-height:76px;color:inherit;text-align:left;cursor:pointer;transition:padding .3s var(--ease-out), background-color .25s ease;background:0 0;border:0;border-bottom:1px solid #e2ebff14;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.track-row:hover,.track-row--selected{background:linear-gradient(90deg,#746bff0e,#63e6ff06);padding-left:17px;padding-right:17px}.track-row-title{flex-direction:column;gap:3px;min-width:0;display:flex}.track-row-title strong{color:#f4f7ffd1;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:510;overflow:hidden}.track-row-title small{color:#e8efff54;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.track-row-meta{color:#e8efff5c;font-variant-numeric:tabular-nums;align-items:center;gap:16px;font-size:11px;display:flex}.track-row-meta i{color:#a5f5ea80;text-align:right;min-width:48px;font-style:normal}.empty-studio,.empty-shares{color:#e8efff47;margin:28px 12px;font-size:12px}.share-studio{border-top:1px solid #e2ebff1a;margin-top:70px;padding-top:34px}.share-heading{align-items:flex-end;margin-bottom:30px}.share-heading p{color:#e8efff4f;letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:560}.share-heading h1{color:#f8faffe6;letter-spacing:-.025em;margin:0;font-size:clamp(22px,4vw,34px);font-weight:410}.share-heading>span{color:#e8efff47;font-size:11px}.admin-preview{background:linear-gradient(120deg,#746bff0b,#63e6ff06);border:1px solid #63e6ff1a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px;margin-bottom:14px;padding:18px 22px;display:grid}.admin-preview>div{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-preview strong{color:#f4f7ffb8;font-size:12px;font-weight:520}.admin-preview span{color:#e8efff4d;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.admin-preview .quiet-button:disabled{opacity:.42;cursor:wait}.admin-preview audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;grid-column:1/-1;width:100%;height:36px}.share-composer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06091161;border:1px solid #e2ebff17;border-radius:22px;padding:24px 26px 28px}.toggle-line{color:#f4f7ffad;border-bottom:1px solid #e2ebff11;justify-content:space-between;align-items:center;min-height:48px;font-size:13px;display:flex}.toggle-line input{appearance:none;cursor:pointer;background:#ffffff09;border:1px solid #e2ebff2e;border-radius:99px;width:31px;height:18px;padding:0;position:relative}.toggle-line input:after{content:"";width:10px;height:10px;transition:transform .26s var(--ease-out), background-color .22s ease, box-shadow .22s ease;background:#e8efff75;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-line input:checked{background:#63e6ff17;border-color:#63e6ff52}.toggle-line input:checked:after{background:var(--opal);transform:translate(13px);box-shadow:0 0 10px #63e6ff80}.share-composer>input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:12px 0 5px}.inline-field{gap:8px;margin:12px 0 5px;display:flex}.inline-field button,.created-access button{color:#e8efff80;cursor:pointer;background:#ffffff06;border:1px solid #e2ebff1a;border-radius:12px;flex:none;padding:0 15px;font-size:11px;transition:color .2s,border-color .2s}.inline-field button:hover,.created-access button:hover{color:#f4f7ffcc;border-color:#e2f4ff40}.share-create{align-self:flex-end;width:min(250px,100%)}.created-access{background:linear-gradient(120deg,#746bff0f,#63e6ff09);border:1px solid #63e6ff21;border-radius:18px;margin-top:14px;padding:20px}.created-access p{color:#dffff78c;margin:0 0 13px;font-size:11px}.created-access>div{gap:8px;margin-top:8px}.created-access input{color:#f4f7ffad;min-width:0;height:43px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.created-access button{min-width:88px;height:43px}.share-list{border-top:1px solid #e2ebff14;margin-top:28px}.share-row{border-bottom:1px solid #e2ebff12;min-height:66px;padding:0 9px}.share-row>div{flex-direction:column;gap:4px;display:flex}.share-row strong{color:#f4f7ffa3;font-size:12px;font-weight:510}.share-row span{color:#e8efff47;font-size:10px}@keyframes soft-pulse{0%,to{opacity:.36;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes tune-sweep{0%{transform:translate(0)}65%,to{transform:translate(540%)}}@keyframes capsule-nudge{0%,to{margin-left:0}34%{border-color:#ff95aa47;margin-left:-3px}68%{margin-left:3px}}@keyframes fallback-drift{0%{transform:translate(-3%,-2%)rotate(-18deg)scale(.96)}to{transform:translate(6%,4%)rotate(-13deg)scale(1.04)}}@media (max-width:640px){:root{--capsule-height:58px}.signal-capsule{top:49%}.signal-capsule:focus-within{top:min(34dvh,290px)}.signal-form input{padding-left:20px;font-size:16px}.signal-submit,.play-button{width:48px;height:48px}.player-bar{padding-right:12px}.track-identity{padding:0 7px}.track-identity strong{font-size:13px}.player-time{width:45px;font-size:11px}.studio-login-shell>.studio-wordmark{top:26px;left:24px}.studio-login-card{border-radius:23px;padding:25px 21px}.studio-header,.studio-column{width:calc(100% - 30px)}.studio-header{height:76px}.studio-column{margin-top:14px}.upload-prompt{min-height:78px;padding:0 20px}.upload-prompt small{display:none}.upload-sheet,.share-composer{padding:21px 18px 23px}.file-line{flex-direction:column;align-items:flex-start;gap:5px}.sheet-actions{gap:14px}.sheet-actions .luminous-button{flex:1;width:auto}.track-row{padding-left:4px;padding-right:4px}.track-row:hover,.track-row--selected{padding-left:8px;padding-right:8px}.track-row-meta{gap:8px}.track-row-meta i{display:none}.share-studio{margin-top:52px}.share-create{width:100%}.created-access{padding:16px}.created-access>div{flex-direction:column;align-items:stretch}.created-access button{width:100%}.share-row span{max-width:235px;line-height:1.5;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ambient-fallback:before,.ambient-fallback:after{transform:rotate(-16deg)}}@media (prefers-contrast:more){:root{--line:#f4f7ff57;--line-focus:#f4f7ffc7;--ink-muted:#f4f7ffc2}}