@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#f3f7fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#08080b;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #90c3ff}button:disabled{cursor:not-allowed;opacity:.5}.app{background:#08080b;grid-template-rows:minmax(0,1fr) 88px;grid-template-columns:250px minmax(0,1fr) 290px;gap:8px;height:100dvh;padding:8px;display:grid}.sidebar,main,.now{background:#121216;border:1px solid #212529;border-radius:12px;min-height:0}.sidebar{flex-direction:column;padding:24px 12px;display:flex;overflow:auto}.logo{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:6px;margin:0 10px 35px;font-size:21px;font-weight:800;display:flex}.logo span{background:linear-gradient(140deg,#73adf6,#387bca);border-radius:11px;place-items:center;width:38px;height:38px;margin-right:6px;display:grid}.logo em{color:#9dbfe8;font-style:normal;font-weight:500}.sidebar nav{border-bottom:1px solid #25292e;gap:5px;padding-bottom:24px;display:grid}.sidebar nav button,.side-item{color:#79a5dc;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:16px;width:100%;display:flex}.sidebar nav button{height:45px;padding:0 13px;font-size:14px;font-weight:700}.sidebar nav button svg{width:21px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#23282e}.sidebar nav button.active svg{color:#81b2f0}.side-heading{color:#548cd1;letter-spacing:1.6px;justify-content:space-between;align-items:center;margin:24px 12px 12px;font-size:10px;font-weight:800;display:flex}.side-heading button,.now button,.playing-track button,.dialog-heading button{color:#76a2db;background:0 0;border:0;padding:4px}.side-item{color:#eee;gap:11px;padding:7px;font-size:13px;font-weight:700}.side-item:hover{background:#212529}.side-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-item small{color:#437fcd;text-overflow:ellipsis;margin-top:4px;font-weight:500;display:block;overflow:hidden}.side-art,.heart-art{border-radius:5px;place-items:center;width:44px;min-width:44px;height:44px;display:grid}.heart-art,.favorites{background:linear-gradient(135deg,#3279cd,#78acef 65%,#bcd4f2)!important}.side-footer{color:#295999;letter-spacing:1px;margin:auto 10px 0;padding-top:20px;font-size:9px;font-weight:800}.app main{background:linear-gradient(#202934,#15191d 310px,#121216 650px);overflow:auto}header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#15191edc;align-items:center;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.header-spacer{flex:1}.add-top{color:#fff;background:#252c36;border:1px solid #26538e;border-radius:24px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.add-top:hover{background:#344254}.avatar{background:#397bcb;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:17px;font-size:13px;font-weight:800;display:grid}.mobile-logo{display:none}.content{padding:24px 31px 105px}.hero{background:radial-gradient(circle at 75%,#2d64a8,#243953 35%,#1b2430 75%);border-radius:13px;min-height:298px;padding:31px 38px;position:relative;overflow:hidden}.eyebrow{letter-spacing:2.3px;color:#b9d7fc;font-size:10px;font-weight:800}.hero h1{letter-spacing:-3px;z-index:1;margin:16px 0 12px;font-size:clamp(40px,5vw,62px);line-height:1.03;position:relative}.hero p{color:#b9cfec;z-index:1;max-width:330px;font-size:13px;line-height:1.5;position:relative}.hero button,.empty button,.save{color:#121923;z-index:1;background:#7cb0f1;border:0;border-radius:25px;align-items:center;gap:8px;padding:12px 19px;font-weight:800;display:inline-flex;position:relative}.hero button:hover,.empty button:hover,.save:hover{background:#9dc4f6}.hero-disc{color:#9ac7ff77;background:repeating-radial-gradient(circle,#0b121b 0,#19283b 4px,#0b121b 8px);border-radius:50%;place-items:center;width:265px;height:265px;display:grid;position:absolute;top:8%;right:5%;transform:rotate(-18deg);box-shadow:-30px 20px 65px #0c1621aa}.section-head{justify-content:space-between;align-items:center;margin:29px 0 17px;display:flex}.section-head h2{letter-spacing:-.6px;margin:0;font-size:20px}.section-head span{color:#558cd2;font-size:12px}.section-head button{color:#9ac7ff;background:0 0;border:0;align-items:center;gap:5px;font-weight:700;display:flex}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;display:grid}.card{text-align:left;color:#fff;background:#1a1e23;border:1px solid #252a30;border-radius:10px;min-width:0;padding:12px;transition:background .2s,transform .2s}.card:hover{background:#262c34;transform:translateY(-3px)}.card-art{aspect-ratio:1;border-radius:7px;place-items:center;width:100%;margin-bottom:12px;display:grid;box-shadow:0 8px 20px #0005}.card b,.card small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.card b{font-size:14px}.card small{color:#6c9ad8;margin-top:4px;font-size:12px}.art{color:#c4deff;background:#303f51 50%/cover;flex:none;place-items:center;display:grid;overflow:hidden}.art:not([style*=background-image]){background-image:linear-gradient(145deg,#334e71,#1d2a39 55%,#306cb3)}.empty{text-align:center;color:#8db2e1;padding:47px 15px}.empty>div{color:#94c0f7;background:#26313f;border-radius:20px;place-items:center;width:75px;height:75px;margin:auto;display:grid}.empty h2{color:#fff;margin:18px 0 7px;font-size:19px}.empty p{margin:0 0 21px;font-size:13px}.empty button{font-size:12px}.track-list{width:100%}.track-heading,.track{grid-template-columns:34px minmax(140px,1.6fr) minmax(80px,1fr) 38px;align-items:center;gap:12px;display:grid}.track-heading{color:#6496d6;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #343a41;padding:10px 12px;font-size:10px}.track{color:#76a1db;border-radius:6px;min-height:60px;padding:7px 12px}.track:hover{background:#fff1}.track.selected,.track.selected .track-title b{color:#96c5ff}.track button{color:inherit;background:0 0;border:0}.number{text-align:center;font-size:13px}.track-title{text-align:left;align-items:center;gap:12px;min-width:0;display:flex}.track-title span:last-child{min-width:0}.track-title b,.track-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-title b{color:#eef4fb;font-size:13px}.track-title small{color:#4f85d0;margin-top:3px;font-size:11px}.track-album{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tiny{border-radius:5px;width:43px;height:43px}.tiny svg{width:23px}.page-head{margin:23px 0 28px}.page-head h1{letter-spacing:-1.8px;margin:11px 0 5px;font-size:39px}.page-head p{color:#83abde;font-size:14px}.search-field{color:#23272d;background:#e7eff9;border-radius:26px;align-items:center;gap:12px;max-width:510px;height:49px;padding:0 17px;display:flex}.search-field input{color:#21262d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.search-field button{color:#494f56;background:0 0;border:0}.album-hero{align-items:end;gap:25px;min-height:235px;padding:30px 10px;display:flex}.album-hero-art{border-radius:8px;place-items:center;width:185px;height:185px;display:grid;box-shadow:0 16px 30px #0006}.album-hero h1{letter-spacing:-2px;margin:8px 0;font-size:clamp(34px,5vw,60px)}.album-hero p{color:#a4c0e7;font-size:13px}.large-play{color:#10161e;background:#82b3f0;border:0;border-radius:50%;place-items:center;width:52px;height:52px;margin:10px 0 25px;display:grid}.now{padding:20px;overflow:auto}.now h3{margin:1px 0 25px;font-size:13px}.now-art{aspect-ratio:1;border-radius:7px;width:100%}.now h2{margin:20px 0 4px;font-size:18px}.now p{color:#78a3db;margin:0;font-size:13px}.now>button{margin-top:15px}.now-box{color:#94c4ff;background:#212830;border-radius:9px;align-items:center;gap:14px;margin-top:30px;padding:16px;display:flex}.now-box span{color:#edf3fa;gap:3px;font-size:12px;display:grid}.now-box small{color:#75a0da}.now-empty{text-align:center;color:#719ed9;margin-top:80px}.now-empty>span{color:#91b9eb;background:#242d38;border-radius:50%;place-items:center;width:110px;height:110px;margin:auto;display:grid}.now-empty h2{color:#f0f5fb;margin:20px 0 8px;font-size:17px}.now-empty p{line-height:1.55}.player{background:#0c0e10;grid-column:1/-1;grid-template-columns:1fr minmax(280px,1.35fr) 1fr;align-items:center;padding:0 17px;display:grid}.playing-track{align-items:center;gap:12px;min-width:0;display:flex}.playing-art{background:#29323e;border-radius:5px;flex:none;place-items:center;width:50px;height:50px;display:grid}.playing-track>span:nth-child(2){min-width:0}.playing-track b,.playing-track small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playing-track b{font-size:12px}.playing-track small{color:#4f85d0;margin-top:3px;font-size:11px}.playing-track button{margin-left:8px}.player-main{justify-items:center;gap:8px;display:grid}.controls{align-items:center;gap:21px;display:flex}.controls button{color:#78a3db;background:0 0;border:0;place-items:center;padding:3px;display:grid}.controls button:hover,.controls .enabled{color:#88b8f3}.controls .control-play{color:#10151c;background:#eef3fa;border-radius:50%;width:31px;height:31px}.timeline{color:#4780ce;align-items:center;gap:12px;width:100%;font-size:10px;display:flex}.timeline input,.volume input{accent-color:#85b5f0;cursor:pointer;width:100%;height:4px}.volume{color:#77a2db;justify-self:end;align-items:center;gap:9px;width:140px;display:flex}.mobile-nav{display:none}.backdrop{z-index:20;background:#000b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:#191e24;border:1px solid #455161;border-radius:16px;width:min(520px,100%);padding:26px;box-shadow:0 20px 80px #0009}.dialog-heading{justify-content:space-between;align-items:start;display:flex}.dialog-heading h2{margin:8px 0;font-size:25px}.dialog>p{color:#7aa4dc;font-size:13px;line-height:1.5}.dropzone{color:#aad0ff;background:#212830;border:1px dashed #4c85d0;border-radius:10px;justify-items:center;gap:7px;width:100%;margin:18px 0;padding:24px;display:grid}.dropzone b{color:#fff;font-size:13px}.dropzone small{color:#7ba4dc;font-size:11px}.fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fields label,.cover-picker{color:#a4c0e7;gap:7px;font-size:12px;font-weight:700;display:grid}.fields input,.cover-picker input{color:#fff;background:#0e1114;border:1px solid #485260;border-radius:7px;width:100%;padding:11px}.cover-picker{margin:16px 0}.save{border-radius:8px;justify-content:center;width:100%}.mobile-logo{align-items:center;gap:8px;font-size:15px;font-weight:800}@media (width<=1100px){.app{grid-template-columns:240px minmax(0,1fr)}.now{display:none}}@media (width<=700px){.app{flex-direction:column;gap:0;height:100dvh;padding:0;display:flex}.sidebar{display:none}.app main{border:0;border-radius:0;flex:1}header{height:58px;padding:0 18px}.mobile-logo{display:flex}.add-top{padding:9px;font-size:0}.add-top svg{width:19px;height:19px}.avatar{margin-left:9px}.content{padding:12px 17px 150px}.hero{min-height:270px;padding:30px 24px}.hero h1{font-size:42px}.hero-disc{opacity:.45;top:65px;right:-115px}.section-head{margin-top:27px}.section-head h2{font-size:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:9px}.track-heading,.track{grid-template-columns:24px minmax(0,1fr) 30px;gap:7px}.track-heading span:nth-child(3),.track-album{display:none}.album-hero{gap:15px;min-height:190px}.album-hero-art{width:112px;height:112px}.album-hero h1{font-size:33px}.player{z-index:5;background:#222e3d;border:1px solid #26538d;border-radius:9px;justify-content:space-between;height:65px;padding:7px 12px;display:flex;position:fixed;bottom:65px;left:8px;right:8px}.playing-art{width:46px;height:46px}.playing-track{flex:1;min-width:0}.playing-track>span:nth-child(2){max-width:50vw}.player-main{display:block}.controls{gap:0}.controls button:not(.control-play){display:none}.controls .control-play{color:#fff;background:0 0}.timeline,.volume{display:none}.mobile-nav{height:65px;padding-bottom:env(safe-area-inset-bottom);background:#101215;flex:none;justify-content:space-around;align-items:center;display:flex}.mobile-nav button{color:#558bd2;background:0 0;border:0;justify-items:center;gap:3px;min-width:72px;font-size:10px;font-weight:700;display:grid}.mobile-nav button.active{color:#93bef4}.now{display:none}}@media (width<=400px){.hero h1{font-size:36px}.fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.logo img{object-fit:contain;flex:none;width:42px;height:42px;margin-right:5px;display:block}.mobile-logo img{object-fit:contain;flex:none;width:27px;height:27px;display:block}.server-field{color:#a4c0e7;gap:8px;margin:22px 0;font-size:12px;font-weight:700;display:grid}.server-field input{color:#fff;background:#0e1114;border:1px solid #485260;border-radius:7px;width:100%;padding:13px;font-size:14px}.server-error{color:#ffadad!important}.server-admin{color:#93b5e2;gap:8px;margin-top:24px;font-size:12px;display:grid}.server-admin code{overflow-wrap:anywhere;color:#d2e6ff}.server-admin button{color:#fff;background:#252c36;border:1px solid #26538e;border-radius:7px;width:max-content;padding:8px 12px}.settings-top{color:#a9c9e8;background:0 0;border:0;place-items:center;margin-left:12px;display:grid}.avatar{color:#fff;cursor:pointer;border:0}.auth-loading{color:#a8d4ff;background:#080f1d;place-items:center;min-height:100dvh;display:grid}.upload-field{color:#d8e8f8;gap:8px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.upload-field input{color:#fff;background:#0c1a2a;border:1px solid #365674;border-radius:7px;width:100%;padding:11px}.now-open,.playing-open,.playing-name{color:inherit;text-align:left;background:0 0;border:0;padding:0}.now-open{width:100%;display:block}.now-open .now-art{width:100%}.playing-open{flex:none}.playing-name{min-width:0}.playing-name b,.playing-name small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.playing-name b{font-size:12px}.playing-name small{color:#9bbbd9;margin-top:3px;font-size:11px}.volume button{color:#88bfff;background:0 0;border:0;place-items:center;padding:0;display:grid}.full-now{z-index:30;color:#fff;background:#071523;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.full-backdrop{filter:blur(40px);opacity:.28;background-position:50%;background-size:cover;position:absolute;inset:-10%}.full-media{place-items:center;display:grid;position:absolute;inset:0}.full-media:after{content:"";pointer-events:none;background:linear-gradient(#06111c66 0%,#06111c08 35%,#06111ccc 72%,#06111cf7 100%);position:absolute;inset:0}.full-media video,.full-art{object-fit:cover;width:100%;height:100%}.full-art{background-position:50%;border-radius:0;place-items:center;display:grid}.full-art svg{width:120px;height:120px}.full-top,.full-bottom{z-index:2;width:min(100%,650px);margin-left:auto;margin-right:auto;position:relative}.full-top{padding:calc(24px + env(safe-area-inset-top)) 24px 10px;justify-content:space-between;align-items:center;display:flex}.full-top span{text-align:center;letter-spacing:1.4px;font-size:10px;font-weight:800}.full-top b{letter-spacing:0;margin-top:4px;font-size:13px;display:block}.full-top button,.full-title button,.full-controls button,.full-actions button{color:inherit;background:0 0;border:0}.full-bottom{padding:20px 24px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#071523cc 30%,#071523 100%);margin-top:auto}.full-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.full-title h2{letter-spacing:-.6px;margin:0 0 4px;font-size:25px}.full-title p{color:#bfcbda;margin:0;font-size:14px}.full-title button{color:#8ac4ff}.full-timeline{margin-top:26px}.full-timeline input{accent-color:#fff;cursor:pointer;width:100%;display:block}.full-timeline div{color:#c2d1df;justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.full-controls{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.full-controls button{color:#e8f3ff;place-items:center;padding:6px;display:grid}.full-controls .enabled{color:#75bcff}.full-controls .full-play{color:#071523;background:#fff;border-radius:50%;width:72px;height:72px}.full-actions{justify-content:space-between;margin-top:27px;display:flex}.full-actions button{color:#d1e4f6;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.handoff-message{color:#c7e3ff;background:#183959;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-size:12px}.devices-dialog{max-height:85dvh;overflow:auto}.device-row{text-align:left;color:#ecf6ff;background:#10263e;border:1px solid #36516c;border-radius:9px;align-items:center;gap:14px;width:100%;margin-top:10px;padding:14px;display:flex}.device-row>span{gap:3px;font-size:13px;font-weight:700;display:grid}.device-row small{color:#96b9d9;font-size:11px;font-weight:500}@media (width<=700px){.content{padding-bottom:220px}.player{grid-template-rows:55px 28px;grid-template-columns:1fr auto;height:102px;padding:6px 12px 8px;display:grid;bottom:65px}.playing-track{grid-area:1/1/auto/-1;padding-right:45px}.player-main{grid-area:2/1/auto/-1;width:100%}.controls{position:absolute;top:16px;right:12px}.timeline{gap:8px;width:100%;display:flex}.timeline input{height:14px}.timeline span{min-width:27px;font-size:10px}.full-now{height:100dvh}.full-top{padding-top:calc(17px + env(safe-area-inset-top));padding-left:17px;padding-right:17px}.full-bottom{padding:18px 24px calc(25px + env(safe-area-inset-bottom))}.full-media{inset:0}.full-title h2{font-size:23px}.full-controls{margin-top:20px}.full-actions{margin-top:28px}}.upload-field textarea{color:#fff;resize:vertical;width:100%;font:inherit;background:#0c1a2a;border:1px solid #365674;border-radius:7px;padding:11px}.full-actions button{justify-content:center}.lyrics-card{color:#fff;text-align:left;background:#174e78;border:0;border-radius:13px;justify-content:space-between;width:100%;margin-top:22px;padding:20px;font-weight:800;display:flex}.lyrics-body{white-space:pre-wrap;color:#e9f4ff;background:#174e78;border-radius:0 0 13px 13px;padding:0 20px 22px;font-size:14px;line-height:1.6}.queue-dialog{max-height:85dvh;overflow:auto}.queue-track.active,.queue-track:hover{background:#193957}.queue-track span:last-child{gap:4px;display:grid}.full-now{overflow-y:auto}.full-media{pointer-events:none;position:fixed}.full-bottom{margin-top:auto}@media (width<=700px){.full-bottom{padding-bottom:calc(25px + env(safe-area-inset-bottom))}.lyrics-card{margin-top:24px}}.remote-badge{color:#7ab4ff;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:240px;margin-right:6px;font-size:12px;font-weight:700;overflow:hidden}.player .volume{width:auto;min-width:140px;max-width:100%}.player .volume input[type=range]{flex:0 90px;width:90px;min-width:50px}.app{overflow:hidden}.remote-on{color:#7ab4ff!important}.remote-line{color:#7ab4ff;justify-content:center;align-items:center;gap:7px;display:flex}@media (width<=760px){.remote-badge{display:none}}.offline-top{color:#a8c8f5;background:#1b2330;border:1px solid #3a4a63;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.offline-top:hover{background:#243044}.offline-pill{color:#f3c77a;align-items:center;gap:6px;margin-right:6px;font-size:12px;font-weight:700;display:inline-flex}.offline-dialog p{margin:10px 0}.offline-progress{background:#27303d;border-radius:99px;height:6px;margin:12px 0 4px;overflow:hidden}.offline-progress span{background:#7ab4ff;height:100%;transition:width .3s;display:block}.offline-toggle{color:#dbe6f5;align-items:center;gap:10px;margin:14px 0;font-size:14px;display:flex}.offline-toggle input{accent-color:#6ea8f5;width:18px;height:18px}.offline-clear{color:#f0a0a0;background:0 0;border:1px solid #4a3b3b;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;padding:11px;font-size:13px;display:flex}.offline-clear:disabled{opacity:.4}.offline-note{color:#8aa0bf;font-size:12px}.track-heading,.track{grid-template-columns:34px minmax(140px,1.6fr) minmax(80px,1fr) auto}.track-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.track-actions button{color:inherit;background:0 0;border:0;place-items:center;padding:6px;display:grid}.track-actions .share{opacity:.75}.track-actions .share:hover{opacity:1;color:#bcd8ff}@media (width<=700px){.track-heading,.track{grid-template-columns:24px minmax(0,1fr) auto}}.share-dialog .share-track{align-items:center;gap:12px;margin:12px 0;display:flex}.share-dialog .share-track span:last-child{min-width:0;display:grid}.share-dialog .share-track b,.share-dialog .share-track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-dialog .share-track small{color:#7aa3dc;font-size:12px}.share-link{color:#cfe2ff;box-sizing:border-box;background:#0e1114;border:1px solid #3a4a63;border-radius:9px;width:100%;margin-bottom:10px;padding:11px 12px;font-size:12px}.share-apps{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.share-apps a,.share-apps button{color:#cfe2ff;cursor:pointer;background:#1b2330;border:1px solid #3a4a63;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:120px;padding:11px;font-size:13px;text-decoration:none;display:inline-flex}.share-apps a:hover,.share-apps button:hover{background:#243044}.album-add{color:#bcd8ff;background:#1c2b42;border:1px solid #3a5f95;border-radius:999px;align-items:center;gap:7px;margin:0 0 14px 14px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.album-add:hover{background:#243a58}.download-top{color:#bcd8ff;background:#1c2b42;border:1px solid #3a5f95;border-radius:999px;align-items:center;gap:6px;margin-right:8px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.download-top:hover{background:#243a58}.download-dialog{max-width:560px}.download-dialog p{margin:10px 0}.download-card{background:#141a23;border:1px solid #2f3a4b;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:10px;padding:14px;display:grid}.download-card.recommended{background:#16233a;border-color:#4a86d8}.download-icon{color:#8fc0ff;background:#1f2c40;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.download-info{gap:3px;min-width:0;display:grid}.download-info b{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.download-info b em{color:#7ab4ff;border:1px solid #3a6aa8;border-radius:99px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700}.download-info small{color:#86a6d4;font-size:12px}.download-info ol{color:#9db6d8;margin:6px 0 0;padding-left:18px;font-size:12px;line-height:1.5}.download-button{color:#08121f;white-space:nowrap;background:#6ea8f5;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.download-button span{align-items:center;gap:6px;display:inline-flex}.download-button small{opacity:.8;font-size:10px;font-weight:700}.download-button:hover{background:#8ebcf8}.download-soon{color:#86a6d4;font-size:12px}@media (width<=600px){.download-card{grid-template-columns:auto 1fr}.download-button,.download-soon{grid-column:1/-1;justify-content:center}.download-top{padding:7px 10px}}@media (width>=900px){.full-now{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);padding:0 clamp(32px,6vw,120px) 28px;display:grid;overflow:hidden}.full-backdrop{opacity:.5;filter:blur(70px)saturate(1.2)}.full-top{grid-area:1/1/auto/-1;width:100%;max-width:none;margin:0;padding:24px 0 8px}.full-media{pointer-events:auto;aspect-ratio:1;border-radius:20px;grid-area:2/1;place-self:center end;width:min(100%,62vh,560px);position:relative;inset:auto;overflow:hidden;box-shadow:0 30px 90px #000b}.full-media:after{display:none}.full-media video,.full-art{border-radius:20px}.full-bottom{background:0 0;grid-area:2/2;place-self:center start;width:100%;max-width:540px;max-height:100%;margin:0;padding:0;overflow-y:auto}.full-title h2{font-size:30px}.full-actions button{justify-content:flex-start}}.now-video{aspect-ratio:1;object-fit:cover;cursor:pointer;background:#000;border-radius:12px;width:100%;display:block}.now-video-toggle{color:#a8c8f5;background:#1b2330;border:1px solid #3a4a63;border-radius:999px;margin:10px 0 0;padding:6px 12px;font-size:11px;font-weight:700}.now-video-toggle:hover{background:#243044}.now-lyrics{background:#10192a;border-radius:12px;margin-top:16px;padding:14px}.now-lyrics h4{color:#bcd8ff;margin:0 0 8px;font-size:13px}.now-lyrics p{color:#dbe6f5;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}@media (width>=900px){.full-bottom{overflow-x:hidden}.full-bottom .lyrics-card{box-sizing:border-box;width:100%}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.track-actions .dl{opacity:.75}.track-actions .dl:hover{opacity:1;color:#bcd8ff}.track-actions .dl.done,.track-actions .dl.busy{opacity:1}.track-actions .dl.done,.now .dl.done,.album-dl.done,.now .dl.done{color:#5ad18a}.album-dl{color:#bcd8ff;background:#1c2b42;border:1px solid #3a5f95;border-radius:999px;align-items:center;gap:7px;margin:0 0 14px 14px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.album-dl:hover{background:#243a58}.album-dl.done{background:#17291f;border-color:#2f7a52}.album-dl:disabled{opacity:.8}.offline-progress .indeterminate{width:35%;animation:1.2s ease-in-out infinite slide}@keyframes slide{0%{margin-left:-35%}to{margin-left:100%}}.toast{z-index:80;color:#e6f0ff;text-align:center;background:#1d2a3f;border:1px solid #3a5f95;border-radius:12px;max-width:min(92vw,460px);padding:12px 18px;font-size:13px;font-weight:600;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #000a}@media (width<=700px){.toast{bottom:150px}}.avatar{overflow:hidden;padding:0!important}.avatar-face{color:#fff;background:#3b78cc;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.avatar-face img{object-fit:cover;width:100%;height:100%;display:block}.profile-menu-wrap{position:relative}.menu-backdrop{z-index:40;position:fixed;inset:0}.profile-menu{z-index:41;background:#1b2330;border:1px solid #33435c;border-radius:12px;min-width:230px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #000b}.profile-menu-head{border-bottom:1px solid #2c3a50;gap:2px;margin-bottom:6px;padding:10px 12px 12px;display:grid}.profile-menu-head b{color:#fff;font-size:14px}.profile-menu-head small{color:#7f9fcf;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-menu button{color:#d9e6fa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.profile-menu button:hover{background:#26344a}.track-actions .addpl,.track-actions .rmpl{opacity:.75}.track-actions .addpl:hover,.track-actions .rmpl:hover{opacity:1;color:#bcd8ff}.track-actions .rmpl:hover{color:#f0a0a0}.side-empty{color:#6f8cb8;margin:4px 14px 8px;font-size:11px;line-height:1.5}.side-item.current{background:#1a2638}.playlist-art{color:#a8c8f5;background:linear-gradient(135deg,#2b4a7a,#162338);place-items:center;display:grid}.card-art.new-playlist{color:#8fc0ff;background:#162338;border:1px dashed #3a5f95;place-items:center;display:grid}.playlist-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 18px;display:flex}.playlist-actions .large-play,.playlist-actions .album-add,.playlist-actions .album-dl{margin:0}.album-add.danger{color:#f0a8a8;background:#2a1a1a;border-color:#6a3a3a}.album-add.danger:hover{background:#3a2020}.playlist-dialog textarea{box-sizing:border-box;color:#e6f0ff;width:100%;font:inherit;resize:vertical;background:#0e1114;border:1px solid #3a4a63;border-radius:9px;padding:11px 12px;font-size:13px}.playlist-new{gap:8px;margin:12px 0;display:flex}.playlist-new input{color:#e6f0ff;background:#0e1114;border:1px solid #3a4a63;border-radius:9px;flex:1;min-width:0;padding:11px 12px;font-size:13px}.playlist-new button{color:#08121f;cursor:pointer;background:#6ea8f5;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.playlist-new button:disabled{opacity:.45}.playlist-pick{gap:6px;max-height:min(46vh,360px);display:grid;overflow-y:auto}.playlist-pick button{color:#dbe6f5;text-align:left;cursor:pointer;background:#141a23;border:1px solid #2f3a4b;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.playlist-pick button:hover{background:#1a2432}.playlist-pick button.has{background:#17291f;border-color:#2f7a52}.playlist-pick button span:nth-child(2){flex:1;min-width:0;display:grid}.playlist-pick small{color:#86a6d4;font-size:11px}.playlist-pick-icon{color:#8fc0ff;background:#1f2c40;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.playlist-check{color:#5ad18a}.profile-dialog{max-width:560px;max-height:92vh;overflow-y:auto}.profile-section{border-top:1px solid #2c3a50;gap:10px;padding:16px 0;display:grid}.profile-section h3{color:#cfe2ff;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.profile-section label{color:#9db6d8;gap:6px;font-size:12px;display:grid}.profile-section input:not([type=checkbox]){box-sizing:border-box;color:#e6f0ff;background:#0e1114;border:1px solid #3a4a63;border-radius:9px;width:100%;padding:11px 12px;font-size:13px}.profile-section input:focus{border-color:#6ea8f5;outline:none}.profile-section p{color:#a9bfdc;margin:0;font-size:13px}.profile-photo{border-top:0;grid-template-columns:auto 1fr;align-items:center;gap:16px}.profile-photo .profile-notice{grid-column:1/-1}.profile-photo-actions{gap:4px;display:grid}.profile-photo-actions b{color:#fff;font-size:14px}.profile-photo-actions small{color:#86a6d4;font-size:12px}.profile-photo-actions div{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.profile-secondary{color:#cfe2ff;cursor:pointer;background:#1b2330;border:1px solid #3a4a63;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex}.profile-secondary:hover{background:#243044}.profile-secondary.wide{width:100%;padding:11px}.profile-notice{border-radius:8px;padding:9px 12px;margin:0!important;font-size:12px!important}.profile-notice.ok{background:#17291f;color:#7fe0a6!important}.profile-notice.error{background:#2a1a1a;color:#f0a8a8!important}.profile-section.danger h3{color:#f0a8a8}.profile-danger{color:#f4b0b0;cursor:pointer;background:#2a1a1a;border:1px solid #7a3a3a;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:11px 14px;font-size:13px;font-weight:800;display:inline-flex}.profile-danger:hover:not(:disabled){background:#3d2020}.profile-danger:disabled{opacity:.4;cursor:not-allowed}.profile-check{align-items:flex-start;gap:8px;line-height:1.5;display:flex!important}.profile-check input{margin-top:2px}.profile-row{flex-wrap:wrap;gap:8px;display:flex}.profile-section form{gap:10px;display:grid}.track-actions .more{opacity:.8}.track-actions .more:hover{opacity:1;color:#bcd8ff}.row-menu{z-index:60;background:#1b2330;border:1px solid #33435c;border-radius:12px;width:224px;padding:6px;position:fixed;box-shadow:0 18px 50px #000b}.row-menu button{color:#d9e6fa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13px;display:flex}.row-menu button:hover{background:#26344a}.queue-dialog{max-width:520px;max-height:86vh;overflow-y:auto}.queue-title{letter-spacing:.8px;text-transform:uppercase;color:#7ab4ff;margin:18px 0 8px;font-size:12px}.queue-head{justify-content:space-between;align-items:center;display:flex}.queue-head button{color:#8fc0ff;background:0 0;border:0;margin-top:10px;font-size:12px;font-weight:700}.queue-track{color:#dbe6f5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.queue-track:hover:not(.static){background:#1a2432}.queue-track.active{color:#8fc0ff;background:#16253d}.queue-track span:nth-child(2){flex:1;min-width:0;display:grid}.queue-track b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.queue-track small{color:#86a6d4;font-size:12px}.queue-row{align-items:center;gap:4px;display:flex}.queue-row .queue-track{flex:1;min-width:0}.queue-tools{flex:none;gap:2px;display:flex}.queue-tools button{color:#a0bee6;background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;display:grid}.queue-tools button:hover:not(:disabled){color:#fff;background:#26344a}.queue-tools button:disabled{opacity:.25}.queue-empty{color:#86a6d4;margin:6px 8px;font-size:13px;line-height:1.5}.queue-btn{position:relative}.queue-badge{color:#08121f;background:#6ea8f5;border-radius:99px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-6px;right:-8px}.device-rename-link{color:#8fc0ff;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin:2px 0 8px 6px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.device-rename-link:hover{background:#ffffff0d}.device-rename{flex-wrap:wrap;gap:8px;margin:4px 0 12px;display:flex}.device-rename input{color:#e6f0ff;background:#0e1114;border:1px solid #3a4a63;border-radius:9px;flex:100%;padding:11px 12px;font-size:13px}.device-rename button{color:#cfe2ff;background:#1b2330;border:1px solid #3a4a63;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:700}.device-rename button.save{color:#08121f;background:#6ea8f5;border:0}@media (width<=700px){.mobile-nav{height:calc(65px + env(safe-area-inset-bottom))}.player{bottom:calc(65px + env(safe-area-inset-bottom))}}.download-card.ios .download-info ol{gap:5px;display:grid}.inline-icon{vertical-align:-2px;color:#8fc0ff;display:inline-block}.download-info ol b{font-size:inherit;color:#dbe8fb;font-weight:700;display:inline}.account-page{color:#f7fbff;background:#080f1d;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.account-art{background:radial-gradient(circle at 65%,#1e5086,#102a4e 55%,#0b1b34);flex-direction:column;align-items:flex-start;padding:clamp(36px,6vw,110px);display:flex;position:relative;overflow:hidden}.account-art img{object-fit:contain;width:64px;height:64px}.account-art span{letter-spacing:2.5px;color:#9dd7ff;margin-top:20px;font-size:11px;font-weight:800}.account-art h1{letter-spacing:-3px;max-width:600px;margin:55px 0 18px;font-size:clamp(42px,5vw,76px);line-height:1.04}.account-art p{color:#bbd4e9;max-width:380px;line-height:1.6}.account-art>svg{color:#70b7ff44;position:absolute;bottom:5%;right:8%}.account-panel{place-items:center;padding:35px;display:grid}.account-panel form{width:min(410px,100%)}.account-logo{object-fit:contain;width:54px;height:54px;margin-bottom:16px;display:block}.account-kicker{color:#78beff;letter-spacing:2px;font-size:10px;font-weight:800}.account-panel h2{letter-spacing:-1px;margin:10px 0 5px;font-size:34px}.account-panel p{color:#aebed0;margin-bottom:25px;font-size:13px;line-height:1.5}.account-panel label{color:#dbe9f8;gap:8px;margin-top:15px;font-size:12px;font-weight:700;display:grid}.account-panel input{color:#fff;background:#111d30;border:1px solid #31445d;border-radius:8px;outline:none;width:100%;padding:13px;font-size:14px}.account-panel input:focus{border-color:#74b9ff}.account-submit{color:#061322;background:#69b8ff;border:0;border-radius:8px;width:100%;margin-top:23px;padding:13px;font-weight:800;display:block}.account-switch{color:#87c5ff;background:0 0;border:0;margin:15px auto;font-size:13px;font-weight:700;display:block}.account-error{color:#ffb8b8;margin-top:15px;font-size:12px}.account-server{border-top:1px solid #263d58;margin-top:32px;padding-top:15px}.account-server button{color:#fff;background:#17375a;border:1px solid #4471a2;border-radius:7px;margin-top:10px;padding:8px 12px}.account-admin{text-align:center;color:#8aa6c2;margin-top:30px;font-size:12px;display:block}@media (width<=800px){.account-page{display:block}.account-art{background:#0d2340;padding:25px 20px}.account-art img{width:40px;height:40px}.account-art span,.account-art h1,.account-art p,.account-art>svg{display:none}.account-panel{padding:28px 20px}.account-logo{display:none}}.account-download{color:#bcd8ff;cursor:pointer;background:#1c2b42;border:1px solid #3a5f95;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:11px;font-size:13px;font-weight:700;display:flex}.account-download:hover{background:#243a58}.sd{flex-direction:column;max-width:480px;max-height:94vh;display:flex;overflow:hidden;padding:0!important}.sd-hero{isolation:isolate;padding:22px 20px 20px;position:relative;overflow:hidden}.sd-hero-bg{filter:blur(36px)saturate(1.5);opacity:.75;z-index:-2;background-color:#16304f;background-position:50%;background-size:cover;position:absolute;inset:-30%}.sd-hero:after{content:"";z-index:-1;background:linear-gradient(#0a1626aa,#121a27f2);position:absolute;inset:0}.sd-close{color:#cfe2ff;background:#0b1624aa;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.sd-close:hover{background:#1c2b42}.sd-hero-row{align-items:center;gap:16px;padding-right:34px;display:flex}.sd-cover{color:#8fc0ff;background-color:#1d3a5f;background-position:50%;background-size:cover;border-radius:14px;flex:none;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 14px 34px #0009}.sd-hero-text{gap:3px;min-width:0;display:grid}.sd-hero-text span{letter-spacing:1.6px;color:#8fc0ff;text-transform:uppercase;font-size:11px;font-weight:800}.sd-hero-text h2{letter-spacing:-.4px;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:22px;line-height:1.15;display:-webkit-box;overflow:hidden}.sd-hero-text small{color:#b9cde8;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.sd-body{grid-auto-rows:min-content;gap:14px;padding:16px 20px 20px;display:grid;overflow-y:auto}.sd-tabs{background:#0e1520;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sd-tabs button{color:#8da8cf;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:13px;font-weight:700;display:flex}.sd-tabs button.on{color:#fff;background:#223552}.sd-linkrow{gap:8px;display:flex}.sd-linkrow .share-link{color:#cfe2ff;background:#0d141e;border:1px solid #2d405c;border-radius:11px;flex:1;min-width:0;margin:0;padding:12px 13px;font-size:12px}.sd-linkrow button{color:#08121f;white-space:nowrap;background:#6ea8f5;border:0;border-radius:11px;align-items:center;gap:7px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex}.sd-linkrow button.done{background:#5ad18a}.sd-actions{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px;display:grid}.sd-actions a,.sd-actions button{color:#cfe2ff;background:0 0;border:0;border-radius:12px;justify-items:center;gap:7px;padding:6px 2px;font-size:12px;font-weight:600;text-decoration:none;display:grid}.sd-actions a:hover,.sd-actions button:hover{background:#ffffff0d}.sd-ic{color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.sd-ic.wa{background:#25a65a}.sd-ic.tg{background:#2e8bd0}.sd-ic.mail{background:#c4533d}.sd-ic.more{background:#3b4d6b}.sd-ic.qr{background:linear-gradient(135deg,#6ea8f5,#7a4fd6)}.sd-qr{background:#0d141e;border-radius:14px;flex:none;place-items:center;padding:10px 0;display:grid;position:relative}.sd-qr canvas{border-radius:14px;width:100%;max-width:300px;height:auto;margin:0 auto;display:block}.sd-qr-loading{color:#a8c8f5;background:#0d141ecc;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.sd-options{gap:12px;display:grid}.sd-chips{flex-wrap:wrap;gap:8px;display:flex}.sd-chips button{color:#a8c0e0;background:#0e1520;border:1px solid #2d405c;border-radius:99px;padding:8px 14px;font-size:12px;font-weight:700}.sd-chips button.on{color:#fff;background:#1a2c47;border-color:#6ea8f5}.sd-switch{color:#cfe2ff;cursor:pointer;align-items:center;gap:11px;font-size:13px;display:flex}.sd-switch input{opacity:0;pointer-events:none;position:absolute}.sd-switch span{background:#2d3b52;border-radius:99px;flex:none;width:42px;height:24px;transition:background .2s;position:relative}.sd-switch span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.sd-switch input:checked+span{background:#6ea8f5}.sd-switch input:checked+span:after{transform:translate(18px)}.sd-switch input:disabled+span{opacity:.4}.sd-switch input:focus-visible+span{outline-offset:3px;outline:2px solid #90c3ff}.sd-qr-actions{flex-wrap:wrap;gap:10px;display:flex}.sd-qr-actions>*{flex:1;min-width:150px}.sd-primary,.sd-secondary{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:14px;font-weight:800;display:inline-flex}.sd-primary{color:#08121f;background:#6ea8f5}.sd-primary:hover:not(:disabled){background:#8ebcf8}.sd-secondary{color:#cfe2ff;background:#1c2b42;border:1px solid #3a5f95}.sd-stop{color:#f0a8a8;background:0 0;border:1px solid #5a3a3a;border-radius:11px;padding:11px;font-size:13px;font-weight:700}.sd-stop:hover:not(:disabled){background:#2a1a1a}.sd-private{background:#10192a;border:1px solid #2d405c;border-radius:14px;padding:16px}.sd-private b{color:#fff;margin-bottom:6px;font-size:15px;display:block}.sd-private p{color:#a9bfdc;margin:0;font-size:13px;line-height:1.6}.sd-hint{color:#86a2cc;text-align:center;margin:0;font-size:12px;line-height:1.55}@media (width<=520px){.sd-cover{width:76px;height:76px}.sd-hero-text h2{font-size:19px}.sd-linkrow button span{display:none}}.sd-qr.story canvas{max-width:230px}.update-dock{z-index:85;width:min(420px,100vw - 24px);position:fixed;bottom:110px;right:18px}.update-block{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a12e6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.update-card{color:#e6f0ff;background:#162133;border:1px solid #3a5f95;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:12px 14px;padding:16px 16px 14px;display:grid;box-shadow:0 22px 60px #000c}.update-card.mandatory{border-color:#6ea8f5;width:100%;max-width:440px}.update-icon{color:#8fc0ff;background:#223552;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.update-text b{color:#fff;font-size:15px;display:block}.update-text p{color:#a9bfdc;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:5px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.update-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.update-actions:empty{display:none}.update-primary{color:#08121f;background:#6ea8f5;border:0;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:150px;padding:11px 16px;font-size:13px;font-weight:800;display:inline-flex}.update-primary:hover{background:#8ebcf8}.update-ghost{color:#a8c0e0;background:0 0;border:1px solid #33435c;border-radius:11px;align-items:center;gap:6px;padding:11px 14px;font-size:13px;font-weight:700;display:inline-flex}.update-ghost:hover{background:#ffffff0d}.update-bar{background:#27303d;border-radius:99px;height:6px;margin-top:9px;overflow:hidden}.update-bar span{background:#6ea8f5;height:100%;transition:width .25s;display:block}.update-bar .indeterminate{width:35%;animation:1.2s ease-in-out infinite slide}@media (width<=700px){.update-dock{width:auto;bottom:150px;left:12px;right:12px}}.admin-login,.admin-loading{background:radial-gradient(circle at 50% 0,#223042,#0c0f13 60%);place-items:center;min-height:100dvh;padding:30px;display:grid}.admin-loading{color:#a7c4e8}.admin-back{color:#87abdf;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex;position:absolute;top:27px;left:30px}.admin-login form{background:#181c22;border:1px solid #364353;border-radius:17px;width:min(420px,100%);padding:35px;box-shadow:0 25px 80px #0008}.admin-brand{letter-spacing:-.7px;align-items:center;gap:10px;margin-bottom:35px;font-size:20px;font-weight:800;display:flex}.admin-brand span{background:linear-gradient(135deg,#82b4f3,#3a7ccb);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.admin-kicker{color:#9bc2f2;letter-spacing:2px;font-size:10px;font-weight:800}.admin-login h1{margin:10px 0 5px;font-size:30px}.admin-login p,.admin-app p{color:#739fda;font-size:13px;line-height:1.5}.admin-login label,.admin-fields label{color:#bad0ed;gap:8px;margin-top:19px;font-size:12px;font-weight:700;display:grid}.admin-login input,.admin-fields input,.admin-edit input{color:#fff;background:#0e1114;border:1px solid #47505d;border-radius:8px;outline:none;width:100%;padding:12px}.admin-login input:focus,.admin-fields input:focus,.admin-edit input:focus{border-color:#88b6f0}.admin-login form>button,.admin-submit{color:#101721;background:#85b5f2;border:0;border-radius:8px;width:100%;margin-top:23px;padding:13px;font-weight:800}.admin-login form>button:hover,.admin-submit:hover{background:#a5c9f7}.admin-app{background:#101014;grid-template-columns:235px 1fr;min-height:100dvh;display:grid}.admin-app aside{background:#171a1d;border-right:1px solid #2a2f35;flex-direction:column;gap:8px;padding:25px 15px;display:flex}.admin-app aside .admin-brand{margin:0 10px 38px;font-size:19px}.admin-app aside a,.admin-app aside button,.admin-side-active{color:#7aa4dc;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:13px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.admin-side-active{color:#aad0ff;background:#242d38}.admin-app aside button{margin-top:auto}.admin-app aside a:hover,.admin-app aside button:hover{color:#fff;background:#22282f}.admin-app main{width:100%;max-width:1300px;margin:auto;padding:42px min(5vw,65px)}.admin-app header{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.admin-app header h1{margin:9px 0 2px;font-size:34px}.admin-app header p{margin:0}.admin-count{color:#9cbbe5;border:1px solid #404750;border-radius:20px;padding:8px 12px;font-size:12px}.admin-card{background:#191c20;border:1px solid #2c3239;border-radius:13px;margin-bottom:22px;padding:25px}.admin-card-head{align-items:center;gap:13px;margin-bottom:19px;display:flex}.admin-card-icon{color:#97c0f4;background:#253140;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.admin-card-head h2{margin:0;font-size:18px}.admin-card-head p{margin:3px 0 0}.admin-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.admin-fields label{margin:0}.admin-files{grid-template-columns:1.4fr 1fr;gap:14px;margin-top:20px;display:grid}.admin-file{color:#94bff6;cursor:pointer;text-align:center;background:#1e242b;border:1px dashed #2f66af;border-radius:9px;justify-items:center;gap:7px;padding:22px 15px;display:grid}.admin-file:hover{background:#232b36}.admin-file b{color:#fff;font-size:12px}.admin-file small{color:#729dd9;font-size:11px}.admin-file input{opacity:0;width:1px;height:1px;position:absolute}.admin-submit{width:auto;padding:12px 20px}.admin-message{color:#c6f1ca;background:#283729;border:1px solid #446049;border-radius:8px;justify-content:space-between;gap:10px;margin-bottom:17px;padding:12px 15px;font-size:13px;display:flex}.admin-message.error{color:#ffced7;background:#3b2228;border-color:#72414b}.admin-message button{color:inherit;background:0 0;border:0}.admin-tracks{display:grid}.admin-track{border-top:1px solid #2c3138;align-items:center;gap:13px;padding:10px 5px;display:flex}.admin-art{color:#b7d2f5;background:#34465d 50%/cover;border-radius:5px;flex:none;place-items:center;width:45px;height:45px;display:grid}.admin-track-info{flex:1;min-width:0}.admin-track-info b,.admin-track-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-track-info b{font-size:13px}.admin-track-info small{color:#6e99d9;margin-top:4px;font-size:11px}.admin-track>button,.admin-edit button{color:#a0bee6;background:#262b32;border:0;border-radius:6px;place-items:center;padding:8px;display:grid}.admin-track>button:hover,.admin-edit button:hover{color:#fff;background:#344050}.admin-edit{flex:1;grid-template-columns:2fr 1fr 1fr auto auto;gap:7px;display:grid}.admin-edit input{padding:8px;font-size:12px}.admin-edit button{font-size:11px}.admin-empty{color:#6394d5;justify-items:center;gap:8px;padding:35px;display:grid}.admin-empty b{color:#fff;font-size:14px}.admin-empty span{font-size:12px}@media (width<=750px){.admin-app{display:block}.admin-app aside{flex-direction:row;align-items:center;gap:5px;padding:12px}.admin-app aside .admin-brand{margin:0 auto 0 0;font-size:0}.admin-app aside .admin-brand span{width:35px;height:35px}.admin-side-active{display:none}.admin-app aside a,.admin-app aside button{margin:0;padding:8px;font-size:0}.admin-app main{padding:25px 15px}.admin-app header h1{font-size:26px}.admin-card{padding:18px}.admin-fields,.admin-files{grid-template-columns:1fr}.admin-edit{grid-template-columns:1fr 1fr}.admin-edit input:first-child{grid-column:1/-1}}.admin-brand img{object-fit:contain;flex:none;width:40px;height:40px;display:block}@media (width<=750px){.admin-app aside .admin-brand img{width:35px;height:35px}}.admin-files{grid-template-columns:1.4fr 1fr 1fr}.admin-lyrics{color:#a0bee6;gap:7px;margin-top:14px;font-size:12px;display:grid}.admin-lyrics textarea,.admin-edit textarea{color:#fff;width:100%;font:inherit;resize:vertical;background:#0e1114;border:1px solid #47505d;border-radius:8px;outline:none;padding:12px;font-size:12px}.admin-lyrics textarea:focus,.admin-edit textarea:focus{border-color:#88b6f0}.admin-track:has(.admin-edit){align-items:flex-start}.admin-edit{grid-template-columns:1fr;gap:10px;display:grid}.admin-edit-main{grid-template-columns:2fr 1fr 1fr;gap:7px;display:grid}.admin-edit-media{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-pick{color:#94bff6;cursor:pointer;background:#1e242b;border:1px dashed #2f66af;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:inline-flex;position:relative}.admin-pick:hover{background:#232b36}.admin-pick input{opacity:0;width:1px;height:1px;position:absolute}.admin-check{color:#a0bee6;align-items:center;gap:6px;font-size:11px;display:inline-flex}.admin-edit-actions{gap:8px;display:flex}.admin-edit-actions button{padding:9px 16px!important}@media (width<=760px){.admin-files,.admin-edit-main{grid-template-columns:1fr}}.admin-albums{gap:10px;display:grid}.admin-album{background:#15191e;border:1px solid #2c3138;border-radius:10px;overflow:hidden}.admin-album-head{align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-album-toggle{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:13px;padding:2px;display:flex}.admin-album-toggle:hover .admin-track-info b{color:#bcd8ff}.admin-album-head>button:not(.admin-album-toggle){color:#a0bee6;cursor:pointer;background:#262b32;border:0;border-radius:6px;place-items:center;padding:8px;display:grid}.admin-album-head>button:not(.admin-album-toggle):hover{color:#fff;background:#344050}.admin-chevron{color:#6e99d9;transition:transform .2s}.admin-chevron.open{transform:rotate(180deg)}.admin-album-edit{background:#12161b;border-top:1px solid #2c3138;gap:12px;padding:14px;display:grid}.admin-album-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-album-fields label{color:#a0bee6;gap:6px;font-size:12px;display:grid}.admin-album-fields input{color:#fff;background:#0e1114;border:1px solid #47505d;border-radius:8px;outline:none;padding:10px}.admin-album-fields input:focus{border-color:#88b6f0}.admin-hint{color:#7d9cc8;margin:0;font-size:12px}.admin-album-tracks{border-top:1px solid #2c3138;padding:0 10px 6px 24px}.admin-album-tracks .admin-track:first-child{border-top:0}@media (width<=760px){.admin-album-fields{grid-template-columns:1fr}.admin-album-tracks{padding-left:10px}}.admin-album-edit .admin-edit-actions button{color:#a0bee6;cursor:pointer;background:#262b32;border:0;border-radius:6px;padding:9px 16px;font-size:12px}.admin-album-edit .admin-edit-actions button:first-child{color:#fff;background:#2f66af}.admin-album-edit .admin-edit-actions button:hover{color:#fff;background:#344050}.admin-album-edit .admin-edit-actions button:first-child:hover{background:#3b78cc}.shared-page{color:#fff;background:#071523;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.shared-center{text-align:center;justify-content:center;align-items:center;padding:24px}.shared-backdrop{filter:blur(55px)saturate(1.3);opacity:.55;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:-12%}.shared-page:after{content:"";pointer-events:none;background:linear-gradient(#071523aa 0%,#071523d9 55%,#071523 100%);position:fixed;inset:0}.shared-top,.shared-main{z-index:1;position:relative}.shared-top{padding:calc(14px + env(safe-area-inset-top)) 18px 6px;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:960px;margin:0 auto;display:flex}.shared-brand{color:#fff;align-items:center;gap:9px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.shared-brand img{width:28px;height:28px}.shared-brand em{color:#7ab4ff;font-style:normal}.shared-chip{color:#bcd8ff;background:#1c2b4299;border:1px solid #3a5f95;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.shared-main{width:100%;max-width:440px;padding:18px 22px calc(34px + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;gap:18px;margin:0 auto;display:flex}.shared-cover{aspect-ratio:1;color:#7aa3dc;background-color:#16243a;background-position:50%;background-size:cover;border-radius:18px;place-items:center;width:min(78vw,380px);display:grid;box-shadow:0 26px 70px #000c}.shared-info{text-align:center;width:100%}.shared-info h1{letter-spacing:-.6px;overflow-wrap:anywhere;margin:6px 0 4px;font-size:clamp(22px,6.4vw,30px);line-height:1.15}.shared-info p{color:#c9d8ec;margin:0;font-size:16px}.shared-info small{color:#8aa6cf;margin-top:6px;font-size:12px;display:block}.shared-timeline{width:100%}.shared-timeline input{accent-color:#fff;width:100%;height:28px;margin:0;display:block}.shared-timeline div{color:#b7c9e0;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.shared-controls{justify-content:space-between;align-items:center;width:100%;max-width:340px;display:flex}.shared-play{color:#071523;background:#fff;border:0;border-radius:50%;place-items:center;width:78px;height:78px;display:grid}.shared-play:active{transform:scale(.96)}.shared-icon{color:#d9e8fb;background:0 0;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.shared-icon:hover{background:#ffffff14}.shared-icon.on{color:#7ab4ff}.shared-primary,.shared-secondary{border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;padding:15px 20px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.shared-primary{color:#071523;background:#fff;border:0}.shared-primary:active{transform:scale(.98)}.shared-secondary{color:#cfe2ff;background:#1c2b4299;border:1px solid #3a5f95;padding:12px 18px;font-size:14px}.shared-note{text-align:center;color:#a9bfdc;margin:0;font-size:13px;line-height:1.55}.shared-lyrics{background:#10192acc;border-radius:14px;width:100%;overflow:hidden}.shared-lyrics>button{color:#fff;background:0 0;border:0;justify-content:space-between;width:100%;padding:15px 16px;font-size:14px;font-weight:800;display:flex}.shared-lyrics>button span{color:#7ab4ff;font-weight:700}.shared-lyrics p{color:#dbe6f5;white-space:pre-wrap;margin:0;padding:0 16px 18px;font-size:15px;line-height:1.75}.shared-missing{color:#9db6d8;justify-items:center;gap:12px;max-width:340px;display:grid}.shared-missing h1{color:#fff;margin:0;font-size:24px}.shared-missing p{margin:0}.shared-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:70;color:#e6f0ff;text-align:center;background:#1d2a3f;border:1px solid #3a5f95;border-radius:12px;max-width:90vw;padding:11px 16px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%)}@media (width>=800px){.shared-main{max-width:520px;padding-top:30px}.shared-cover{width:min(48vh,420px)}}.shared-kind{letter-spacing:1.6px;color:#7ab4ff;font-size:11px;font-weight:800;display:block}.shared-tracks{gap:2px;width:100%;margin:0;padding:0;list-style:none;display:grid}.shared-tracks li button{color:#e6f0ff;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;width:100%;padding:11px 12px;display:flex}.shared-tracks li button:not(:disabled):hover{background:#ffffff12}.shared-tracks li.current button{color:#8fc0ff;background:#16253d}.shared-track-n{text-align:center;color:#8aa6cf;flex:none;place-items:center;width:22px;font-size:13px;display:grid}.shared-track-t{min-width:0;display:grid}.shared-track-t b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.shared-track-t small{color:#8aa6cf;font-size:12px}.shared-row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.shared-row .shared-secondary{flex:1;min-width:150px}.shared-link{color:#8fc0ff;background:0 0;border:0;align-items:center;gap:6px;padding:6px;font-size:13px;font-weight:700;display:inline-flex}