@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Figtree-Regular-VtLqxhSM.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Figtree-Medium-D_blTrlU.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Figtree-SemiBold-B0xMtDcJ.ttf)format("truetype")}@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Figtree-Bold-CnuFHRRE.ttf)format("truetype")}@font-face{font-family:Share Tech Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ShareTechMono-Regular-BnytkquY.ttf)format("truetype")}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(data:font/woff2;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ZW4+CiAgPG1ldGEgY2hhcnNldD11dGYtOD4KICA8bWV0YSBuYW1lPXZpZXdwb3J0IGNvbnRlbnQ9ImluaXRpYWwtc2NhbGU9MSwgbWluaW11bS1zY2FsZT0xLCB3aWR0aD1kZXZpY2Utd2lkdGgiPgogIDx0aXRsZT5FcnJvciA0MDQgKE5vdCBGb3VuZCkhITE8L3RpdGxlPgogIDxzdHlsZT4KICAgICp7bWFyZ2luOjA7cGFkZGluZzowfWh0bWwsY29kZXtmb250OjE1cHgvMjJweCBhcmlhbCxzYW5zLXNlcmlmfWh0bWx7YmFja2dyb3VuZDojZmZmO2NvbG9yOiMyMjI7cGFkZGluZzoxNXB4fWJvZHl7bWFyZ2luOjclIGF1dG8gMDttYXgtd2lkdGg6MzkwcHg7bWluLWhlaWdodDoxODBweDtwYWRkaW5nOjMwcHggMCAxNXB4fSogPiBib2R5e2JhY2tncm91bmQ6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2Vycm9ycy9yb2JvdC5wbmcpIDEwMCUgNXB4IG5vLXJlcGVhdDtwYWRkaW5nLXJpZ2h0OjIwNXB4fXB7bWFyZ2luOjExcHggMCAyMnB4O292ZXJmbG93OmhpZGRlbn1pbnN7Y29sb3I6Izc3Nzt0ZXh0LWRlY29yYXRpb246bm9uZX1hIGltZ3tib3JkZXI6MH1AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjc3MnB4KXtib2R5e2JhY2tncm91bmQ6bm9uZTttYXJnaW4tdG9wOjA7bWF4LXdpZHRoOm5vbmU7cGFkZGluZy1yaWdodDowfX0jbG9nb3tiYWNrZ3JvdW5kOnVybCgvL3d3dy5nb29nbGUuY29tL2ltYWdlcy9icmFuZGluZy9nb29nbGVsb2dvLzF4L2dvb2dsZWxvZ29fY29sb3JfMTUweDU0ZHAucG5nKSBuby1yZXBlYXQ7bWFyZ2luLWxlZnQ6LTVweH1AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4tcmVzb2x1dGlvbjoxOTJkcGkpeyNsb2dve2JhY2tncm91bmQ6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMngvZ29vZ2xlbG9nb19jb2xvcl8xNTB4NTRkcC5wbmcpIG5vLXJlcGVhdCAwJSAwJS8xMDAlIDEwMCU7LW1vei1ib3JkZXItaW1hZ2U6dXJsKC8vd3d3Lmdvb2dsZS5jb20vaW1hZ2VzL2JyYW5kaW5nL2dvb2dsZWxvZ28vMngvZ29vZ2xlbG9nb19jb2xvcl8xNTB4NTRkcC5wbmcpIDB9fUBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzoyKXsjbG9nb3tiYWNrZ3JvdW5kOnVybCgvL3d3dy5nb29nbGUuY29tL2ltYWdlcy9icmFuZGluZy9nb29nbGVsb2dvLzJ4L2dvb2dsZWxvZ29fY29sb3JfMTUweDU0ZHAucG5nKSBuby1yZXBlYXQ7LXdlYmtpdC1iYWNrZ3JvdW5kLXNpemU6MTAwJSAxMDAlfX0jbG9nb3tkaXNwbGF5OmlubGluZS1ibG9jaztoZWlnaHQ6NTRweDt3aWR0aDoxNTBweH0KICA8L3N0eWxlPgogIDxhIGhyZWY9Ly93d3cuZ29vZ2xlLmNvbS8+PHNwYW4gaWQ9bG9nbyBhcmlhLWxhYmVsPUdvb2dsZT48L3NwYW4+PC9hPgogIDxwPjxiPjQwNC48L2I+IDxpbnM+VGhhdOKAmXMgYW4gZXJyb3IuPC9pbnM+CiAgPHA+VGhlIHJlcXVlc3RlZCBVUkwgPGNvZGU+L3Mvc2lsa3NjcmVlbi92NC9tOEpYamZWUGY2MlhpRjdrTy1pOVVMUnZhbU9EeGRJLndvZmYyPC9jb2RlPiB3YXMgbm90IGZvdW5kIG9uIHRoaXMgc2VydmVyLiAgPGlucz5UaGF04oCZcyBhbGwgd2Uga25vdy48L2lucz4K)format("woff2")}:root{--primary:#d85b62;--primary-light:#f08a90;--primary-dark:#b14650;--primary-bg:#171010;--bg:#090909;--bg-2:#121212;--bg-3:#2e2e2e;--text:#b2b2b2;--text-muted:#656565;--border:#232323}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;image-rendering:pixelated;-webkit-text-stroke:.25px currentColor;overscroll-behavior:none;touch-action:none;font-family:Figtree,sans-serif}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;font-family:Figtree,sans-serif}:focus{outline:none}.pixel-scrollbar{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.pixel-scrollbar::-webkit-scrollbar{width:9px;height:9px}.pixel-scrollbar::-webkit-scrollbar-track{background:0 0}.pixel-scrollbar::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg);box-shadow:inset 0 0 0 1px var(--primary-light), inset 0 -2px 0 0 var(--primary-dark);border-radius:0}.pixel-scrollbar::-webkit-scrollbar-corner{background:0 0}.track-screen{position:absolute;inset:0;overflow:hidden}.track-screen-scroll{touch-action:pan-y;scrollbar-gutter:stable;height:100%;padding:24px 24px 136px;overflow:auto}.track-screen-heading{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.track-screen-label{color:var(--text);letter-spacing:1.4px;font-size:16px}.track-screen-count{color:var(--text-muted);font-size:12px}.track-screen-list{flex-direction:column;gap:10px;display:flex}.track-screen-row{width:100%;color:var(--text);border:2px solid var(--border);text-align:left;background:#101010;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.track-screen-row.active{border-color:var(--primary);background:var(--primary-bg)}.track-screen-cover{object-fit:cover;width:42px;height:42px;image-rendering:pixelated;border:2px solid #242424}.track-screen-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.track-screen-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.track-screen-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-screen-time{color:var(--text-muted);font-size:12px}@media (width<=520px){.track-screen{height:100%;position:relative;inset:auto}.track-screen-scroll{padding:18px 16px 20px}.track-screen-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:8px}.track-screen-cover{width:38px;height:38px}}.track-upload-backdrop{z-index:220;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.track-upload-modal{background:var(--bg-2);border:2px solid var(--primary);width:100%;max-width:420px;max-height:min(90vh,760px);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);padding:18px;overflow-y:auto}.track-upload-title{letter-spacing:1.4px;color:var(--primary);margin-bottom:12px;font-size:14px}.track-upload-hint,.track-upload-warning,.track-upload-error{letter-spacing:.4px;margin-bottom:12px;padding:10px 12px;font-size:11px;line-height:1.6}.track-upload-hint{color:var(--text-muted);background:var(--bg-3);border-left:2px solid var(--primary)}.track-upload-warning{color:#ffd88a;background:#b46e0029;border-left:2px solid #ffd88a}.track-upload-error{color:#ff8f82;background:#b4281429;border-left:2px solid #ff8f82}.track-upload-file-picker{border:2px dashed var(--border);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:10px;margin-bottom:12px;padding:22px 16px;display:flex}.track-upload-file-picker:active{border-color:var(--primary);background:var(--primary-bg)}.track-upload-file-input{display:none}.track-upload-file-name{color:var(--text-muted);font-size:11px}.track-upload-form{flex-direction:column;gap:10px;display:flex}.track-upload-cover{object-fit:cover;width:110px;height:110px;image-rendering:pixelated;border:2px solid var(--border);background:#101010}.track-upload-cover-empty{color:var(--text-muted);justify-content:center;align-items:center;font-size:11px;display:flex}.track-upload-field{flex-direction:column;gap:5px;display:flex}.track-upload-field span{color:var(--text-muted);letter-spacing:.9px;font-size:10px}.track-upload-field input{box-sizing:border-box;border:2px solid var(--border);width:100%;color:var(--text);background:#101010;padding:8px 10px;font-family:inherit;font-size:13px}.track-upload-field input:focus{border-color:var(--primary);outline:none}.track-upload-field em{color:#ff8f82;font-size:11px;font-style:normal}.track-upload-toggle{border:2px solid var(--border);cursor:pointer;background:linear-gradient(#111 0%,#0a0a0a 100%);align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.track-upload-toggle:active{border-color:var(--primary);background:var(--primary-bg)}.track-upload-toggle-input{opacity:0;pointer-events:none;position:absolute}.track-upload-toggle-box{border:2px solid var(--text-muted);background:#080808;flex-shrink:0;width:16px;height:16px;position:relative;box-shadow:inset 0 0 0 2px #141414}.track-upload-toggle-box.is-active{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 2px var(--primary-dark)}.track-upload-toggle-box.is-active:before{content:"";background:var(--primary-light);position:absolute;inset:2px;box-shadow:inset 0 0 0 1px #00000026}.track-upload-toggle-label{color:var(--text);letter-spacing:.7px}.track-upload-actions{gap:8px;margin-top:6px;display:flex}.track-upload-cancel,.track-upload-confirm{letter-spacing:1px;background:0 0;flex:1;padding:10px 12px;font-family:inherit;font-size:12px}.track-upload-cancel{color:var(--text-muted);border:2px solid var(--border)}.track-upload-confirm{color:var(--primary);border:2px solid var(--primary)}.track-upload-confirm:disabled{opacity:.45;pointer-events:none}.track-upload-cancel:active{opacity:.8}.track-upload-confirm:active:not(:disabled){background:var(--primary-bg)}@media (width<=520px){.track-upload-backdrop{padding:12px}.track-upload-modal{max-width:100%}}.library-upload-btn{border:2px solid var(--primary);width:100%;color:var(--primary);letter-spacing:1.5px;box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);background:0 0;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:13px;display:flex}.library-upload-btn:active{background:var(--primary-bg)}.upload-modal-backdrop{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.upload-modal{background:var(--bg-2);border:2px solid var(--primary);width:100%;max-width:360px;box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);flex-direction:column;gap:14px;padding:20px;display:flex}.upload-modal-title{letter-spacing:1.5px;color:var(--primary);align-items:center;gap:8px;font-size:13px;display:flex}.upload-modal-hint{letter-spacing:.7px;color:var(--text-muted);border-left:2px solid var(--primary);padding-left:10px;font-size:10px;line-height:1.6}.upload-modal-file-label{border:2px dashed var(--border);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;transition:border-color .15s;display:flex}.upload-modal-file-label:hover,.upload-modal-file-label:active{border-color:var(--primary);background:var(--primary-bg)}.upload-modal-file-input{display:none}.upload-modal-file-name{letter-spacing:1px;color:var(--text-muted);text-align:center;font-size:11px}.upload-modal-file-list{flex-direction:column;gap:4px;max-height:120px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.upload-modal-file-item{letter-spacing:.5px;color:var(--text);background:var(--bg-3);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:10px;overflow:hidden}.upload-modal-actions{gap:8px;display:flex}.upload-modal-cancel{letter-spacing:1px;color:var(--text-muted);border:2px solid var(--border);background:0 0;flex:1;padding:9px;font-family:inherit;font-size:11px}.upload-modal-cancel:active{border-color:var(--text-muted)}.upload-modal-confirm{letter-spacing:1px;color:var(--primary);border:2px solid var(--primary);background:0 0;flex:2;padding:9px;font-family:inherit;font-size:11px}.upload-modal-confirm:disabled{opacity:.35;pointer-events:none}.upload-modal-confirm:active:not(:disabled){background:var(--primary-bg)}.library-playlist-list{flex-direction:column;gap:10px;display:flex}.library-playlist-item{flex-direction:column;display:flex}.library-playlist-row{width:100%;color:var(--text);border:2px solid var(--border);text-align:left;background:#101010;grid-template-columns:50px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:8px 10px;display:grid}.library-playlist-row:active{border-color:var(--primary);background:var(--primary-bg)}.library-follow-btn{letter-spacing:1.2px;width:100%;color:var(--text-muted);border:2px solid var(--border);text-align:center;background:0 0;border-top:none;padding:6px 10px;font-family:inherit;font-size:10px}.library-follow-btn:active{background:var(--primary-bg);color:var(--primary)}.library-follow-btn-active{color:var(--primary);border-color:var(--primary)}.library-playlist-thumb{background:#181818;border:2px solid #242424;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.library-playlist-thumb-liked svg{display:block;transform:translate(2px,1px)}.library-playlist-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.library-add-btn{border:2px solid var(--primary);background:0 0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.library-add-btn:active{background:var(--primary-bg)}.library-create-form{align-items:center;gap:8px;margin-bottom:16px;display:flex}.library-create-input-wrap{flex:1;min-width:0;overflow:hidden}.library-create-input{border:2px solid var(--primary);color:var(--text);letter-spacing:.8px;transform-origin:0;box-sizing:border-box;background:#101010;outline:none;width:123.077%;padding:6px 8px;font-family:inherit;font-size:16px;transform:scale(.8125)}.library-create-input::placeholder{color:var(--text-muted)}.library-create-confirm{color:var(--primary);border:2px solid var(--primary);letter-spacing:.8px;background:0 0;padding:4px 8px;font-size:13px}.library-create-confirm:active{background:var(--primary-bg)}.library-create-cancel{color:var(--text-muted);border:2px solid var(--border);background:0 0;padding:4px 8px;font-size:13px}.library-back-btn{color:var(--primary);letter-spacing:.8px;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.library-back-btn:active{opacity:.7}.library-playlist-header{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.library-playlist-title{color:var(--text);letter-spacing:1.2px;align-items:center;gap:6px;font-size:15px;display:flex}.library-playlist-heading-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.library-edit-btn{border:2px solid var(--border);background:0 0;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;display:flex}.library-edit-btn:active{border-color:var(--primary);background:var(--primary-bg)}.library-edit-btn-active{border-color:var(--primary);color:var(--primary)}.library-edit-done{letter-spacing:1px;color:var(--primary);font-family:inherit;font-size:9px}.library-rename-trigger{letter-spacing:1.2px;width:100%;color:var(--text-muted);border:2px solid var(--border);text-align:center;background:0 0;margin-bottom:12px;padding:8px 12px;font-family:inherit;font-size:10px}.library-rename-trigger:active{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.library-rename-form{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.library-track-row{cursor:grab;align-items:stretch;display:flex}.library-track-row:active{cursor:grabbing}.library-track-delete{border:2px solid var(--border);cursor:pointer;touch-action:none;background:#101010;border-right:none;flex-shrink:0;justify-content:center;align-items:center;width:38px;display:flex}.library-track-delete:active:not(:disabled) svg rect{fill:#c0504a}.library-track-delete:disabled{opacity:.4;cursor:default}.library-track-info{border:2px solid var(--border);pointer-events:none;-webkit-user-select:none;user-select:none;background:#101010;flex:1;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:8px 10px;display:grid}.library-track-row.active .library-track-info{border-color:var(--primary);background:var(--primary-bg)}.library-removing-dot{color:var(--text-muted);font-size:14px;line-height:1}.library-empty{color:var(--text-muted);letter-spacing:1px;text-align:center;padding:32px 0;font-size:12px}@media (width<=520px){.library-playlist-row{grid-template-columns:44px minmax(0,1fr) 14px;gap:10px;padding:8px}.library-playlist-thumb{width:44px;height:44px}.library-track-info{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:8px}}@media (width>=521px){.library-playlist-row{grid-template-columns:50px minmax(0,1fr) 14px;gap:14px;padding:10px 14px}}.home-screen{position:absolute;inset:0;overflow:hidden}.home-scroll{touch-action:pan-y;scrollbar-gutter:stable;height:100%;padding:24px 24px 136px;overflow-y:auto}.home-drag-scroll{cursor:grab}.home-drag-scroll:active{cursor:grabbing}.home-section{margin-bottom:32px}.home-time-greeting-wrap{opacity:0;flex-direction:column;justify-content:center;align-items:center;margin:-9px 0 6px;padding:0;transition:opacity .26s ease-out,transform .26s ease-out;display:flex;position:relative;transform:translateY(-4px)}.home-time-greeting-wrap.visible{opacity:1;transform:translateY(0)}.home-time-greeting{z-index:1;text-align:center;border:2px solid var(--primary-dark);background:#101010e0;border-radius:0;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;max-width:min(100%,280px);min-height:18px;padding:6px 10px;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 2px 8px #0000004d}.home-time-greeting-icon{opacity:.88;filter:none;flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.home-time-greeting-text{min-width:0;max-width:100%;color:var(--text);letter-spacing:.12px;white-space:nowrap;text-overflow:ellipsis;opacity:.9;margin:0;font-size:10px;line-height:1;display:block;overflow:hidden}.home-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.home-section-title{color:var(--text-muted);letter-spacing:1.6px;margin:0;font-size:13px;font-weight:400}.home-show-more{color:var(--primary);letter-spacing:1.6px;background:0 0;border:0;padding:0;font-size:10px}.home-featured-mix,.home-mood-card{text-align:left;border:2px solid var(--border);width:100%;color:var(--text);gap:18px;margin-bottom:26px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a,0 2px 8px #0006}.home-featured-mix{background:radial-gradient(circle at 0 0,#d85b6247,#0000 48%),linear-gradient(135deg,#161616 0%,#0d0d0d 100%);grid-template-columns:minmax(0,1.4fr) 128px;padding:20px}.home-featured-mix:active,.home-mood-card:active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary), 0 2px 12px #d85b6229}.home-hero-copy{flex-direction:column;gap:10px;min-width:0;display:flex}.home-hero-kicker,.home-mood-label{color:var(--primary);letter-spacing:1.8px;text-transform:uppercase;font-size:10px}.home-hero-title,.home-mood-title{margin:0;font-size:22px;line-height:1.2}.home-hero-tagline,.home-hero-description,.home-mood-description{color:var(--text-muted);margin:0;font-size:11px;line-height:1.6}.home-playlist-badge{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.home-track-row,.home-artist-row{scrollbar-width:none;touch-action:pan-x;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.home-track-row::-webkit-scrollbar{display:none}.home-artist-row::-webkit-scrollbar{display:none}.home-track-card,.home-artist-card{border:2px solid var(--border);text-align:left;color:var(--text);background:#101010;flex-direction:column;flex:0 0 100px;align-items:flex-start;gap:6px;padding:8px;transition:all .12s ease-out;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.home-track-card.active,.home-track-card:active,.home-artist-card:active{border-color:var(--primary);background:var(--primary-bg);box-shadow:inset 0 0 0 1px #d85b624d,0 1px 6px #d85b621f}.home-track-cover,.home-artist-avatar,.home-playlist-thumb{border:2px solid #242424;width:84px;height:84px;display:block}.home-track-cover{object-fit:cover;image-rendering:pixelated}.home-artist-image,.home-playlist-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.home-artist-avatar,.home-playlist-thumb{background:#181818;place-items:center;display:grid}.home-artist-avatar{color:var(--primary);background:linear-gradient(#d85b6247,#d85b620f);border-color:#d85b6257;font-size:20px}.home-track-title,.home-playlist-name,.home-artist-name,.home-request-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.4px;max-width:84px;font-size:12px;overflow:hidden}.home-track-artist,.home-playlist-count,.home-artist-meta,.home-request-artist,.home-request-likes,.home-mood-cta{color:var(--text-muted);font-size:10px}.home-request-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-request-card{border:2px solid var(--border);text-align:left;color:var(--text);background:#101010;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;transition:all .12s ease-out;display:flex;box-shadow:inset 0 0 0 1px #ffffff05}.home-request-card:active{border-color:var(--primary);background:var(--primary-bg);box-shadow:inset 0 0 0 1px #d85b624d,0 1px 6px #d85b621f}.home-request-likes,.home-mood-cta{color:var(--primary);letter-spacing:1.4px}.home-mood-card{background:linear-gradient(#d85b621f,#0000 55%),#121212;padding:18px;transition:all .12s ease-out}.home-empty{border:2px solid var(--border);color:var(--text-muted);padding:18px;box-shadow:inset 0 0 0 1px #ffffff05}.home-empty-error{color:#e74c3c;border-color:#e74c3c}@media (width<=520px){.home-screen{height:100%;position:relative;inset:auto}.home-scroll{padding:18px 16px 20px}.home-featured-mix,.home-request-row{grid-template-columns:1fr}}.req-screen .track-screen-scroll{overflow-y:scroll}.req-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.req-add-btn{border:2px solid var(--primary);background:0 0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.req-add-btn:active{background:var(--primary-bg)}.req-tabs{gap:8px;margin-bottom:18px;display:flex}.req-tab{letter-spacing:1.2px;color:var(--text-muted);border:2px solid var(--border);background:0 0;flex:1;padding:8px 0;font-size:12px}.req-tab-active{color:var(--primary);border-color:var(--primary);background:var(--primary-bg)}.req-tab:active:not(.req-tab-active){border-color:var(--text-muted)}.req-row{border:2px solid var(--border);background:#101010;align-items:center;gap:12px;padding:10px 12px;display:flex}.req-row .track-screen-copy{flex:1;min-width:0}.req-status{letter-spacing:.8px;color:var(--primary);margin-top:5px;font-size:10px;display:inline-flex}.req-actions{align-items:stretch;gap:8px;display:flex}.req-upload-btn{border:2px solid var(--primary);min-height:46px;color:var(--primary);letter-spacing:1px;background:0 0;flex-shrink:0;padding:0 10px;font-size:10px}.req-upload-btn:active{background:var(--primary-bg)}.req-like-btn{border:2px solid var(--border);min-width:38px;color:var(--text-muted);background:0 0;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:6px 8px;display:flex}.req-like-btn-active{border-color:var(--primary);background:var(--primary-bg)}.req-like-btn:active{opacity:.7}.req-like-count{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.req-like-btn-active .req-like-count{color:var(--primary)}.req-screen-list{flex-direction:column;gap:10px;display:flex}.req-modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.req-modal{background:var(--bg-2);border:2px solid var(--primary);width:100%;max-width:360px;box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);padding:20px}.req-modal-title{color:var(--primary);letter-spacing:1.4px;margin-bottom:16px;font-size:14px}.req-modal-form{flex-direction:column;gap:10px;display:flex}.req-modal-input{border:2px solid var(--border);color:var(--text);letter-spacing:.8px;transform-origin:0;box-sizing:border-box;background:#101010;outline:none;width:123.077%;margin-right:-23.0769%;padding:8px 10px;font-family:inherit;font-size:16px;transform:scale(.8125)}.req-modal-input:focus{border-color:var(--primary)}.req-modal-input::placeholder{color:var(--text-muted)}.req-modal-input-error{border-color:#c0392b}.req-modal-field{flex-direction:column;gap:4px;display:flex}.req-modal-field-error{color:#e74c3c;letter-spacing:.3px;padding-left:2px;font-size:11px}.req-modal-general-error{color:#e74c3c;letter-spacing:.3px;padding:4px 0;font-size:11px}.req-modal-actions{gap:8px;margin-top:4px;display:flex}.req-modal-confirm{color:var(--primary);border:2px solid var(--primary);letter-spacing:.8px;background:0 0;flex:1;padding:8px 0;font-size:13px}.req-modal-confirm:active{background:var(--primary-bg)}.req-modal-cancel{color:var(--text-muted);border:2px solid var(--border);letter-spacing:.8px;background:0 0;flex:1;padding:8px 0;font-size:13px}.req-modal-cancel:active{opacity:.7}.req-delete-btn{border:2px solid var(--border);width:46px;min-height:46px;color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.req-delete-btn:active{color:#e74c3c;border-color:#e74c3c}@media (width<=520px){.req-modal-overlay{align-items:center;padding:16px}.req-modal{max-width:100%}}.home-category-screen{position:absolute;inset:0}.home-category-header{flex-direction:column;gap:10px;display:flex}.home-category-back{width:fit-content;color:var(--text-muted);letter-spacing:1.4px;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.home-category-error{color:#e74c3c}.home-category-artist-list{flex-direction:column;gap:12px;display:flex}.home-category-artist-row{border:2px solid var(--border);text-align:left;width:100%;color:var(--text);background:#101010;align-items:center;gap:14px;padding:12px;display:flex}.home-category-artist-row:active{border-color:var(--primary)}.home-category-artist-avatar{width:52px;height:52px;color:var(--primary);background:linear-gradient(#d85b6247,#d85b6214);border:2px solid #d85b6266;place-items:center;font-size:15px;display:grid}.home-category-artist-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.home-category-artist-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.home-category-artist-name{font-size:13px}.home-category-artist-meta{color:var(--text-muted);font-size:10px;line-height:1.5}.home-category-request-row{border:2px solid var(--border);width:100%}.home-category-request-likes{color:var(--primary);letter-spacing:1.4px;font-size:10px}.home-category-load-more{border:2px solid var(--primary);background:var(--primary-bg);width:100%;color:var(--text);letter-spacing:1.6px;margin-top:16px;padding:14px}.settings-screen{flex-direction:column;gap:0;height:100%;padding:20px 16px;display:flex;overflow-y:auto}.settings-section-label{letter-spacing:2px;color:var(--text-muted);padding:0 2px 10px;font-size:10px}.settings-row{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:14px 4px;transition:border-color .1s;display:flex}.settings-row:hover{border-color:var(--border)}.settings-row:active{background:var(--bg-2)}.settings-row-info{flex-direction:column;gap:5px;display:flex}.settings-row-title{color:var(--text);letter-spacing:1px;font-size:13px}.settings-row-desc{color:var(--text-muted);letter-spacing:.5px;font-size:9px}.settings-divider{background:var(--border);height:2px;margin:4px 0}.color-preview{border:2px solid var(--text-muted);width:22px;height:22px;image-rendering:pixelated;flex-shrink:0}.color-popup-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.color-popup{background:var(--bg-2);border:2px solid var(--primary);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);flex-direction:column;align-items:center;gap:16px;min-width:220px;padding:20px;display:flex}.color-popup-title{letter-spacing:2px;color:var(--text);font-size:12px}.color-popup-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.color-swatch{background:var(--swatch-color);width:36px;height:36px;image-rendering:pixelated;border:2px solid #0000;position:relative}.color-swatch:hover{border-color:var(--text)}.color-swatch-active{box-shadow:inset 0 0 0 2px var(--bg), inset 0 0 0 4px var(--swatch-color);border-color:var(--text)!important}.color-swatch-active:after{content:"";background:var(--text);width:4px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.color-popup-close{letter-spacing:1.5px;color:var(--text-muted);border:2px solid var(--border);padding:6px 14px;font-size:10px}.color-popup-close:hover{color:var(--text);border-color:var(--text-muted)}.settings-row-battery{cursor:default;pointer-events:none}.settings-row-battery .battery-picker{pointer-events:all}.battery-picker{flex-shrink:0;align-items:center;gap:8px;display:flex}.battery-step{border:2px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:1px;padding:5px;transition:border-color .1s;display:flex}.battery-step:hover{border-color:var(--text-muted)}.battery-step-active{background:var(--primary-bg);border-color:var(--primary)!important}.battery-step-body{border:2px solid var(--primary);border-radius:1px;align-items:center;gap:1px;padding:1px;display:flex}.battery-step-fill{background:var(--primary);width:3px;height:6px}.battery-step-fill-empty{background:#353535}.battery-step-cap{background:var(--primary);width:2px;height:3px}.account-screen{height:100%;padding:18px 16px 28px;overflow-y:auto}.account-panel{border:2px solid var(--primary);background:linear-gradient(180deg, #d85b6214, #d85b6200 28%), var(--bg-2);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);flex-direction:column;gap:12px;padding:16px;display:flex}.account-section-label{letter-spacing:1.6px;color:var(--primary);font-family:Silkscreen,monospace;font-size:10px}.account-section-copy{color:var(--text-muted);font-size:11px;line-height:1.5}.account-form{flex-direction:column;gap:12px;display:flex}.account-field{flex-direction:column;gap:6px;display:flex}.account-label{letter-spacing:1.2px;color:var(--text-muted);font-size:10px}.account-input{border:2px solid var(--border);width:100%;min-height:42px;color:var(--text);letter-spacing:.5px;background:#0c0c0c;padding:10px 12px;font-size:13px}.account-input:focus{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary-bg)}.account-divider{background:linear-gradient(90deg, transparent, var(--border) 14%, var(--border) 86%, transparent);height:2px;margin:4px 0}.account-error,.account-success{border:2px solid;padding:10px 12px;font-size:11px;line-height:1.5}.account-error{color:#ff8d8d;background:#6a2b2b2e;border-color:#6a2b2b}.account-success{color:#8ee6a3;background:#295c372e;border-color:#295c37}.account-submit{border:2px solid var(--primary);background:var(--primary-bg);min-height:44px;color:var(--primary-light);letter-spacing:1.4px;margin-top:6px;padding:10px 14px;font-family:Silkscreen,monospace;font-size:10px;transition:background 80ms,color 80ms,transform 80ms}.account-submit:hover:not(:disabled){background:var(--primary);color:#fff}.account-submit:active:not(:disabled){transform:translateY(1px)}.account-submit:disabled{opacity:.45;cursor:default}.artist-screen{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;height:100%;padding:12px 0 24px;display:flex;overflow:hidden auto}.artist-back-btn{color:var(--text-muted);letter-spacing:.08em;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 20px 10px;font-family:Figtree,sans-serif;font-size:11px;transition:color .15s;display:inline-flex}.artist-back-btn:hover{color:var(--text)}.artist-hero{flex-direction:column;align-items:center;gap:10px;padding:16px 20px 28px;display:flex}.artist-avatar{background:var(--primary-bg);border:3px solid var(--primary);width:108px;height:108px;box-shadow:0 0 0 1px var(--primary-dark), 0 8px 32px #00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.artist-avatar-initials{color:var(--primary);letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-family:Figtree,sans-serif;font-size:28px}.artist-avatar-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.artist-name{color:var(--text);letter-spacing:.06em;text-align:center;margin:0;font-family:Figtree,sans-serif;font-size:18px}.artist-track-count{color:var(--text-muted);letter-spacing:.1em;margin:0;font-family:Figtree,sans-serif;font-size:11px}.artist-tracks-section{padding:0 16px}.artist-section-title{color:var(--text-muted);letter-spacing:.12em;margin:0 0 10px 4px;font-family:Figtree,sans-serif;font-size:11px}.artist-track-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.artist-track-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:background .12s;display:flex}.artist-track-row:hover{background:var(--bg-2)}.artist-track-row.active{background:var(--primary-bg)}.artist-track-rank{color:var(--text-muted);text-align:right;min-width:20px;font-family:Figtree,sans-serif;font-size:11px}.artist-track-cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:38px;height:38px}.artist-track-info{flex:1;min-width:0}.artist-track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;display:block;overflow:hidden}.artist-track-row.active .artist-track-title{color:var(--primary)}.artist-track-playing-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s ease-in-out infinite alternate dot-pulse}@keyframes dot-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.search-screen{flex-direction:column;gap:14px;height:100%;padding:16px 16px 0;display:flex;overflow:hidden}.search-input-row{flex-shrink:0;align-items:center;gap:6px;height:36px;display:flex;overflow:visible}.search-input{background:var(--bg-2);border:2px solid var(--border);color:var(--text);letter-spacing:.04em;box-sizing:border-box;transform-origin:0;outline:none;flex:1;width:calc(123.077% - 30px);margin-right:calc(-23.0769% + 30px);padding:5px 8px;font-family:Figtree,sans-serif;font-size:16px;transition:border-color .15s;transform:scale(.8125)}.search-input:focus{border-color:var(--primary)}.search-input::placeholder{color:var(--text-muted);opacity:.6}.search-cancel-btn{color:var(--text);background:var(--bg-2);border:2px solid var(--primary);cursor:pointer;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;align-items:center;height:36px;padding:6px 8px;font-family:Figtree,sans-serif;font-size:10px;transition:all .15s;display:flex}.search-cancel-btn:active{background:var(--primary);color:var(--bg)}.search-tabs{flex-shrink:0;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.search-tabs::-webkit-scrollbar{height:4px}.search-tabs::-webkit-scrollbar-track{background:0 0}.search-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.search-tab{background:var(--bg-2);border:2px solid var(--border);color:var(--text);cursor:pointer;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;padding:5px 10px;font-family:Figtree,sans-serif;font-size:10px;transition:all .15s}.search-tab:active{opacity:.7}.search-tab.active{background:var(--primary);border-color:var(--primary);color:var(--bg)}.search-section-title{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;padding:8px 8px 4px;font-family:Figtree,sans-serif;font-size:10px}.search-loading{color:var(--text-muted);text-align:center;letter-spacing:.06em;margin-top:40px;font-family:Figtree,sans-serif;font-size:12px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.search-results{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.search-empty{color:var(--text-muted);text-align:center;letter-spacing:.06em;margin-top:40px;font-family:Figtree,sans-serif;font-size:12px}.search-result-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:12px;padding:10px 8px;transition:background .1s;display:flex}.search-result-item:active{background:var(--bg-2)}.search-result-item.active .search-result-title{color:var(--primary)}.search-result-cover{object-fit:cover;width:42px;height:42px;image-rendering:pixelated;flex-shrink:0}.search-result-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.search-result-title{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-family:Figtree,sans-serif;font-size:12px;overflow:hidden}.search-result-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-family:Figtree,sans-serif;font-size:11px;overflow:hidden}.search-result-duration{color:var(--text-muted);flex-shrink:0;font-family:Figtree,sans-serif;font-size:11px}.search-result-artist-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:12px;padding:10px 8px;transition:background .1s;display:flex}.search-result-artist-item:active{background:var(--bg-2)}.search-result-playlist-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:12px;padding:10px 8px;transition:background .1s;display:flex}.search-result-playlist-item:active{background:var(--bg-2)}.search-result-album-item{border-bottom:1px solid var(--border);text-align:left;width:100%;color:var(--text);align-items:center;gap:12px;padding:10px 8px;display:flex}.search-result-album-item .search-result-info{pointer-events:none}.player-module{pointer-events:none;--player-sheet-ease:cubic-bezier(.22, 1, .36, 1);--player-sheet-duration:.42s;position:absolute;inset:0}.player-sheet{background:var(--bg);transition:transform var(--player-sheet-duration) var(--player-sheet-ease);pointer-events:none;border-top:2px solid var(--border);will-change:transform;position:absolute;inset:0;overflow:hidden;transform:translateY(100%)}.player-module.expanded .player-sheet{pointer-events:auto;transform:translateY(0)}.player-expanded-scroll{touch-action:pan-y;scrollbar-gutter:stable both-edges;height:100%;padding:10px 24px 22px;overflow:hidden auto}.player-expanded-scroll.queue-open{overflow-y:auto}@media (width>=521px){.player-expanded-scroll,.player-expanded-scroll.queue-open{scrollbar-gutter:auto;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.player-expanded-scroll::-webkit-scrollbar{width:0;height:0;display:none}.player-expanded-scroll.queue-open::-webkit-scrollbar{width:0;height:0;display:none}}.player-main-layout{flex-direction:column;min-height:100%;display:flex}.player-core-stack{flex-direction:column;flex:auto;justify-content:space-evenly;align-items:center;gap:12px;width:100%;min-height:0;display:flex}.player-toggle-row{flex:none;justify-content:center;padding:8px 0 6px;display:flex}.player-toggle-btn{color:var(--text-muted);padding:2px 4px;line-height:0}.player-cover-art{aspect-ratio:1;flex-shrink:1;width:min(100%,352px);margin:0 auto;padding:0 10px;position:relative}.player-cover-inner{border:2px solid var(--border);background:#0b0b0b;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #121212,0 0 0 2px #0b0b0b}.player-cover-inner:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(var(--border), var(--border)) left 2px top 0 / 6px 2px no-repeat, linear-gradient(var(--border), var(--border)) left 0 top 2px / 2px 6px no-repeat, linear-gradient(var(--border), var(--border)) right 2px top 0 / 6px 2px no-repeat, linear-gradient(var(--border), var(--border)) right 0 top 2px / 2px 6px no-repeat, linear-gradient(var(--border), var(--border)) left 2px bottom 0 / 6px 2px no-repeat, linear-gradient(var(--border), var(--border)) left 0 bottom 2px / 2px 6px no-repeat, linear-gradient(var(--border), var(--border)) right 2px bottom 0 / 6px 2px no-repeat, linear-gradient(var(--border), var(--border)) right 0 bottom 2px / 2px 6px no-repeat;position:absolute;inset:-2px}.player-cover-image{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.player-song-info{width:100%;margin-bottom:14px;padding:0 4px}.player-song-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:9px;display:flex}.player-song-title{color:var(--text);font-size:21px;font-weight:400;line-height:1.35}.player-song-artist-btn{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.player-song-artist-btn:hover .player-song-artist{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.player-song-artist{color:var(--text-muted);font-size:16px;line-height:1.35;transition:color .15s}.player-like-btn{color:var(--text-muted);flex-shrink:0;padding:3px}.player-like-btn.liked{color:var(--primary)}.player-progress-section{width:100%;padding:0 4px}.player-progress-bar{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;padding:7px 0 5px;position:relative}.player-progress-track{background:#3a3a3a;height:3px;position:relative}.player-progress-fill{background:var(--primary);height:100%;position:absolute;top:0;left:0}.player-progress-thumb{background:var(--primary);width:6px;height:6px;box-shadow:0 0 0 1px var(--bg), 0 0 0 2px var(--primary);border-radius:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.player-progress-times{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:14px;display:flex}.player-controls{justify-content:space-between;align-items:center;width:min(100%,320px);margin:0 auto;display:flex}.player-ctrl-btn{color:var(--text);justify-content:center;align-items:center;padding:4px;display:flex}.player-ctrl-btn.active{color:var(--primary)}.player-ctrl-mode{color:var(--text-muted)}.player-ctrl-play{color:var(--primary);transform:scale(1.45)}.player-bottom-actions{justify-content:space-between;align-self:center;align-items:center;width:260px;margin:0 auto;display:flex}.player-action-btn{color:var(--text-muted);justify-content:center;align-items:center;padding:4px;display:flex}.player-action-btn.active{color:var(--primary)}.player-action-slot{justify-content:center;align-items:center;display:flex;position:relative}.player-lyrics-toast{width:max-content;max-width:160px;color:var(--primary);border:2px solid var(--primary);text-align:center;text-transform:uppercase;letter-spacing:.08em;image-rendering:pixelated;background:#151515;padding:10px 12px 9px;font-size:9px;line-height:1.6;animation:.18s steps(3,end) lyrics-toast-pop;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #0b0b0b,4px 4px #00000073}@keyframes lyrics-toast-pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.player-queue-panel{border-top:2px solid var(--border);margin-top:10px;padding-top:14px}.player-queue-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.player-queue-list{flex-direction:column;gap:8px;display:flex}.player-queue-row{border:2px solid var(--border);color:var(--text);text-align:left;background:#101010;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.player-queue-row.active{border-color:var(--primary);background:var(--primary-bg)}.player-queue-cover{object-fit:cover;width:34px;height:34px;image-rendering:pixelated;border:2px solid #242424}.player-queue-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.player-queue-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-queue-artist,.player-queue-time{color:var(--text-muted);font-size:9px}.mini-player-float{pointer-events:auto;width:auto;min-height:70px;transition:transform .24s var(--player-sheet-ease), opacity .18s ease;will-change:transform, opacity;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 2px) calc(100% - 6px),calc(100% - 2px) calc(100% - 2px),calc(100% - 6px) calc(100% - 2px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 6px),0 calc(100% - 6px),0 6px,2px 6px,2px 2px,6px 2px);background:#0c0c0c;border:2px solid #343434;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid;position:absolute;bottom:20px;left:14px;right:14px;overflow:hidden;box-shadow:inset 0 0 0 2px #121212,0 0 0 2px #0b0b0b}.mini-player-float:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#343434,#343434) 2px 0/6px 2px no-repeat,linear-gradient(#343434,#343434) 0 2px/2px 6px no-repeat,linear-gradient(#343434,#343434) right 2px top 0/6px 2px no-repeat,linear-gradient(#343434,#343434) right 0 top 2px/2px 6px no-repeat,linear-gradient(#343434,#343434) left 2px bottom 0/6px 2px no-repeat,linear-gradient(#343434,#343434) left 0 bottom 2px/2px 6px no-repeat,linear-gradient(#343434,#343434) right 2px bottom 0/6px 2px no-repeat,linear-gradient(#343434,#343434) right 0 bottom 2px/2px 6px no-repeat;position:absolute;inset:-2px}.mini-player-float>*{z-index:1;position:relative}.mini-player-main{min-width:0;color:var(--text);text-align:left;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mini-player-cover{object-fit:cover;width:42px;height:42px;image-rendering:pixelated;border:2px solid var(--border)}.mini-player-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mini-player-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.mini-player-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mini-player-controls{align-items:center;gap:10px;display:flex}.mini-ctrl-btn{color:var(--text);justify-content:center;align-items:center;padding:2px;display:flex}.mini-ctrl-play{color:var(--primary)}.modal-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-2);border:2px solid var(--primary);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);flex-direction:column;gap:14px;width:100%;max-width:280px;padding:20px;display:flex}.modal-title{letter-spacing:2px;color:var(--text-muted);font-size:10px}.modal-track-name{color:var(--text);letter-spacing:1px;border-bottom:2px solid var(--border);padding-bottom:12px;font-size:14px}.modal-playlist-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.modal-empty{color:var(--text-muted);letter-spacing:1px;text-align:center;padding:8px 0;font-size:10px}.modal-playlist-row{border:2px solid var(--border);color:var(--text);letter-spacing:1px;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:10px;font-size:12px;transition:border-color .1s;display:flex}.modal-playlist-row:hover:not(:disabled){border-color:var(--primary);background:var(--primary-bg)}.modal-playlist-row-added{color:var(--text-muted);cursor:default}.modal-check{color:var(--primary);font-size:12px}.modal-create-form{flex-direction:column;gap:8px;display:flex;overflow:hidden}.modal-create-input{background:var(--bg);border:2px solid var(--primary);color:var(--text);letter-spacing:1px;transform-origin:0;box-sizing:border-box;outline:none;width:123.077%;margin-right:-23.0769%;padding:8px 10px;font-size:16px;transform:scale(.8125)}.modal-create-actions{gap:8px;display:flex}.modal-btn-confirm,.modal-btn-cancel{letter-spacing:1.5px;border:2px solid var(--border);color:var(--text-muted);cursor:pointer;flex:1;padding:8px 0;font-size:10px}.modal-btn-confirm{border-color:var(--primary);color:var(--primary)}.modal-btn-confirm:hover{background:var(--primary-bg)}.modal-btn-cancel:hover{color:var(--text);border-color:var(--text-muted)}.modal-new-btn{border:2px solid var(--border);color:var(--primary);letter-spacing:1.5px;cursor:pointer;padding:10px;font-size:10px;transition:border-color .1s,background .1s}.modal-new-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.modal-close-btn{letter-spacing:1.5px;color:var(--text-muted);border:2px solid var(--border);cursor:pointer;padding:8px;font-size:10px}.modal-close-btn:hover{color:var(--text);border-color:var(--text-muted)}@media (width<=520px){.player-module{pointer-events:none;position:absolute;inset:0}.player-module.expanded{flex:none}.player-sheet{height:100%;position:absolute;inset:0}.player-expanded-scroll{height:100%;padding:6px 16px 16px}.player-toggle-row{padding-bottom:4px}.player-cover-art{width:min(100%,266px);padding:0}.player-song-info{margin-bottom:0}.player-song-title{font-size:18px;line-height:1.25}.player-song-artist{font-size:14px;line-height:1.25}.player-controls{gap:38px}.player-queue-panel{margin-top:-2px;padding-top:6px}.mini-player-float{gap:10px;min-height:66px;padding:9px 10px;position:absolute;bottom:12px;left:10px;right:10px}.mini-player-main{grid-template-columns:38px minmax(0,1fr);gap:8px}.mini-player-cover{width:38px;height:38px}.mini-player-title{font-size:12px}.mini-player-artist{font-size:9px}}.loading-overlay{z-index:9999;background:var(--bg);justify-content:center;align-items:center;transition:opacity .28s;display:flex;position:fixed;inset:0}.loading-overlay-leaving{opacity:0;pointer-events:none}.loading-logo-float{z-index:10000;letter-spacing:1.8px;will-change:top, left, transform;align-items:baseline;gap:2px;font-family:Silkscreen,monospace;font-size:18px;line-height:1;transition:top .38s cubic-bezier(.4,0,.2,1),left .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1),opacity 80ms .38s;display:inline-flex;position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 16px))}.loading-logo-float-gone{opacity:0;pointer-events:none}.loading-logo-main{color:var(--text)}.loading-logo-domain{color:#747474;letter-spacing:1.2px;font-size:12px}.loading-dots-wrap{align-items:center;gap:10px;margin-top:32px;display:flex}.loading-dot{background:var(--bg-3);width:6px;height:6px;transition:background 80ms step-end;display:block}.loading-dot-on{background:var(--primary)}.auth-overlay{background:var(--bg);z-index:100;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.auth-card{flex-direction:column;gap:28px;width:100%;max-width:320px;display:flex}.auth-logo{justify-content:center;align-items:baseline;gap:2px;font-family:Silkscreen,monospace;line-height:1;display:flex}.auth-logo-main{letter-spacing:2px;color:var(--text);font-size:22px}.auth-logo-domain{letter-spacing:1.2px;color:#747474;font-size:13px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex;overflow:hidden}.auth-label{letter-spacing:1.8px;color:var(--text-muted);font-family:Silkscreen,monospace;font-size:10px}.auth-input{background:var(--bg-2);border:2px solid var(--border);color:var(--text);transform-origin:0;box-sizing:border-box;-webkit-appearance:none;border-radius:0;outline:none;width:123.077%;margin-right:-23.0769%;padding:10px 12px;font-family:inherit;font-size:16px;transition:border-color .12s;transform:scale(.8125)}.auth-input:focus,.auth-input-error{border-color:var(--primary)}.auth-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}.auth-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}.auth-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-2) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text)}.auth-input::placeholder{color:var(--text-muted);font-size:16px}.auth-select{cursor:pointer;padding-right:8px;font-size:16px}.auth-select option{background:var(--bg-2);color:var(--text)}.auth-hint{color:var(--text-muted);letter-spacing:.3px;font-size:10px;line-height:1.5}.auth-error{color:var(--primary);letter-spacing:.4px;font-size:11px;line-height:1.4}.auth-field-error{color:var(--primary);letter-spacing:.3px;font-size:10px;line-height:1.35}.auth-success{color:#88d98a;letter-spacing:.4px;font-size:11px;line-height:1.4}.auth-btn-primary{background:var(--primary);color:#fff;letter-spacing:2px;cursor:pointer;border:none;margin-top:4px;padding:12px;font-family:Silkscreen,monospace;font-size:12px;transition:background .1s}.auth-btn-primary:hover{background:var(--primary-light)}.auth-btn-primary:active{background:var(--primary-dark)}.auth-btn-primary:disabled{opacity:.6;cursor:default}.auth-divider{background:var(--border);height:1px;margin:2px 0}.auth-btn-secondary{border:2px solid var(--border);color:var(--text-muted);letter-spacing:1.5px;cursor:pointer;background:0 0;padding:10px;font-family:Silkscreen,monospace;font-size:11px;transition:border-color .1s,color .1s}.auth-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.auth-btn-secondary:active{background:var(--primary-bg)}.auth-btn-secondary:disabled{opacity:.6;cursor:default}.app-root{background:#020202;justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:10px;display:flex;overflow:hidden}.app-frame{background:var(--bg);border:1.5px solid #232323;border-radius:28px;flex-shrink:0;grid-template-rows:54px minmax(0,1fr) 70px;width:390px;height:calc(100dvh - 20px);display:grid;overflow:hidden}.app-frame-nobar{grid-template-rows:54px minmax(0,1fr)}.app-topbar{background:var(--bg);z-index:3;border-bottom:2px solid #121212;flex-shrink:0;justify-content:space-between;align-items:center;height:54px;min-height:54px;max-height:54px;padding:0 18px;display:flex;position:relative}.app-logo-text{letter-spacing:1.8px;color:var(--text);align-items:baseline;gap:2px;font-family:Silkscreen,monospace;font-size:18px;line-height:1;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.app-logo-main{color:var(--text)}.app-logo-domain{color:#747474;letter-spacing:1.2px;font-size:12px}.app-body{min-height:0;position:relative;overflow:hidden}.install-hint{z-index:5;border:2px solid var(--primary);background:#090909f5;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;top:12px;left:12px;right:12px;box-shadow:inset 0 0 0 2px #121212}.install-hint p{color:var(--text);font-size:12px;line-height:1.5}.install-hint button{border:2px solid var(--primary);color:var(--primary);flex:none;padding:6px 10px;font-size:12px}.app-screen-layer{position:absolute;inset:0}@media (width<=520px){.app-root{align-items:stretch;padding:0}.app-frame{border:none;border-radius:0;width:100%;height:100dvh}.app-body{flex-direction:column;display:flex;overflow:hidden}.app-screen-layer{flex:auto;min-height:0;position:relative;inset:auto}.app-body.player-open .app-screen-layer{display:none}.install-hint{flex-direction:column;align-items:flex-start}}.user-avatar{flex-shrink:0}.avatar-menu-wrap{flex-shrink:0;position:relative}.avatar-menu-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:0;line-height:0;display:flex}.avatar-menu-label{text-overflow:ellipsis;white-space:nowrap;max-width:74px;color:var(--text-muted);letter-spacing:.8px;font-size:10px;line-height:1;overflow:hidden}.avatar-menu-dropdown{z-index:50;background:var(--bg-2);border:2px solid var(--primary);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);flex-direction:column;min-width:130px;display:flex;position:absolute;top:calc(100% + 8px);left:0}.avatar-menu-user{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.avatar-menu-user-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:1px;min-width:0;color:var(--primary);font-family:Silkscreen,monospace;font-size:10px;overflow:hidden}.avatar-menu-points-badge{border:2px solid var(--primary);background:var(--primary-bg);min-height:24px;color:var(--primary-light);letter-spacing:1px;box-shadow:inset 0 0 0 2px var(--bg);flex-shrink:0;justify-content:center;align-items:center;padding:0 8px;font-family:Silkscreen,monospace;font-size:9px;line-height:1;display:inline-flex}.avatar-menu-item{border:none;border-bottom:2px solid var(--border);text-align:left;letter-spacing:1.5px;color:var(--text);cursor:pointer;background:0 0;padding:10px 14px;font-family:inherit;font-size:11px;transition:background 80ms,color 80ms}.avatar-menu-item:last-child{border-bottom:none}.avatar-menu-item:hover{background:var(--bg-3);color:var(--primary)}.avatar-menu-item:active{background:var(--primary-bg)}.avatar-menu-item-danger{color:var(--primary)}.confirm-modal-overlay{z-index:120;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--bg-2);border:2px solid var(--primary);width:min(100%,280px);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);flex-direction:column;gap:14px;padding:20px 18px 18px;display:flex}.confirm-modal-title{letter-spacing:2px;color:var(--text);font-family:Silkscreen,monospace;font-size:12px;line-height:1.3}.confirm-modal-desc{color:var(--text-muted);margin:0;font-size:11px;line-height:1.6}.confirm-modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.confirm-modal-btn{border:2px solid var(--border);min-height:38px;color:var(--text);letter-spacing:1.4px;font-size:10px}.confirm-modal-btn:hover{border-color:var(--text-muted);background:var(--bg-3)}.confirm-modal-btn-danger{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.confirm-modal-btn-danger:hover{border-color:var(--primary);color:var(--primary-light)}.avatar-menu-item-danger:hover{color:#fff;background:var(--primary)}.app-topbar-right{align-items:center;gap:10px;display:flex}.notif-bell-wrap{flex-shrink:0;position:relative}.notif-bell-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:0;display:flex;position:relative}.notif-badge{background:var(--primary);color:#fff;letter-spacing:0;border:2px solid var(--bg);box-sizing:border-box;border-radius:0;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-family:Share Tech Mono,monospace;font-size:8px;line-height:1;display:flex;position:absolute;top:-5px;right:-6px}.notif-panel{z-index:50;background:var(--bg-2);border:2px solid var(--primary);box-shadow:inset 0 0 0 2px var(--bg), 0 0 0 2px var(--bg-3);min-width:220px;max-width:280px;position:absolute;top:calc(100% + 8px);right:0}.notif-panel-header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.notif-panel-title{letter-spacing:1.5px;color:var(--primary);font-family:Silkscreen,monospace;font-size:10px}.notif-clear-btn{letter-spacing:1px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:Share Tech Mono,monospace;font-size:8px}.notif-clear-btn:hover{color:var(--primary)}.notif-clear-btn:disabled{opacity:.6;cursor:default}.notif-panel-list{max-height:240px;overflow-y:auto}.notif-empty{color:var(--text-muted);text-align:center;letter-spacing:.5px;padding:16px 12px;font-family:Share Tech Mono,monospace;font-size:11px}.notif-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.notif-item:last-child{border-bottom:none}.notif-dot{background:var(--primary);flex-shrink:0;width:6px;height:6px;margin-top:4px}.notif-dot-read{background:#3b3b3b}.notif-item-content{flex-direction:column;gap:3px;min-width:0;display:flex}.notif-item-title{color:var(--text);letter-spacing:.5px;font-size:11px;line-height:1.3}.notif-item-body{color:var(--text-muted);letter-spacing:.3px;font-size:10px;line-height:1.4}.audio-wave{align-items:flex-end;gap:2px;height:14px;display:flex}.audio-wave-bar{background:var(--primary);width:3px;height:4px;display:block}.audio-wave-playing .audio-wave-bar{animation:.6s steps(4,end) infinite audio-wave-bounce;animation-delay:calc(var(--i) * .15s)}.audio-wave-settling .audio-wave-bar{height:4px;transition:height .3s ease-out;transition-delay:calc(var(--i) * 40ms)}@keyframes audio-wave-bounce{0%{height:4px}25%{height:12px}50%{height:7px}75%{height:10px}to{height:4px}}.app-battery{transform-origin:50%;align-items:center;gap:1px;display:flex;transform:scale(.9)}.app-battery-body{border:2px solid var(--primary);border-radius:1px;align-items:center;gap:1px;padding:2px;display:flex}.app-battery-fill{background:var(--primary);width:4px;height:8px}.app-battery-fill-empty{background:#353535}.app-battery-cap{background:var(--primary);width:2px;height:4px}.app-bottom-bar{border-top:2px solid var(--border);background:var(--bg);z-index:3;justify-content:space-between;align-items:center;padding:12px 26px 10px;display:flex;position:relative}.app-bottom-btn{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:2px 6px;line-height:0;display:flex;position:relative}.app-bottom-label{color:inherit;letter-spacing:.02em;font-family:Figtree,sans-serif;font-size:10px;line-height:1}.app-bottom-btn-active{color:var(--primary)}.app-bottom-btn-active:after{content:"";background:var(--primary);width:4px;height:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}