:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f0ea;background:#0b0d0f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#0b0d0f}body{margin:0;min-width:320px;min-height:100vh;background:#0b0d0f}button,input{font:inherit}button{border:0}button:focus-visible,input:focus-visible{outline:2px solid #f3f0e8;outline-offset:3px}.app-shell{min-height:100vh;padding-bottom:160px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d0fdb}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3f0e8;color:#0b0d0f;font-weight:900}.brand-name{font-weight:760;letter-spacing:-.02em}.brand-subtitle{color:#8f9499;font-size:12px;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:8px}.downloads-link{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;color:#aeb2b6;font-size:13px;text-decoration:none}.downloads-link:hover{color:#f2f0ea;background:#ffffff0f}.sync-control{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;color:#aeb2b6;font-size:12px;background:transparent;cursor:pointer}.sync-control:hover{color:#f2f0ea;background:#ffffff0f}.icon-button,.text-button,.round-play,.album-card{cursor:pointer;color:#e7e5df;background:transparent}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.icon-button:hover{background:#ffffff12}.icon-button.selected{color:#f3f0e8;background:#ffffff17}.content{width:min(1180px,92vw);margin:0 auto;padding:54px 0 40px}.hero{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:34px}.hero h1,.empty-state h1{max-width:760px;margin:8px 0 12px;font-size:clamp(36px,5.8vw,68px);line-height:.98;letter-spacing:-.06em}.hero p,.empty-state p{max-width:640px;margin:0;color:#8f9499;font-size:16px;line-height:1.6}.eyebrow{color:#8f9499;font-size:11px;font-weight:800;letter-spacing:.17em}.search-row{height:54px;display:flex;align-items:center;gap:12px;padding:0 17px;margin-bottom:18px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#111518}.search-row svg{color:#7f868b}.search-row input{flex:1;border:0;outline:0;color:#f2f0ea;background:transparent}.library-error{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;margin-bottom:24px;border:1px solid rgba(230,150,150,.12);border-radius:11px;color:#e4aaaa;background:#b446461c;font-size:13px}.library-error button{display:grid;place-items:center;cursor:pointer;color:inherit;background:transparent}.section{margin-top:50px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:5px 0 0;font-size:28px;letter-spacing:-.04em}.catalog-tools{display:flex;align-items:center;gap:12px}.catalog-status{color:#82898e;font-size:12px;text-align:right}.catalog-tools .text-button:disabled{cursor:wait;opacity:.55}.text-button{color:#aeb2b6;font-size:13px;padding:7px}.text-button:hover{color:#f2f0ea}.song-list{display:grid;gap:4px}.song-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:2px;padding:4px 5px 4px 0;color:inherit;border-radius:13px;background:transparent}.song-row:hover{background:#ffffff0d}.song-row.active{background:#fff1}.song-row-main{min-width:0;width:100%;display:grid;grid-template-columns:32px 52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:4px 5px 4px 10px;color:inherit;text-align:left;background:transparent;cursor:pointer}.download-track,.download-remove{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;color:#868d92;background:transparent;cursor:pointer}.download-track:hover,.download-remove:hover{color:#f2f0ea;background:#ffffff14}.download-track:disabled{cursor:default;opacity:.72}.download-track.downloaded{color:#d8d4c9}.download-track span{min-width:28px;font-size:10px}.spin{animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.song-number{color:#747b80;font-size:12px;text-align:center}.cover,.player-art,.album-art{overflow:hidden;display:grid;place-items:center;background:#181d21;color:#7b8388}.cover{width:52px;height:52px;border-radius:9px}.cover img,.player-art img,.album-art img{width:100%;height:100%;object-fit:cover;display:block}.song-meta{min-width:0;display:grid;gap:5px}.song-meta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.song-meta span,.song-time{color:#82898e;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-list{padding:42px 12px;text-align:center;color:#777e83}.download-list{display:grid;gap:3px}.downloaded-track{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;padding-right:5px;border-radius:13px}.downloaded-track:hover{background:#ffffff0d}.downloaded-track-main{min-width:0;display:flex;align-items:center;gap:14px;padding:8px 10px;color:inherit;text-align:left;background:transparent;cursor:pointer}.downloaded-track-main .song-meta{flex:1}.download-remove{color:#777e83}.downloads-empty{padding:24px 10px;color:#777e83;font-size:13px}.album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.album-card{display:grid;align-content:start;gap:7px;min-width:0;padding:0;text-align:left}.album-card-main{display:grid;gap:7px;min-width:0;padding:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.album-art{aspect-ratio:1;border-radius:12px;margin-bottom:3px}.album-card strong,.album-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card span{color:#82898e;font-size:13px}.album-download{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#aeb2b6;background:#111518;cursor:pointer;font-size:12px}.album-download:hover{color:#f2f0ea;background:#ffffff12}.album-download:disabled{opacity:.5;cursor:wait}.load-more-button{display:block;margin:24px auto 0;padding:10px 15px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#d7d4cc;background:#111518;cursor:pointer}.empty-state{min-height:64vh;display:grid;place-content:center;text-align:center;justify-items:center}.empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#171b1f;margin-bottom:22px}.empty-state h1{margin-left:auto;margin-right:auto}.empty-state p{margin-bottom:24px}.primary-button,.danger-button{min-height:44px;border-radius:12px;padding:0 18px;font-weight:720;cursor:pointer}.primary-button{color:#0b0d0f;background:#f3f0e8}.primary-button:disabled{opacity:.55;cursor:wait}.primary-button.full{width:100%}.danger-button{width:100%;margin-top:8px;color:#dc8888;background:transparent}.ghost-button{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);padding:10px 13px;border-radius:11px;color:#e7e5df;background:#111518;cursor:pointer}.player{position:fixed;z-index:30;left:50%;bottom:14px;transform:translate(-50%);width:min(1120px,94vw);padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#111518eb;box-shadow:0 20px 80px #00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.player-main{display:flex;align-items:center;gap:12px}.player-art{width:48px;height:48px;border-radius:10px;flex:0 0 auto}.player-meta{flex:1;min-width:0;display:grid;gap:3px}.player-meta strong,.player-meta span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-meta span{font-size:12px;color:#868d92}.round-play{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#0b0d0f;background:#f3f0e8}.timeline{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;margin-top:6px;color:#777e83;font-size:10px}.timeline input{width:100%;accent-color:#f3f0e8}.transport{display:none}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#0000009e}.modal{width:min(480px,100%);padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111518;box-shadow:0 28px 100px #0000008c}.modal-topline{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:13px 0 8px;font-size:30px;letter-spacing:-.04em}.modal p{color:#8e959a;line-height:1.55;margin:0 0 22px}.modal label{display:grid;gap:7px;margin:12px 0;color:#b9bec2;font-size:12px}.modal label input{height:45px;padding:0 13px;color:#f2f0ea;background:#0b0d0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none}.error{padding:11px 12px;margin:12px 0;border-radius:10px;color:#e9a7a7;background:#b446461f;font-size:13px}.playlist-heading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px}.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.playlist-card{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#111518}.playlist-card-main{width:100%;display:grid;justify-items:start;gap:9px;padding:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.playlist-card-main strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.playlist-card-main>span{color:#82898e;font-size:12px}.playlist-card-art{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;color:#d8d4c9;background:#20262b}.playlist-card-actions{display:flex;gap:8px;margin-top:9px;border-top:1px solid rgba(255,255,255,.06);padding-top:7px}.playlist-card-actions .text-button{display:inline-flex;align-items:center;gap:5px;padding:6px 3px;font-size:12px}.playlist-card-actions .text-button:disabled{opacity:.4;cursor:default}.playlist-detail-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 14px;color:#82898e;font-size:13px}.playlist-detail-tools>div{display:flex;gap:8px}.playlist-detail-tools .primary-button{display:inline-flex;align-items:center;gap:8px}.delete-playlist-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:11px;margin-bottom:9px;border-radius:10px;color:#e4aaaa;background:#b446461a;font-size:13px}.delete-playlist-confirm span{flex:1}.playlist-track-list,.queue-list{display:grid;gap:3px}.playlist-track,.queue-item{display:flex;min-width:0;align-items:center;gap:6px;border-radius:10px}.playlist-track:hover,.queue-item:hover{background:#ffffff0a}.playlist-track-main,.queue-song{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding:9px 8px;color:inherit;text-align:left;background:transparent;cursor:pointer}.playlist-track-main .song-meta,.queue-song .song-meta{flex:1}.playlist-track-index,.queue-index{width:26px;flex:0 0 26px;color:#777e83;font-size:12px;text-align:center}.queue-item.current .queue-index{color:#f3f0e8}.queue-controls{display:flex;align-items:center}.queue-controls .download-remove{min-width:34px;min-height:34px}.queue-controls .download-remove:disabled{opacity:.25;cursor:default}.queue-modal{width:min(660px,100%)}.queue-list{max-height:min(58vh,560px);overflow-y:auto;margin:15px -8px 0}.queue-clear{display:block;margin:12px 0 0 auto}.action-modal{width:min(460px,100%)}.action-list{display:grid;gap:3px;max-height:50vh;overflow-y:auto}.action-list button{min-height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;border-radius:9px;color:#d7d4cc;text-align:left;background:transparent;cursor:pointer}.action-list button:hover{background:#ffffff12}.action-list button:disabled{color:#777e83;cursor:default}.action-divider{height:1px;margin:7px 0;background:#ffffff14}.action-label{padding:4px 10px;color:#82898e;font-size:10px;font-weight:800;letter-spacing:.12em}@media(max-width:900px){.album-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{align-items:flex-start}}@media(max-width:640px){.catalog-tools{align-items:flex-end;flex-direction:column;gap:2px}.catalog-status{max-width:190px}.app-shell{padding-bottom:190px}.topbar{padding:14px 16px}.content{width:calc(100% - 28px);padding-top:34px}.hero{display:block}.hero .ghost-button{margin-top:18px}.song-row{grid-template-columns:minmax(0,1fr) 76px;gap:0;padding-right:0}.song-row-main{grid-template-columns:25px 46px minmax(0,1fr);gap:10px;padding:7px 2px}.song-row-main .song-time{display:none}.cover{width:46px;height:46px}.song-time,.desktop-only{display:none}.download-track{min-width:36px;min-height:38px}.playlist-heading-actions{max-width:58%}.playlist-heading-actions .catalog-status{width:100%;max-width:none}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.playlist-card{padding:11px}.playlist-card-actions{flex-wrap:wrap;gap:3px 10px}.playlist-detail-tools{align-items:flex-start;flex-direction:column}.queue-controls .download-remove{min-width:30px}.downloads-link{gap:5px;padding:8px 7px;font-size:12px}.sync-control{gap:5px;padding:8px 6px;font-size:11px}.downloaded-track-main{gap:10px;padding-left:2px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.player{bottom:8px;width:calc(100% - 12px);padding:10px 10px 8px}.transport{display:flex;justify-content:space-evenly;align-items:center;margin-top:2px}}@media(prefers-reduced-motion:no-preference){.song-row,.primary-button,.ghost-button,.icon-button{transition:background .16s ease,transform .16s ease}}