@font-face{font-family:Geist;src:url(/assets/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#08090b;--panel:#101216;--soft:#17191e;--line:#25282f;--muted:#858a96;--lime:#c6ff3d;--white:#f4f5f2}*{box-sizing:border-box}body{background:var(--bg);color:var(--white);margin:0;font-family:Geist,Arial,sans-serif}.access-screen{text-align:center;background:radial-gradient(circle at 50% 30%,#c6ff3d14,#0000 35%),#08090b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:30px;display:flex}.access-screen .brand-mark{width:54px;height:54px;font-size:24px}.access-screen h1{margin:8px 0 0;font-size:26px}.access-screen p{color:#868c96;margin:0;line-height:1.7}.access-screen b{color:var(--lime)}button,input{font:inherit}button{color:inherit;cursor:pointer}.app-shell{background:radial-gradient(circle at 62% -10%,#8e25ff1f,transparent 31%),var(--bg);min-height:100vh;padding-bottom:96px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090be6;grid-template-columns:260px 1fr 80px;align-items:center;height:72px;padding:0 24px;display:grid;position:sticky;top:0}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-size:19px;font-weight:700;display:flex}.brand b{color:var(--lime)}.brand-mark{background:var(--lime);color:#111;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:900;display:grid;transform:rotate(-4deg)}.search{width:100%;max-width:520px;height:40px;color:var(--muted);background:#15171b;border:1px solid #24272d;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search span{font-size:24px;line-height:0}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.search input::placeholder{color:#656a74}.avatar{background:linear-gradient(145deg,#4b45d7,#9d32f4);border:1px solid #383c45;border-radius:50%;justify-self:end;width:36px;height:36px;font-weight:700}.content-grid{grid-template-columns:235px minmax(0,1fr);max-width:1440px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);flex-direction:column;gap:26px;min-height:calc(100vh - 168px);padding:25px 16px;display:flex}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{text-align:left;color:#9297a1;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}.sidebar nav button span{width:27px;font-size:17px;display:inline-block}.sidebar nav button:hover,.sidebar nav .nav-active{color:#fff;background:#1a1d22}.side-label{color:#686d77;letter-spacing:1.7px;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px;font-weight:800;display:flex}.side-label button{color:#8b909a;background:0 0;border:0;font-size:19px}.side-playlists{flex-direction:column;gap:8px;display:flex}.side-playlists button,.bot-status{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:5px;display:flex}.side-playlists i{border-radius:7px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.side-playlists span,.bot-status span{font-size:12px;font-weight:650}.side-playlists small,.bot-status small{color:#6f747e;margin-top:3px;font-size:9px;font-weight:500;display:block}.bot-status{background:#14171b;border:1px solid #252a30;margin-top:auto;border-radius:12px!important;padding:10px!important}.bot-status>span:first-child{width:26px;height:26px;color:var(--lime);background:#c6ff3d21;border-radius:50%;place-items:center;display:grid}.main-content{width:100%;max-width:1120px;margin:0 auto;padding:38px 46px}.greeting{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.greeting p,.now-copy>p,.modal-title p{letter-spacing:2px;color:#777d88;font-size:9px;font-weight:800}.greeting h1{letter-spacing:-1.8px;margin:8px 0 0;font-size:38px;line-height:1.05}.greeting em{color:var(--lime);font-style:normal}.shuffle{background:var(--lime);color:#0b0c0e;border:0;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800}.library-actions{align-items:center;gap:9px;display:flex}.upload-track{color:#d8dce2;cursor:pointer;text-align:center;background:#171a20;border:1px solid #353a43;border-radius:10px;min-width:128px;padding:10px 15px;font-size:11px;font-weight:750;display:block}.upload-track input{display:none}.upload-error{color:#f1a3aa;background:#241719;border:1px solid #59383c;border-radius:10px;justify-content:space-between;width:100%;margin:-16px 0 25px;padding:11px 14px;font-size:11px;display:flex}.now-card{background:linear-gradient(100deg,#15171c,#0e1013);border:1px solid #262a31;border-radius:20px;grid-template-columns:165px 1fr 40px;gap:25px;min-height:205px;margin-bottom:35px;padding:18px;display:grid;box-shadow:0 22px 60px #00000040}.now-cover,.edit-cover{letter-spacing:-4px;border-radius:14px;place-items:center;font-size:31px;font-weight:900;display:grid;box-shadow:inset 0 0 35px #ffffff1f}.now-copy{padding-top:11px}.now-copy h2{letter-spacing:-.8px;margin:10px 0 4px;font-size:25px}.now-copy>span{color:#8c929d;font-size:12px}.heart,.mini-heart{color:var(--lime);background:0 0;border:0;font-size:22px}.now-seek{margin-top:31px}.time{color:#747985;justify-content:space-between;margin-top:3px;font-size:9px;display:flex}.section-head{border-bottom:1px solid #202329;justify-content:space-between;align-items:center;display:flex}.tabs{gap:22px;display:flex}.tabs button{color:#6f747e;background:0 0;border:0;padding:0 0 12px;font-size:13px;font-weight:700}.tabs button span{background:#21242a;border-radius:8px;margin-left:5px;padding:2px 6px;font-size:9px}.tabs button.active{color:#fff;border-bottom:2px solid var(--lime)}.sort{color:#747a85;background:0 0;border:0;font-size:10px}.track-list article{border-bottom:1px solid #191c21;border-radius:9px;grid-template-columns:32px 43px 1fr 35px 35px 45px 35px;align-items:center;gap:11px;height:64px;padding:5px 8px;display:grid}.track-list article:hover,.track-list article.selected{background:#121419}.track-play{color:var(--lime);background:0 0;border:0;font-size:10px}.mini-cover{letter-spacing:-1px;border-radius:7px;place-items:center;width:39px;height:39px;font-size:10px;font-weight:900;display:grid}.track-name strong{font-size:12px;display:block}.track-name span{color:#747a85;margin-top:4px;font-size:9px;display:block}.track-number,.duration{color:#656a74;font-size:9px}.mini-heart{font-size:15px}.more{color:#7f848e;letter-spacing:1px;background:0 0;border:0}.empty{text-align:center;color:#737985;padding:50px}.cover-violet{background:linear-gradient(145deg,#21113e,#8648ff)}.cover-red{background:linear-gradient(145deg,#24080f,#f04455)}.cover-blue{background:linear-gradient(145deg,#071e3a,#208bd5)}.cover-silver{background:linear-gradient(145deg,#16191c,#a8b1bc)}.cover-orange{background:linear-gradient(145deg,#361208,#e86425)}.cover-night{background:linear-gradient(145deg,#090a17,#3e439c)}.playlist-purple{background:linear-gradient(145deg,#371a6b,#a84ff5)}.playlist-blue{background:linear-gradient(145deg,#07263e,#1a9fe5)}.playlist-red{background:linear-gradient(145deg,#3e0a18,#f04462)}.playlist-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding-top:20px;display:grid}.playlist-grid article{background:#111318;border:1px solid #22252b;border-radius:14px;padding:12px}.playlist-grid article>div{aspect-ratio:1;border-radius:10px;place-items:center;font-size:42px;display:grid}.playlist-grid h3{margin:12px 0 4px;font-size:13px}.playlist-grid p{color:#737985;margin:0;font-size:9px}.new-playlist{color:#777d86;background:0 0;border:1px dashed #373b44;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.new-playlist span{font-size:28px}.player-bar{z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111317f5;border-top:1px solid #2b2e35;grid-template-columns:1fr 1.3fr 1fr;align-items:center;height:82px;padding:0 28px;display:grid;position:fixed;bottom:0;left:0;right:0}.playing-track{align-items:center;gap:11px;display:flex}.playing-track strong{font-size:11px;display:block}.playing-track div span{color:#747985;margin-top:3px;font-size:9px;display:block}.controls>div:first-child{justify-content:center;align-items:center;gap:20px;display:flex}.controls button,.volume button{color:#aaaeb5;background:0 0;border:0;font-size:12px}.controls .main-play{background:var(--white);color:#111;border-radius:50%;width:34px;height:34px;font-size:11px}.progress{color:#777c86;grid-template-columns:32px 1fr 32px;align-items:center;gap:7px;font-size:8px;display:grid}.track-seek{--seek:0%;appearance:none;touch-action:pan-x;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;padding:0}.track-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--lime) 0 var(--seek),#333740 var(--seek) 100%);border-radius:6px;height:4px}.track-seek::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--lime);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 8px #000}.track-seek::-moz-range-track{background:#333740;border-radius:6px;height:4px}.track-seek::-moz-range-progress{background:var(--lime);border-radius:6px;height:4px}.track-seek::-moz-range-thumb{border:3px solid var(--lime);background:#fff;border-radius:50%;width:12px;height:12px}.volume{justify-content:flex-end;align-items:center;gap:8px;display:flex}.volume i{background:#333740;border-radius:5px;width:80px;height:3px;overflow:hidden}.volume b{background:var(--lime);width:62%;height:100%;display:block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ba;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.edit-modal{background:#121419;border:1px solid #30343c;border-radius:20px;width:min(430px,100%);padding:24px;box-shadow:0 30px 100px #000}.modal-title{justify-content:space-between;display:flex}.modal-title h2{margin:5px 0 16px;font-size:24px}.modal-title button{color:#999;background:0 0;border:0;font-size:28px}.edit-cover{height:120px;margin-bottom:18px;position:relative}.edit-cover button{letter-spacing:0;background:#00000073;border:1px solid #fff3;border-radius:8px;padding:6px 9px;font-size:9px;position:absolute;bottom:10px}.edit-modal label{color:#8b919b;margin-top:12px;font-size:10px;display:block}.edit-modal input{color:#fff;background:#0b0d10;border:1px solid #2c3037;border-radius:9px;outline:none;width:100%;margin-top:6px;padding:11px;display:block}.edit-modal input:focus{border-color:var(--lime)}.modal-note{color:#666c76;font-size:9px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:18px;display:flex}.modal-actions button{background:0 0;border:1px solid #31353d;border-radius:9px;padding:9px 14px;font-size:11px}.modal-actions .save{background:var(--lime);color:#111;border-color:var(--lime);font-weight:800}.now-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.lyrics-toggle{color:#aeb3bc;background:0 0;border:0;font-size:12px;font-weight:800}.lyrics-card{background:linear-gradient(145deg,#1b2130,#111318);border:1px solid #262a31;border-radius:20px;max-height:480px;margin:-17px 0 35px;padding:25px 28px 30px;overflow:hidden}.lyrics-head{justify-content:space-between;align-items:center;display:flex}.lyrics-head p{color:#79808c;letter-spacing:2px;margin:0;font-size:9px;font-weight:800}.lyrics-head h2{margin:6px 0 0;font-size:18px}.lyrics-head button,.prepare-button,.edit-lyrics-button{color:#b8bdc6;background:#191c22;border:1px solid #353a43;border-radius:9px;padding:8px 11px;font-size:10px}.lyrics-lines{scroll-behavior:smooth;flex-direction:column;align-items:flex-start;gap:17px;max-height:350px;margin-top:27px;padding-bottom:120px;display:flex;overflow-y:auto}.lyrics-lines button{text-align:left;color:#68707d;background:0 0;border:0;padding:0;font-size:24px;font-weight:750;line-height:1.25;transition:all .2s}.lyrics-lines button.past{color:#9198a3}.lyrics-lines button.active{color:#fff;transform:translate(6px)}.lyrics-empty{color:#747b87;place-items:center;padding:45px;display:grid}.lyrics-empty span{color:var(--lime);font-size:32px;font-weight:800}.lyrics-empty p{font-size:11px}.edit-lyrics-button{width:100%;color:var(--lime);margin-top:16px}.lyrics-editor{background:#121419;border:1px solid #30343c;border-radius:20px;width:min(720px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 30px 100px #000}.lyrics-editor>label{color:#8b919b;font-size:10px;display:block}.lyrics-editor textarea{resize:vertical;color:#fff;width:100%;min-height:150px;font:inherit;background:#0b0d10;border:1px solid #2c3037;border-radius:10px;margin-top:7px;padding:12px;line-height:1.5;display:block}.prepare-button{margin-top:10px}.sync-player{z-index:2;background:#191c22;border:1px solid #30353e;border-radius:12px;grid-template-columns:auto 60px 1fr;align-items:center;gap:10px;margin:18px -5px 8px;padding:12px;display:grid;position:sticky;top:-24px}.sync-player button{background:#292e37;border:0;border-radius:8px;padding:9px;font-size:10px}.sync-player strong{text-align:center}.sync-player .stamp-button{background:var(--lime);color:#111;font-weight:800}.draft-lines{flex-direction:column;gap:5px;display:flex}.draft-lines>div{border-radius:8px;grid-template-columns:70px 1fr;gap:7px;padding:5px;display:grid}.draft-lines>div.syncing{background:#c6ff3d1a}.draft-lines>div.synced{opacity:.65}.draft-lines input{color:#fff;background:#0b0d10;border:1px solid #30353d;border-radius:7px;width:100%;padding:8px}.draft-lines button{text-align:left;color:#c9cdd4;background:0 0;border:0}.lyrics-backdrop{z-index:60}.playlist-grid article{cursor:pointer}.playlist-grid article>div{overflow:hidden}.playlist-grid article>div img{object-fit:cover;width:100%;height:100%}.playlist-detail{padding-top:20px}.back-playlists{color:#858b95;background:0 0;border:0;margin-bottom:18px;font-size:11px}.playlist-hero{grid-template-columns:150px 1fr;align-items:end;gap:24px;margin-bottom:28px;display:grid}.playlist-hero>.playlist-cover-edit{aspect-ratio:1;cursor:pointer;border-radius:18px;place-items:center;font-size:55px;display:grid;position:relative;overflow:hidden}.playlist-cover-edit img{object-fit:cover;width:100%;height:100%}.playlist-cover-edit b{text-align:center;opacity:0;background:#0000009e;border-radius:7px;padding:6px;font-size:9px;transition:all .2s;position:absolute;bottom:9px;left:10px;right:10px}.playlist-cover-edit:hover b{opacity:1}.playlist-cover-edit input{display:none}.playlist-hero p{letter-spacing:2px;color:#777d88;font-size:9px;font-weight:800}.playlist-hero h2{margin:5px 0;font-size:34px}.playlist-hero span{color:#808691;font-size:11px}.playlist-hero section>div{gap:9px;margin-top:18px;display:flex}.playlist-hero button{background:#191c22;border:1px solid #343943;border-radius:9px;padding:9px 12px;font-size:10px}.playlist-hero .playlist-play{background:var(--lime);color:#111;border-color:var(--lime);font-weight:800}.playlist-hero .playlist-delete{color:#e77}.playlist-track-list article{border-bottom:1px solid #1d2025;grid-template-columns:30px 43px 1fr 45px 30px;align-items:center;gap:10px;min-height:60px;display:grid}.playlist-track-list button{color:var(--lime);background:0 0;border:0}.playlist-track-list strong,.playlist-track-list small{display:block}.playlist-track-list strong{font-size:12px}.playlist-track-list small{color:#747a85;margin-top:3px;font-size:9px}.playlist-track-list article>span:nth-last-child(2){color:#717783;font-size:9px}.small-modal{background:#121419;border:1px solid #30343c;border-radius:20px;width:min(400px,100%);padding:24px}.small-modal>input{color:#fff;background:#0b0d10;border:1px solid #30353d;border-radius:9px;outline:none;width:100%;padding:12px}.picker-list{flex-direction:column;gap:7px;display:flex}.picker-list>button{text-align:left;background:#181b20;border:1px solid #2b3038;border-radius:10px;justify-content:space-between;align-items:center;padding:11px;display:flex}.picker-list span{font-size:12px}.picker-list small{color:#747a85;margin-top:3px;font-size:9px;display:block}.picker-list b{color:var(--lime);font-size:17px}.start-mode{color:#777d88;align-items:center;gap:9px;margin-top:12px;font-size:9px;display:flex}.start-mode select{color:#d9dce1;font:inherit;background:#171a20;border:1px solid #333842;border-radius:8px;outline:none;padding:6px 8px}@media (width<=800px){.topbar{grid-template-columns:1fr 50px;height:62px}.search{display:none}.content-grid{display:block}.sidebar{display:none}.main-content{padding:25px 16px}.greeting h1{font-size:31px}.shuffle{padding:10px;font-size:0}.shuffle:first-letter{font-size:16px}.now-card{grid-template-columns:100px 1fr 25px;gap:14px;min-height:145px;padding:12px}.now-cover{font-size:22px}.now-copy{padding-top:0}.now-copy h2{font-size:18px}.now-seek{margin-top:18px}.track-list article{grid-template-columns:27px 39px 1fr 30px 35px}.track-number,.duration{display:none}.playlist-grid{grid-template-columns:repeat(2,1fr)}.playlist-hero{grid-template-columns:95px 1fr;gap:14px}.playlist-cover-edit b{opacity:1;font-size:7px;left:5px;right:5px}.playlist-hero h2{font-size:23px}.playlist-hero section>div{flex-wrap:wrap}.playlist-track-list article{grid-template-columns:26px 40px 1fr 28px}.playlist-track-list article>span:nth-last-child(2){display:none}.player-bar{grid-template-columns:1fr auto;height:72px;padding:0 15px}.controls>div:first-child button:first-child,.controls>div:first-child button:last-child,.progress,.volume{display:none}.controls>div:first-child{gap:12px}.app-shell{padding-bottom:82px}.playing-track .mini-cover{width:36px;height:36px}.lyrics-card{margin-top:-20px;padding:20px 17px}.lyrics-lines button{font-size:20px}.lyrics-editor{padding:18px}.sync-player{grid-template-columns:1fr 52px;top:-18px}.sync-player .stamp-button{grid-column:1/-1}.lyrics-backdrop{padding:8px}.greeting{flex-direction:column;align-items:flex-start;gap:15px}.library-actions{width:100%}.upload-track{flex:1}}.now-cover,.mini-cover,.edit-cover{overflow:hidden}.now-cover img,.mini-cover img,.edit-cover img{object-fit:cover;width:100%;height:100%;display:block}.edit-cover img{position:absolute;inset:0}.cover-button{z-index:2;letter-spacing:0;cursor:pointer;background:#000000a6;border:1px solid #fff3;border-radius:8px;padding:7px 10px;color:#fff!important;margin:0!important;font-size:9px!important;position:absolute!important;bottom:10px!important}.cover-button input{display:none!important}