:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass:#0a0d1094;--glass-strong:#090b0ec7;--line:#ffffff21;--text:#fffffff0;--muted:#ffffff94;--focus:#ffffffeb}*{box-sizing:border-box}html,body{background:#07090b;width:100%;min-height:100%;margin:0}body{color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:default;opacity:.34}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.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}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.entry-shell,.entry-app{width:100%;min-height:100dvh;inset:0;overflow:hidden}.entry-shell{isolation:isolate;background:#010203;position:fixed}.entry-app{z-index:auto;position:absolute}.entry-atmosphere{z-index:2;opacity:0;pointer-events:none;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.entry-atmosphere[data-ready=true]{opacity:1}.entry-scene{object-fit:cover;animation:24s ease-in-out infinite alternate entry-drift;transform:scale(1.025)}.entry-veil{background:radial-gradient(circle at 50% 51%,#0000000d 0%,#00000024 44%,#00000094 100%),linear-gradient(#0000001a,#00000047);position:absolute;inset:0}.entry-wordmark{filter:drop-shadow(0 18px 46px #00000085);width:min(82vw,1500px);height:auto;position:absolute;top:clamp(46px,7.5vh,104px);left:50%;transform:translate(-50%)}.entry-shell[data-phase=crossfading] .entry-atmosphere{animation:6.82s cubic-bezier(.35,0,.3,1) both entry-dissolve}@keyframes entry-drift{0%{transform:scale(1.025)translate(-.3%,-.25%)}to{transform:scale(1.07)translate(.35%,.3%)}}@keyframes entry-dissolve{0%{opacity:1}18%{opacity:.94}to{opacity:0}}.login-shell,.player-shell{background:#07090b;width:100%;min-height:100dvh;position:relative;overflow:hidden}.login-shell{z-index:3;background:0 0;justify-content:center;align-items:flex-start;padding:0 24px 24px;display:flex}.login-card{gap:12px;width:min(100%,386px);margin-top:clamp(360px,50vh,540px);animation:.72s cubic-bezier(.2,.75,.25,1) both login-arrive;display:grid;position:relative}.login-card[data-failed]{animation:.35s shake}.login-card[data-failed] .login-field{border-color:#ff919170}.login-card[data-exiting]{pointer-events:none}.login-card[data-exiting] .login-field,.login-card[data-exiting] .login-phrase{animation:.65s cubic-bezier(.4,0,.7,1) both login-leave}@keyframes login-arrive{0%{opacity:0;transform:translateY(13px)scale(.985)}}@keyframes login-leave{to{opacity:0;filter:blur(8px);transform:translateY(8px)scale(.985)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-field{color:#ffffff7a;-webkit-backdrop-filter:blur(28px)saturate(138%);backdrop-filter:blur(28px)saturate(138%);cursor:text;background:linear-gradient(135deg,#ffffff13,#ffffff05 48%),#00000052;border:1px solid #ffffff2b;border-radius:22px;grid-template-columns:29px 1fr;align-items:center;gap:10px;min-height:61px;padding:0 17px;transition:color .22s,border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid;box-shadow:inset 0 1px #ffffff16,inset 0 -1px #ffffff05,0 18px 54px #00000047}.login-field:hover{color:#ffffffad;background:linear-gradient(135deg,#ffffff1a,#ffffff06 52%),#0000004d;border-color:#ffffff40;transform:translateY(-1px)}.login-field:focus-within{color:#fffffff0;background:linear-gradient(135deg,#ffffff1f,#ffffff08 54%),#0000004f;border-color:#ffffff6e;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #ffffff12,0 22px 60px #00000052}.login-field svg{stroke-width:1.45px;width:18px;height:18px;transition:transform .2s}.login-field:focus-within svg{transform:scale(1.05)}.login-field input{width:100%;min-width:0;color:var(--text);caret-color:#fff;cursor:text;background:0 0;border:0;outline:0;padding:0}.login-field input:disabled{cursor:default}.login-field input:-webkit-autofill{-webkit-text-fill-color:#fffffff0;caret-color:#fff;-webkit-background-clip:text;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.login-field input:-webkit-autofill:hover{-webkit-text-fill-color:#fffffff0;caret-color:#fff;-webkit-background-clip:text;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.login-field input:-webkit-autofill:focus{-webkit-text-fill-color:#fffffff0;caret-color:#fff;-webkit-background-clip:text;transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000}.login-action-slot{place-items:center;min-height:49px;margin-top:7px;display:grid}.login-phrase{color:#ffffffdb;text-align:center;letter-spacing:.025em;text-shadow:0 4px 18px #000000b3;background:0 0;border:0;width:100%;min-height:42px;padding:0 18px;font-size:16px;font-weight:470;transition:color .22s,letter-spacing .22s,opacity .22s,transform .22s}.login-phrase:hover{color:#fff;letter-spacing:.055em;transform:translateY(-1px)}.login-phrase:active{transform:translateY(1px)}.login-phrase span{animation:.5s both phrase-arrive;display:inline-block}.login-card[data-busy] .login-phrase span{animation:1.1s ease-in-out infinite alternate phrase-breathe}@keyframes phrase-arrive{0%{opacity:0;filter:blur(3px);transform:translateY(4px)}}@keyframes phrase-breathe{to{opacity:.5}}.background-layer,.background-shade{pointer-events:none;position:absolute;inset:-2%}.background-layer{background:var(--room-background) center/cover no-repeat;transition:background-image .5s,filter .5s;transform:scale(1.015)}.background-shade{background:radial-gradient(circle at 50% 28%,#0000 0%,#0405071c 56%,#030405a8 100%),linear-gradient(#0000001f,#00000047)}.icon-rail,.player-card,.drawer,.library-modal{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(125%);backdrop-filter:blur(28px)saturate(125%);box-shadow:0 24px 80px #0000004d}.icon-rail{z-index:20;border-radius:22px;flex-direction:column;align-items:center;gap:5px;width:54px;min-height:285px;padding:8px;display:flex;position:fixed;top:50%;left:22px;transform:translateY(-50%)}.rail-logout{margin-top:auto}.icon-button,.selector-button{appearance:none;color:var(--muted);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .18s,background .18s,transform .18s;display:inline-grid}.icon-button{width:38px;height:38px}.icon-button:hover,.selector-button:hover{color:var(--text);background:#ffffff17}.icon-button:active,.selector-button:active{transform:scale(.93)}.icon-button svg{stroke-width:1.65px;width:18px;height:18px}.icon-button.compact{width:32px;height:32px}.icon-button.tiny{width:27px;height:27px}.icon-button.tiny svg{width:14px;height:14px}.icon-button.primary-control{color:#080a0ceb;background:#ffffffe6;width:48px;height:48px}.icon-button.primary-control:hover{background:#fff}.icon-button.danger:hover{color:#faa}.selector-button{width:38px;height:38px}.selector-button img{object-fit:contain;filter:grayscale()saturate(0)brightness(1.5);opacity:.64;width:29px;height:29px;transition:opacity .18s}.selector-button:hover img{opacity:1}.player-card{z-index:15;left:50%;bottom:max(24px, env(safe-area-inset-bottom));border-radius:27px;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:24px;width:min(640px,100vw - 156px);min-height:92px;padding:16px 20px;display:grid;position:fixed;transform:translate(-50%)}.song-title,.title-button,.playlist-link,.popover-name{color:var(--text);appearance:none;text-align:left;background:0 0;border:0}.song-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;min-width:0;font-size:15px;font-weight:520;overflow:hidden}.transport{justify-content:center;align-items:center;gap:4px;display:flex}.volume-control{width:min(145px,100%);color:var(--muted);justify-self:end;align-items:center;gap:9px;display:flex}.volume-control svg{flex:none;width:17px}.volume-control input{accent-color:#ffffffe6;width:100%;height:3px}.drawer{z-index:18;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:var(--glass-strong);border-radius:28px;width:min(440px,100vw - 116px);padding:14px;animation:.22s both drawer-in;position:fixed;top:18px;bottom:18px;left:92px;overflow:hidden auto}.drawer::-webkit-scrollbar{width:0;height:0;display:none}@keyframes drawer-in{0%{opacity:0;transform:translate(-9px)}}.drawer-topline{z-index:4;background:linear-gradient(var(--glass-strong) 70%, transparent);justify-content:space-between;align-items:center;min-height:42px;margin-bottom:8px;display:flex;position:sticky;top:0}.passive-icon{width:18px;color:var(--muted)}.item-list,.playlist-index,.playlist-detail{gap:4px;display:grid}.track-row{border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:4px;min-height:48px;padding:4px 6px 4px 14px;display:grid;position:relative}.track-row:hover{background:#ffffff0e}.track-row.playlist-track{grid-template-columns:1fr auto auto auto}.title-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;height:40px;font-size:14px;overflow:hidden}.playlist-popover{z-index:10;border:1px solid var(--line);background:#07090bf5;border-radius:17px;gap:3px;width:min(260px,100vw - 150px);padding:8px;display:grid;position:absolute;top:45px;right:4px;box-shadow:0 18px 48px #00000073}.popover-name{border-radius:11px;justify-content:space-between;align-items:center;min-height:39px;padding:8px 10px;display:flex}.popover-name:hover{background:#ffffff12}.popover-name svg{width:15px}.inline-create,.rename-form{grid-template-columns:1fr auto;align-items:center;gap:5px;display:grid}.inline-create.wide{margin:4px 4px 10px}.inline-create label,.rename-form label{min-width:0}.inline-create input,.rename-form input{width:100%;min-height:39px;color:var(--text);border:1px solid var(--line);background:#ffffff0e;border-radius:11px;outline:0;padding:0 12px}.create-toggle{margin:0 4px 7px auto}.playlist-link{border-radius:15px;justify-content:space-between;align-items:center;width:100%;min-height:49px;padding:0 14px;display:flex}.playlist-link:hover{background:#ffffff0f}.playlist-link svg{width:16px;color:var(--muted)}.playlist-name-row{align-items:center;gap:4px;min-height:54px;margin:0 6px 10px;display:flex}.playlist-name-row h1{text-overflow:ellipsis;min-width:0;margin:0 auto 0 7px;font-size:18px;font-weight:560;overflow:hidden}.rename-form{flex:1}.empty-symbol{color:#ffffff2e;stroke-width:.7px;width:48px;height:48px;margin:56px auto}.library-modal{z-index:18;background:#080a0dc9;border-radius:30px;flex-direction:column;width:min(860px,100vw - 190px);height:min(680px,100dvh - 156px);padding:14px;animation:.22s both library-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,calc(-50% - 42px))}@keyframes library-in{0%{opacity:0;transform:translate(-50%,calc(-50% - 32px))scale(.985)}}.library-toolbar{align-items:center;gap:7px;min-height:48px;display:flex}.library-search{min-width:120px;height:43px;color:var(--muted);background:#ffffff0b;border:1px solid #ffffff17;border-radius:15px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.library-search:focus-within{background:#fff1;border-color:#ffffff47}.library-search svg{stroke-width:1.6px;flex:none;width:17px;height:17px}.library-search input{width:100%;min-width:0;color:var(--text);caret-color:#fff;cursor:text;background:0 0;border:0;outline:0}.library-search input::-webkit-search-cancel-button{display:none}.selection-confirm{color:#06080af0;background:#ffffffeb;border:0;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:42px;height:42px;padding:0 11px;display:inline-flex}.selection-confirm svg{width:17px}.selection-confirm span{font-size:12px;font-weight:650}.library-target-name{color:#ffffffbd;text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.015em;padding:1px 8px 7px;font-size:13px;overflow:hidden}.quick-filter-row,.filter-chip-row{flex-wrap:wrap;gap:6px;display:flex}.quick-filter-row{touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding:6px 2px 10px;overflow-x:auto}.quick-filter-row::-webkit-scrollbar{display:none}.filter-chip{color:#ffffff8f;letter-spacing:.015em;background:#ffffff06;border:1px solid #ffffff17;border-radius:999px;flex:none;min-height:29px;padding:0 10px;font-size:11px;transition:color .18s,border-color .18s,background .18s,opacity .18s}.filter-chip:hover{color:#ffffffe0;background:#ffffff0f;border-color:#ffffff38}.filter-chip[aria-pressed=true]{color:#07090bf0;background:#ffffffe6;border-color:#ffffffe6}.filter-chip[data-available=false]{opacity:.4}.filter-chip[aria-pressed=true]{opacity:1}.filter-tray{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:#ffffff07;border:1px solid #ffffff16;border-radius:18px;flex:none;gap:12px;max-height:250px;margin:0 1px 9px;padding:12px;display:grid;overflow:hidden auto}.filter-tray::-webkit-scrollbar{width:0;height:0;display:none}.filter-group{gap:7px;min-width:0;display:grid}.filter-label{color:#ffffff61;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:650}.filter-lower-grid{grid-template-columns:1fr minmax(94px,.32fr) 1fr;align-items:end;gap:13px;display:grid}.select-filter{gap:7px;display:grid}.select-filter select{color:#ffffffba;background:#ffffff09;border:1px solid #ffffff1a;border-radius:11px;width:100%;height:31px;padding:0 26px 0 10px}.select-filter option{color:#f5f5f5;background:#111417}.library-results{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1 1 0;height:0;min-height:0;padding:2px 2px 58px;overflow:hidden scroll}.library-results::-webkit-scrollbar{width:0;height:0;display:none}.library-results:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:16px}.library-track-row{border:1px solid #0000;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:57px;padding:5px 7px 5px 14px;display:grid;position:relative}.library-track-row:hover{background:#ffffff0a}.library-track-row[data-current]{background:#ffffff0b;border-color:#ffffff1a}.library-track-row[data-selected]{border-color:#ffffff38}.library-track-main{min-width:0;min-height:46px;color:var(--text);text-align:left;background:0 0;border:0;align-content:center;gap:4px;padding:3px 0;display:grid}.library-track-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.006em;font-size:14px;font-weight:540;overflow:hidden}.library-track-meta{color:#fff6;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.025em;font-size:10px;overflow:hidden}.track-select{color:#07090bf2;background:0 0;border:1px solid #fff3;border-radius:999px;place-items:center;width:27px;height:27px;display:grid}.track-select[aria-pressed=true]{background:#ffffffe6;border-color:#ffffffe6}.track-select svg{width:14px}.library-playlist-popover{grid-column:1/-1;width:100%;margin:3px 0 6px;position:relative;top:auto;right:auto}.library-radio{z-index:3;color:#07090bf0;background:#ffffffeb;border:0;border-radius:999px;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:18px;right:20px;box-shadow:0 10px 28px #00000052}.library-radio:hover{background:#fff;transform:scale(1.025)}.library-radio:active{transform:scale(.95)}.library-radio svg{fill:currentColor;stroke-width:1.4px;width:18px}.background-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:4px;display:grid}.background-choice{aspect-ratio:16/10;border:1px solid var(--line);background:#111;border-radius:16px;padding:0;position:relative;overflow:hidden}.background-choice img{object-fit:cover;width:100%;height:100%;transition:transform .25s,filter .25s}.background-choice:hover img{transform:scale(1.035)}.background-choice[aria-pressed=true]{border-color:#ffffffb3;box-shadow:0 0 0 1px #ffffff52}.background-choice svg{color:#080a0c;background:#ffffffe6;border-radius:999px;width:19px;padding:3px;position:absolute;bottom:9px;right:9px}@media (max-width:720px){.entry-wordmark{top:max(72px, calc(env(safe-area-inset-top) + 42px));width:min(94vw,720px)}.login-shell{padding:0 18px max(18px, env(safe-area-inset-bottom))}.login-card{width:min(100%,354px);margin-top:clamp(280px,42vh,410px)}.login-field{border-radius:20px;min-height:58px}.icon-rail{top:auto;left:50%;bottom:max(126px, calc(env(safe-area-inset-bottom) + 112px));border-radius:21px;flex-direction:row;justify-content:center;width:min(300px,100vw - 34px);min-height:54px;transform:translate(-50%)}.rail-logout{margin-top:0;margin-left:auto}.player-card{bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:10px;width:calc(100vw - 28px);min-height:96px;padding:14px 16px}.transport{grid-area:1/2/span 2}.volume-control{grid-area:2/1;justify-self:stretch;width:100%}.drawer{top:12px;left:12px;right:12px;bottom:max(190px, calc(env(safe-area-inset-bottom) + 176px));border-radius:25px;width:auto}.library-modal{top:12px;right:12px;bottom:max(190px, calc(env(safe-area-inset-bottom) + 176px));border-radius:25px;width:auto;height:auto;padding:11px;left:12px;transform:none}@keyframes library-in{0%{opacity:0;transform:translateY(-7px)scale(.99)}}.library-toolbar{gap:4px;min-height:45px}.library-search{border-radius:14px;height:40px;padding:0 10px}.filter-tray{max-height:220px}.filter-lower-grid{grid-template-columns:1fr}.library-track-row{min-height:55px;padding-left:10px}.library-track-title{font-size:13px}.playlist-popover{width:min(260px,100vw - 58px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}