:root{--background:#000;--panel:#121212;--panel-strong:#181818;--panel-soft:#242424;--panel-hover:#2c2c2c;--text:#f5f5f5;--muted:#b3b3b3;--faint:#777;--line:#ffffff14;--green:#1ed760;--green-dark:#169c46;--danger:#ff6b6b;--purple:#6f45ff;--shadow:0 28px 80px #00000073;--glass-bg:#121212bd;--glass-strong:#181818db;--glass-soft:#ffffff12;--glass-border:#ffffff1f;--glass-blur:blur(22px) saturate(1.18)}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{color:inherit}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}::selection{background:#1ed76059}body{overflow:hidden}.splash-screen,.auth-screen{background:radial-gradient(circle at 18% 18%,#1ed76038,#0000 32%),radial-gradient(circle at 78% 16%,#ff7ab62e,#0000 28%),linear-gradient(145deg,#050505 0%,#141414 100%);min-height:100vh}.splash-screen{align-content:center;place-items:center;gap:20px;display:grid}.splash-mark{background:var(--green);color:#021008;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 24px 80px #1ed76057}.splash-copy{color:#ffffffc7;text-align:center;max-width:min(420px,100vw - 40px);margin:-4px 0 0;font-weight:800;line-height:1.45}.spotify-logo{object-fit:cover;width:100%;height:100%}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{grid-template-columns:minmax(340px,1fr) minmax(360px,480px);align-items:center;gap:56px;padding:52px;display:grid}.auth-visual{place-items:center;min-height:560px;display:grid}.auth-album-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:18px;width:min(660px,100%);display:grid;transform:rotate(-3deg)}.auth-album{color:#ffffffd6;min-height:180px;box-shadow:var(--shadow);border:1px solid #ffffff1a;border-radius:8px;place-items:center;display:grid}.auth-album-1,.auth-album-7{background:linear-gradient(135deg,#1ed760,#0d5c35)}.auth-album-2,.auth-album-5{background:linear-gradient(135deg,#f7ce46,#e65c48)}.auth-album-3,.auth-album-8{background:linear-gradient(135deg,#57d5ff,#4e43cc)}.auth-album-4,.auth-album-9{background:linear-gradient(135deg,#f977b3,#1b1b1b)}.auth-album-6{background:linear-gradient(135deg,#e7f4a3,#1a7e64)}.auth-card{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);background:#121212eb;border-radius:8px;padding:36px}.brand-mark{align-items:center;gap:12px;font-weight:800;display:flex}.brand-icon{color:#001609;background:#000;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.brand-icon img{object-fit:cover;width:100%;height:100%}.auth-card h1{margin:32px 0 10px;font-size:2.4rem;line-height:1.02}.auth-subtitle{color:var(--muted);margin:0 0 24px;line-height:1.5}.auth-tabs{background:#0a0a0a;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.auth-tabs button{height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:700}.auth-tabs .active{color:#111;background:#fff}.auth-form,.playlist-form,.upload-form{gap:14px;margin-top:20px;display:grid}.field{border:1px solid var(--line);color:var(--muted);background:#0a0a0a;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:0 14px;display:grid}.field input,.form-grid input,.playlist-form input,.playlist-form textarea{width:100%;color:var(--text);background:0 0;border:0;outline:0}.field input{height:50px}.field:focus-within{color:var(--green);border-color:#1ed7608c}.form-error{color:var(--danger);margin:0;font-size:.9rem}.primary-auth-button{background:var(--green);color:#061408;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:900;display:inline-flex}.primary-auth-button:hover{background:#2eea73;transform:translateY(-1px)}.auth-link-button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:center;font-weight:800}.auth-link-button:hover{color:#fff}.auth-divider{color:var(--faint);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:22px 0;display:grid}.auth-divider span{background:var(--line);height:1px}.auth-divider em{font-size:.82rem;font-style:normal}.google-zone{place-items:center;min-height:46px;display:grid}.google-fallback{border:1px solid var(--line);color:#222;background:#fff;border-radius:999px;width:100%;min-height:46px;font-weight:800}.spotify-shell{background:linear-gradient(140deg,#121212f0,#000000fa),#000;grid-template-rows:74px 1fr;min-width:320px;height:100vh;display:grid;overflow:hidden}.top-bar{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#00000075;border-bottom:1px solid #ffffff0d;grid-template-columns:170px 58px 46px minmax(240px,640px) auto minmax(180px,1fr);align-items:center;gap:12px;padding:10px 18px;display:grid}.window-dots{align-items:center;gap:7px;padding-left:14px;display:flex}.window-dots span{background:#fff;border-radius:50%;width:5px;height:5px}.icon-button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.icon-button:hover,.icon-button.active{color:var(--green)}.home-button{color:#fff;background:#1f1f1f;grid-column:2;width:58px;height:58px}.home-button.active{color:#111;background:#fff}.mobile-library-button{display:none}.install-icon-button{color:#fff;background:#1f1f1f;grid-column:3;width:46px;height:46px}.search-box{height:58px;color:var(--muted);background:#1f1f1f;border:1px solid #0000;border-radius:999px;grid-column:4;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:0 22px;display:grid}.search-box:focus-within{background:#242424;border-color:#ffffff3d}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:1.05rem}.search-box input::placeholder{color:var(--muted)}.upload-top-button,.ghost-button{color:#111;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:900;display:inline-flex}.upload-top-button{grid-column:5}.ghost-button{border:1px solid var(--line);color:#fff;background:#ffffff14}.ghost-button.active{color:var(--green);background:#1ed7602e;border-color:#1ed76080}.top-actions{grid-column:6;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;display:flex;position:relative}.avatar-button{color:#111;cursor:pointer;background:#c38a5a;border:8px solid #161616;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.avatar-button.active{outline:2px solid var(--green)}.avatar-button.large{border-width:6px;width:58px;height:58px}.profile-popover{z-index:26;border:1px solid var(--glass-border);background:var(--glass-strong);width:min(340px,100vw - 28px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:14px;display:grid;position:absolute;top:58px;right:0}.profile-popover:before{background:var(--glass-strong);border-top:1px solid var(--glass-border);border-left:1px solid var(--glass-border);content:"";width:16px;height:16px;position:absolute;top:-8px;right:38px;transform:rotate(45deg)}.profile-summary{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;display:grid}.profile-summary strong,.profile-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-summary small,.profile-stats small{color:var(--muted)}.profile-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;display:grid}.profile-stats span{gap:2px;min-width:0;display:grid}.profile-popover>button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;min-height:42px;padding:0 10px;display:flex}.profile-popover>button:hover{background:#ffffff14}.content-grid{grid-template-columns:minmax(240px, var(--library-width,330px)) 10px minmax(0, 1fr) 10px minmax(300px, var(--now-width,430px));min-height:0;padding:0 10px;display:grid}.content-grid.details-closed{grid-template-columns:minmax(240px, var(--library-width,330px)) 10px minmax(0, 1fr)}.library-resizer,.now-resizer{cursor:col-resize;touch-action:none;border-radius:999px;width:10px;min-height:0}.library-resizer:before,.now-resizer:before{content:"";background:0 0;border-radius:999px;width:2px;height:100%;margin:0 auto;transition:background .14s;display:block}.library-resizer:hover:before,.now-resizer:hover:before{background:#fff3}.panel{border:1px solid var(--glass-border);background:linear-gradient(180deg, #ffffff09, #ffffff03), var(--glass-bg);min-height:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:8px;overflow:hidden}.library-panel,.now-panel{flex-direction:column;display:flex}.panel-header,.now-header{justify-content:space-between;align-items:center;padding:18px 20px 10px;display:flex}.panel-title{align-items:center;gap:11px;font-size:1.08rem;font-weight:900;display:inline-flex}.panel-actions{align-items:center;gap:4px;display:inline-flex}.library-chips{gap:8px;padding:14px 20px 10px;display:flex}.library-chips button,.hero-tabs button{color:#fff;cursor:pointer;background:#2a2a2a;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.library-chips button.active,.hero-tabs .active{color:#111;background:#fff}.library-subbar{color:var(--muted);grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;padding:12px 22px;display:grid}.library-search-field{grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.library-search-field input{color:#fff;background:0 0;border:0;outline:0;min-width:0}.library-search-field input::placeholder{color:var(--muted)}.library-list{gap:4px;min-height:0;padding:8px 8px 128px;display:grid;overflow:auto}.library-empty{min-height:52px;color:var(--muted);align-items:center;gap:10px;padding:8px 12px;font-weight:800;display:flex}.library-item,.queue-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:66px;padding:8px;display:grid}.library-item:hover,.library-item.selected,.queue-item:hover{background:var(--panel-hover)}.library-item strong,.queue-item strong,.player-track strong,.track-title-cell strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-item small,.queue-item small,.player-track small,.track-title-cell small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artwork,.playlist-cover,.collection-playlist-art,.library-download-art,.empty-art{color:#fff;border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 12px 34px #00000052}.artwork img,.playlist-cover img,.collection-playlist-art img{object-fit:cover;width:100%;height:100%}.artwork-sm,.playlist-cover,.library-download-art,.empty-art{width:56px;height:56px}.artwork-md{width:74px;height:74px}.artwork-lg{aspect-ratio:1;width:100%}.artwork-hero,.collection-playlist-art{aspect-ratio:1;width:min(100%,420px)}.circle{border-radius:50%}.playlist-cover,.collection-playlist-art,.library-download-art,.empty-art{background:linear-gradient(135deg,#2f2f2f,#121212)}.library-download-art{background:linear-gradient(135deg,#1ed760,#0f5132)}.add-cover{background:linear-gradient(135deg,#1ed760,#095a2e)}.main-panel{padding-bottom:132px;overflow:hidden auto}.hero-band{background:linear-gradient(180deg, #1ed76029, #1212125c 80%), var(--glass-bg);min-height:245px;padding:22px 54px 34px}.hero-tabs{gap:10px;margin-bottom:28px;display:flex}.quick-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.quick-tile{color:#fff;cursor:pointer;text-align:left;background:#ffffff1c;border:0;border-radius:6px;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:64px;padding:0;display:grid;overflow:hidden}.quick-tile:hover{background:#fff3}.quick-tile span{text-overflow:ellipsis;white-space:nowrap;padding:0 14px;font-weight:900;overflow:hidden}.shelf{padding:28px 54px 8px}.shelf-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.shelf h2{margin:0;font-size:1.75rem;line-height:1.1}.shelf-header button,.credits-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:800}.card-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px;display:grid}.track-card{background:0 0;border-radius:8px;min-width:0;padding:12px;position:relative}.track-card:hover{background:#ffffff0f}.card-art-button{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.card-play{background:var(--green);color:#07130a;opacity:0;border-radius:50%;place-items:center;width:48px;height:48px;transition:all .16s;display:grid;position:absolute;bottom:10px;right:10px;transform:translateY(8px)}.track-card:hover .card-play{opacity:1;transform:translateY(0)}.track-card h3{text-overflow:ellipsis;white-space:nowrap;margin:14px 0 6px;font-size:1.03rem;overflow:hidden}.track-card p{min-height:2.55em;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.28;display:-webkit-box;overflow:hidden}.card-actions{gap:4px;margin-top:8px;display:flex}.empty-shelf,.empty-table,.empty-now{border:1px dashed var(--line);min-height:170px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;display:grid}.collection-view{padding:36px clamp(20px,4vw,54px)}.collection-view.cover-collection,.collection-view.compact-collection{background:linear-gradient(180deg, var(--collection-accent-soft) 0%, #12121294 290px, #1212122e 560px), var(--glass-bg);min-height:100%}.collection-view.compact-collection{background:linear-gradient(180deg, var(--collection-accent-mid) 0%, #12121285 220px, #1212122e 420px), var(--glass-bg)}.collection-back-row{align-items:center;min-height:46px;margin-bottom:18px;display:flex}.back-button{width:46px;height:46px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#fff;background:#141414c2}.back-button:hover{color:#111;background:#fff}.collection-header{grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:end;gap:clamp(18px,3vw,28px);margin-bottom:36px;display:grid}.collection-kicker{color:#fff;margin-bottom:10px;font-size:.88rem;font-weight:900;display:block}.collection-header h1{overflow-wrap:break-word;word-break:normal;margin:0;font-size:clamp(2.4rem,5vw,5rem);line-height:1}.collection-title-row{align-items:center;gap:12px;min-width:0;display:flex}.collection-title-icon{background:#ffffff1a;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.collection-header p{color:var(--muted);margin:14px 0 0}.collection-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.visibility-pill{border:1px solid var(--line);min-height:36px;color:var(--muted);border-radius:999px;align-items:center;padding:0 14px;font-weight:900;display:inline-flex}.danger-button{color:var(--danger)}.round-play,.play-button{background:var(--green);color:#07130a;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.round-play{width:58px;height:58px}.collection-shuffle{color:#fff;background:#222;width:50px;height:50px}.collection-shuffle.active{background:#1ed76024}.track-table{gap:2px;display:grid}.track-table-head,.track-row{grid-template-columns:36px minmax(180px,1.6fr) minmax(100px,.9fr) minmax(86px,.7fr) minmax(220px,1fr);align-items:center;gap:10px;min-height:56px;padding:0 12px;display:grid}.track-table-head{z-index:1;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:.88rem;position:sticky;top:0}.track-row{color:var(--muted);border-radius:6px}.track-row:hover,.track-row.playing{background:#ffffff14}.track-row.missing{background:#ffffff09;border:1px dashed #ffffff24}.track-row.missing .track-title-cell strong,.track-row.missing .table-muted{color:#ffffff94}.track-row.playing .track-title-cell strong,.track-row.playing .track-index{color:var(--green)}.track-index,.track-title-cell{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0}.track-index:disabled,.track-title-cell:disabled{cursor:default;opacity:1}.track-index{place-items:center;display:grid}.track-index svg,.track-row:hover .track-index span{display:none}.track-row:hover .track-index svg{display:block}.track-title-cell{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.track-title-cell .artwork-sm{width:48px;height:48px}.table-muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.playlist-select{border:1px solid var(--line);color:#fff;cursor:pointer;background:#181818;border-radius:999px;max-width:118px;height:34px;padding:0 10px}.now-panel{gap:14px;padding:0 22px 132px;overflow:auto}.now-header{padding:28px 0 4px}.now-header h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.now-menu-wrap{position:relative}.now-menu{z-index:5;border:1px solid var(--glass-border);background:var(--glass-strong);min-width:132px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-radius:8px;padding:6px;position:absolute;top:44px;right:0}.now-menu button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;font-weight:800;display:flex}.now-menu button:hover{background:#ffffff14}.now-title-line{justify-content:space-between;align-items:start;gap:12px;display:flex}.now-title-line>div:first-child{min-width:0}.now-title-actions,.player-track-actions{flex:none;align-items:center;gap:4px;display:flex}.now-title-line h3{overflow-wrap:anywhere;margin:0;font-size:1.78rem}.now-title-line p{color:var(--muted);margin:6px 0 0}.credits-box,.queue-box{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#1f1f1fbd;border:1px solid #ffffff14;border-radius:8px;padding:18px}.credits-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.credits-title h3{margin:0;font-size:1.12rem}.credit-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.credit-row strong,.credit-row small{display:block}.credit-row small{color:var(--muted)}.credit-row button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff61;border-radius:999px;min-width:96px;height:38px;font-weight:900}.credit-row button.active{color:var(--green);border-color:#1ed7608c}.empty-now{min-height:330px;padding:20px}.empty-now h3,.empty-table h3{color:#fff;margin:10px 0 0}.empty-now p,.empty-table p,.queue-empty{color:var(--muted);margin:6px 0 0}.queue-box{margin-bottom:12px}.queue-drawer-content{gap:22px;display:grid}.queue-current{gap:8px;display:grid}.queue-current>span{color:var(--muted);font-size:.86rem;font-weight:800}.queue-drawer-list{gap:4px;max-height:360px;display:grid;overflow:auto}.queue-item{grid-template-columns:48px minmax(0,1fr);min-height:56px;padding:6px}.queue-item .artwork-sm{width:48px;height:48px}.player-bar{z-index:20;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:0 0;border-top:1px solid #ffffff14;grid-template-columns:minmax(220px,1fr) minmax(360px,720px) minmax(240px,1fr);align-items:center;gap:18px;padding:14px 22px 16px;display:grid;position:fixed;bottom:0;left:0;right:0}.player-track{min-width:0;min-height:66px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:linear-gradient(135deg,#ffffff2e,#ffffff0e 46%,#ffffff09),#1c1c1c7a;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d,0 18px 48px #00000052}.mobile-action-dock,.mobile-now-panel{display:none}.player-center{min-height:74px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:radial-gradient(circle at 50% 0,#ffffff2e,#0000 42%),linear-gradient(135deg,#ffffff24,#ffffff0b),#14141475;border:1px solid #ffffff24;border-radius:8px;gap:9px;padding:8px 14px 10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 18px 48px #00000047}.transport{justify-content:center;align-items:center;gap:12px;display:flex}.play-button{width:46px;height:46px}.play-button:hover,.round-play:hover{transform:scale(1.04)}.progress-line{color:var(--muted);grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;font-size:.82rem;display:grid}input[type=range]{accent-color:#fff;cursor:pointer;border-radius:999px;width:100%;height:4px}input[type=range]:hover{accent-color:var(--green)}.player-tools{min-height:62px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--muted);background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#1414146b;border:1px solid #ffffff1f;border-radius:8px;justify-content:end;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 1px #ffffff2e}.player-tools input{width:min(128px,10vw)}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--glass-border);background:var(--glass-strong);width:min(560px,100%);max-height:min(760px,100vh - 40px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow);border-radius:8px;padding:22px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-header h2{margin:0}.drop-field,.cover-field,.playlist-form label,.form-grid label{color:var(--muted);gap:8px;font-weight:700;display:grid}.drop-field,.cover-field{cursor:pointer;text-align:center;background:#101010;border:1px dashed #ffffff3d;border-radius:8px;place-items:center;min-height:138px;position:relative}.cover-field{text-align:left;grid-template-columns:26px minmax(0,1fr);place-items:center start;min-height:54px;padding:0 16px}.drop-field input,.cover-field input{opacity:0;cursor:pointer;position:absolute;inset:0}.sr-only-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.drop-field span,.cover-field span{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.drop-field small{color:var(--muted)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid input,.playlist-form input,.playlist-form textarea{border:1px solid var(--line);background:#101010;border-radius:8px;min-height:48px;padding:0 14px}.playlist-form textarea{resize:vertical;min-height:98px;padding-top:12px}.playlist-manager{gap:22px;display:grid}.custom-playlist-list{gap:8px;display:grid}.custom-playlist-item{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.visibility-options{background:#101010;border-radius:999px;grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.visibility-options button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:900}.visibility-options button.active{color:#111;background:#fff}.toast{z-index:40;color:#111;max-width:min(420px,100vw - 48px);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:14px 18px;font-weight:800;position:fixed;bottom:116px;right:24px}.utility-panel{border:1px solid var(--line);min-height:180px;color:var(--muted);text-align:center;border-radius:8px;justify-items:center;gap:10px;padding:26px;display:grid}.utility-panel h3{color:#fff;margin:0}.utility-panel p{margin:0;line-height:1.5}.notification-list{gap:10px;display:grid}.notification-item{border:1px solid var(--line);color:var(--muted);background:#101010;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.notification-item svg{color:var(--green);margin-top:2px}.notification-item strong,.notification-item small,.notification-item em{display:block}.notification-item strong{color:#fff}.notification-item small{margin-top:4px;line-height:1.4}.notification-item em{color:var(--faint);margin-top:8px;font-size:.8rem;font-style:normal}@media (max-width:1320px){.content-grid{grid-template-columns:minmax(240px, var(--library-width,330px)) 10px minmax(0, 1fr)}.now-panel,.now-resizer{display:none}.quick-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.card-row{grid-template-columns:repeat(4,minmax(140px,1fr))}}@media (max-width:980px){body{overflow:auto}.auth-screen{grid-template-columns:1fr;padding:24px}.auth-visual{display:none}.spotify-shell{grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;overflow:auto}.top-bar{padding:calc(8px + env(safe-area-inset-top,0px)) 10px 10px;grid-template-columns:38px 38px minmax(0,1fr);gap:7px}.window-dots{display:none}.home-button{grid-column:1;width:38px;height:38px;display:grid}.mobile-library-button{color:#fff;background:#1f1f1f;grid-column:2;width:38px;height:38px;display:grid}.mobile-library-button.active{color:#111;background:#fff}.install-icon-button{display:none}.search-box{grid-column:3;grid-template-columns:19px minmax(0,1fr);gap:6px;min-width:0;height:38px;padding:0 10px}.search-box input{font-size:16px}.upload-top-button,.top-actions{display:none}.profile-popover{top:52px;right:0}.content-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding:0 10px 206px}.content-grid.details-closed{grid-template-columns:minmax(0,1fr)}.library-resizer,.library-panel{display:none}.mobile-library-open .library-panel{min-height:min(560px,100dvh - 300px);max-height:none;display:flex}.mobile-library-open .main-panel,.mobile-now-open .main-panel,.mobile-now-open .library-panel{display:none}.mobile-now-open .mobile-now-panel{gap:18px;min-height:calc(100dvh - 260px);padding:18px;display:grid;overflow:auto}.mobile-now-panel .now-title-line{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.mobile-now-panel .now-title-actions .icon-button{width:34px;height:34px}.mobile-now-panel .now-title-line h3{font-size:1.34rem;line-height:1.12}.mobile-now-art-drag{touch-action:pan-y;justify-items:center;display:grid}.mobile-now-panel .artwork-hero{width:min(76vw,340px)}.hero-band,.shelf,.collection-view{padding-left:18px;padding-right:18px}.quick-grid,.card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-quick-tile{display:none}.hero-band{min-height:auto;padding-top:12px}.hero-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.hero-tabs button{min-height:38px;padding:0 10px;font-size:.88rem}.collection-header{grid-template-columns:140px minmax(0,1fr)}.track-table-head,.track-row{grid-template-columns:36px minmax(0,1fr) minmax(170px,auto)}.track-table-head span:nth-child(3),.track-table-head span:nth-child(4),.track-row>.table-muted{display:none}.track-row-actions{justify-content:end}.player-bar{z-index:20;max-height:42dvh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px));background:0 0;border-top:1px solid #ffffff14;grid-template-columns:1fr;gap:7px;position:fixed;bottom:0;left:0;right:0}.player-track{background:linear-gradient(135deg,#ffffff2b,#ffffff0d),#19191985;border-radius:8px;order:1;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;min-height:54px;padding:4px 8px;box-shadow:inset 0 1px #ffffff38,0 12px 34px #00000052}.player-track .artwork-sm,.player-track .empty-art{width:48px;height:48px}.player-track.interactive{cursor:pointer}.player-center{background:radial-gradient(circle at 50% 0,#ffffff29,#0000 44%),linear-gradient(135deg,#ffffff1f,#ffffff0a),#1616167a;border-radius:8px;order:2;gap:4px;padding:4px 6px 6px;box-shadow:inset 0 1px #ffffff2e}.mobile-action-dock{order:3;gap:6px;display:grid}.mobile-action-icons{justify-content:space-between;align-items:center;gap:8px;min-height:38px;display:flex;position:relative}.mobile-profile-wrap{position:relative}.mobile-action-icons .avatar-button{border-width:6px;width:38px;height:38px}.mobile-action-icons .icon-button{width:38px;height:38px}.mobile-profile-popover{top:auto;bottom:50px;right:-58px}.mobile-profile-popover:before{border-top:0;border-bottom:1px solid var(--line);top:auto;bottom:-8px;right:72px}.player-tools{display:none}}@media (max-width:620px){.auth-card{padding:24px}.auth-card h1{font-size:2rem}.quick-grid,.card-row,.form-grid{grid-template-columns:1fr}.collection-header{grid-template-columns:1fr;align-items:start}.collection-header .artwork-hero,.collection-playlist-art{width:180px}.collection-header h1{font-size:2.35rem}.playlist-select{max-width:128px}.track-table-head{display:none}.track-row{grid-template-columns:34px minmax(0,1fr);gap:8px 10px;min-height:72px;padding:8px}.track-row-actions{grid-column:2;justify-content:flex-start;gap:2px}.transport{gap:4px}.transport .icon-button{width:34px;height:34px}.player-track-actions{gap:0}.player-track-actions .icon-button{width:32px;height:32px}.play-button{width:44px;height:44px}.progress-line{grid-template-columns:38px 1fr 38px;gap:8px}}