@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-ext-400-normal-CXAzuTZb.woff2)format("woff2"),url(/assets/figtree-latin-ext-400-normal-Gbh-3PTk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(/assets/figtree-latin-400-normal-BD4aNku5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-ext-500-normal-Du0rIuHj.woff2)format("woff2"),url(/assets/figtree-latin-ext-500-normal-BOEJvrb_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/figtree-latin-500-normal-BWnGEVsr.woff2)format("woff2"),url(/assets/figtree-latin-500-normal-B_yy1phn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-ext-600-normal-DJlfifZj.woff2)format("woff2"),url(/assets/figtree-latin-ext-600-normal-CQqsimlV.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(/assets/figtree-latin-600-normal-BM_oTo4n.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-ext-700-normal-CS4sQkGV.woff2)format("woff2"),url(/assets/figtree-latin-ext-700-normal-BoDi4KL2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/figtree-latin-700-normal-th6qEP7c.woff2)format("woff2"),url(/assets/figtree-latin-700-normal-BCCt2T1q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/figtree-latin-ext-800-normal-DLIuazCv.woff2)format("woff2"),url(/assets/figtree-latin-ext-800-normal-Cp4dEvwL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/figtree-latin-800-normal-30yxI7TZ.woff2)format("woff2"),url(/assets/figtree-latin-800-normal-B7vj2UK8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.toast-message[data-v-ed63cfc4]{color:#fff;z-index:100000;text-align:center;pointer-events:none;background:#333;border-radius:8px;padding:12px 24px;font-size:14px;position:fixed;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.fade-enter-active[data-v-ed63cfc4],.fade-leave-active[data-v-ed63cfc4]{transition:opacity .3s}.fade-enter-from[data-v-ed63cfc4],.fade-leave-to[data-v-ed63cfc4]{opacity:0}.modal-overlay[data-v-e0aa5265]{z-index:200000;background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.centered-picker[data-v-e0aa5265]{background:var(--panel-bg,#1a1a1a);border:1px solid var(--border-color,#ffffff26);border-radius:16px;flex-direction:column;max-height:85vh;margin:0 auto;display:flex;overflow:hidden;transform:translateZ(0);box-shadow:0 24px 64px #000000bf;width:min(480px,94vw)!important;position:relative!important}.picker-header[data-v-e0aa5265]{border-bottom:1px solid var(--border-color,#ffffff1a);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex}.picker-header-title[data-v-e0aa5265]{flex-direction:column;gap:2px;min-width:0;display:flex}.picker-header-title span[data-v-e0aa5265]{color:var(--page-text,#fff);font-size:17px;font-weight:700}.picker-subtitle[data-v-e0aa5265]{color:var(--muted-text,#999);white-space:nowrap;text-overflow:ellipsis;max-width:360px;font-size:12px;overflow:hidden}.picker-close-btn[data-v-e0aa5265]{width:32px;height:32px;color:var(--muted-text,#aaa);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background-color .15s;display:flex}@media (hover:hover){.picker-close-btn[data-v-e0aa5265]:hover{color:var(--page-text,#fff);background:#ffffff2e}}.picker-list[data-v-e0aa5265]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position;flex-direction:column;gap:6px;max-height:440px;padding:10px 14px 16px;display:flex;overflow-y:auto;transform:translateZ(0)}.picker-row[data-v-e0aa5265]{text-align:left;cursor:pointer;contain:layout paint;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:10px 12px;transition:background-color .15s;display:flex}@media (hover:hover){.picker-row[data-v-e0aa5265]:hover{background:var(--hover-bg,#ffffff14)}}.picker-row.added[data-v-e0aa5265]{background:#ffffff0d}.picker-mosaic[data-v-e0aa5265]{background:var(--hover-bg,#ffffff14);contain:strict;border-radius:8px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:grid;overflow:hidden}.picker-mosaic.mosaic-grid[data-v-e0aa5265]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.picker-mosaic img[data-v-e0aa5265]{object-fit:cover;width:100%;height:100%;display:block}.liked-picker-mosaic[data-v-e0aa5265]{color:#fff;background:linear-gradient(135deg,#450af5 0%,#8d67ab 48%,#1db954 100%)}.liked-picker-mosaic[data-v-e0aa5265] svg,.liked-picker-mosaic .ic[data-v-e0aa5265]{width:24px;height:24px}.picker-info[data-v-e0aa5265]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.picker-name[data-v-e0aa5265]{color:var(--page-text,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.picker-count[data-v-e0aa5265]{color:var(--muted-text,#888);font-size:12px}.picker-check[data-v-e0aa5265]{color:#1ed760;padding-right:4px;font-size:18px;font-weight:800}.picker-new-btn[data-v-e0aa5265]{color:#1ed760;cursor:pointer;background:#1ed76014;border:1px dashed #1ed76059;border-radius:10px;align-items:center;gap:12px;width:100%;margin-top:6px;padding:12px 14px;font-size:14px;font-weight:700;transition:background-color .15s,border-color .15s;display:flex}@media (hover:hover){.picker-new-btn[data-v-e0aa5265]:hover{background:#1ed76029;border-color:#1ed760}}.picker-new-icon[data-v-e0aa5265]{font-size:18px;line-height:1}.modal-content[data-v-e0aa5265]{background:var(--card-bg,#202020);text-align:left;border:1px solid var(--border-color,#ffffff26);border-radius:16px;width:92%;max-width:440px;padding:26px;box-shadow:0 16px 48px #000000b3}.modal-content h3[data-v-e0aa5265]{color:var(--page-text,#fff);margin-top:0;margin-bottom:16px;font-size:1.35rem;font-weight:700}.modal-input[data-v-e0aa5265]{background:var(--input-bg,#2c2c2c);border:1px solid var(--border-color,#444);width:100%;color:var(--page-text,#fff);box-sizing:border-box;border-radius:8px;margin-bottom:12px;padding:12px 14px;font-size:1rem}.modal-input[data-v-e0aa5265]:focus{border-color:#1ed760;outline:none}.modal-input.input-error[data-v-e0aa5265]{border-color:#ff5e7e}.modal-error[data-v-e0aa5265]{color:#ff5e7e;text-align:left;margin-bottom:12px;font-size:.85rem}.modal-actions[data-v-e0aa5265]{justify-content:flex-end;gap:12px;margin-top:14px;display:flex}.sleep-timer-overlay[data-v-5f4eca2e]{-webkit-backdrop-filter:blur(14px);box-sizing:border-box;padding:16px;z-index:200000!important;background:#000000b8!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important}.sleep-timer-card[data-v-5f4eca2e]{background:var(--panel-bg,#181818);border:1px solid var(--border-color,#ffffff1f);width:100%;max-width:420px;color:var(--page-text,#fff);border-radius:20px;flex-direction:column;gap:18px;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) sleepScaleIn-5f4eca2e;display:flex;box-shadow:0 20px 48px #00000080,0 0 0 1px #ffffff0d}@keyframes sleepScaleIn-5f4eca2e{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sleep-header[data-v-5f4eca2e]{justify-content:space-between;align-items:center;display:flex}.sleep-header-left[data-v-5f4eca2e]{align-items:center;gap:12px;display:flex}.sleep-icon-badge[data-v-5f4eca2e]{background:color-mix(in srgb, var(--play-bg,#1ed760) 15%, transparent);width:38px;height:38px;color:var(--play-bg,#1ed760);border-radius:12px;justify-content:center;align-items:center;display:flex}.sleep-icon-badge.pulsing[data-v-5f4eca2e]{animation:2s ease-in-out infinite timerPulse-5f4eca2e}@keyframes timerPulse-5f4eca2e{0%,to{box-shadow:0 0 #1ed76066}50%{box-shadow:0 0 0 8px #1ed76000}}.sleep-title[data-v-5f4eca2e]{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.sleep-subtitle[data-v-5f4eca2e]{color:var(--muted-text,#999);margin:2px 0 0;font-size:12px}.sleep-close-btn[data-v-5f4eca2e]{width:32px;height:32px;color:var(--muted-text,#aaa);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex}.sleep-close-btn[data-v-5f4eca2e]:hover{color:#fff;background:#ffffff2e;transform:scale(1.08)}.sleep-active-box[data-v-5f4eca2e]{text-align:center;background:linear-gradient(135deg,#1ed7601f,#1ed7600a);border:1px solid #1ed7604d;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.sleep-active-badge[data-v-5f4eca2e]{color:#1ed760;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.active-dot[data-v-5f4eca2e]{background:#1ed760;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink-5f4eca2e;box-shadow:0 0 8px #1ed760}@keyframes blink-5f4eca2e{0%,to{opacity:1}50%{opacity:.3}}.sleep-countdown[data-v-5f4eca2e]{flex-direction:column;align-items:center;display:flex}.countdown-digits[data-v-5f4eca2e]{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--page-text,#fff);font-size:34px;font-weight:900;line-height:1.1}.countdown-text[data-v-5f4eca2e]{color:var(--page-text,#fff);font-size:20px;font-weight:800}.countdown-sub[data-v-5f4eca2e]{color:var(--muted-text,#888);margin-top:2px;font-size:12px}.sleep-cancel-btn[data-v-5f4eca2e]{color:#ff6b6b;cursor:pointer;background:#ff50501a;border:1px solid #ff505066;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.sleep-cancel-btn[data-v-5f4eca2e]:hover{color:#fff;background:#ff5252;border-color:#ff5252;transform:translateY(-1px)}.sleep-presets-grid[data-v-5f4eca2e]{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.sleep-preset-btn[data-v-5f4eca2e]{border:1px solid var(--border-color,#ffffff1a);background:var(--input-bg,#ffffff0d);color:var(--page-text,#fff);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:all .16s;display:flex}.sleep-preset-btn[data-v-5f4eca2e]:hover{background:var(--hover-strong,#ffffff1f);border-color:#ffffff40;transform:translateY(-1px)}.sleep-preset-btn.active[data-v-5f4eca2e]{background:#1ed76026;border-color:#1ed760;box-shadow:0 0 12px #1ed76033}.preset-label[data-v-5f4eca2e]{font-size:13px;font-weight:700}.preset-desc[data-v-5f4eca2e]{color:var(--muted-text,#888);font-size:11px}.end-of-track-btn[data-v-5f4eca2e]{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.sleep-custom-row[data-v-5f4eca2e]{gap:8px;display:flex}.sleep-custom-input[data-v-5f4eca2e]{border:1px solid var(--border-color,#ffffff1f);background:var(--input-bg,#ffffff0d);height:38px;color:var(--page-text,#fff);border-radius:10px;outline:none;flex:1;padding:0 12px;font-size:13px;transition:border-color .15s}.sleep-custom-input[data-v-5f4eca2e]:focus{border-color:#1ed760}.sleep-custom-btn[data-v-5f4eca2e]{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:10px;height:38px;padding:0 16px;font-size:13px;font-weight:800;transition:all .15s}.sleep-custom-btn[data-v-5f4eca2e]:hover:not(:disabled){background:#22e668;transform:translateY(-1px)}.sleep-custom-btn[data-v-5f4eca2e]:disabled{opacity:.4;cursor:not-allowed}.sleep-notice[data-v-5f4eca2e]{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.notice-icon[data-v-5f4eca2e]{font-size:13px;line-height:1.4}.sleep-notice p[data-v-5f4eca2e]{color:var(--muted-text,#888);margin:0;font-size:11px;line-height:1.4}.sleep-fade-enter-active[data-v-5f4eca2e],.sleep-fade-leave-active[data-v-5f4eca2e]{transition:opacity .2s}.sleep-fade-enter-from[data-v-5f4eca2e],.sleep-fade-leave-to[data-v-5f4eca2e]{opacity:0}html[data-theme=light] .sleep-timer-card[data-v-5f4eca2e]{background:#fff;border-color:#0000001a;box-shadow:0 20px 48px #0000002e}html[data-theme=light] .sleep-close-btn[data-v-5f4eca2e]{color:#666;background:#0000000d}html[data-theme=light] .sleep-close-btn[data-v-5f4eca2e]:hover{color:#000;background:#0000001a}html[data-theme=light] .sleep-preset-btn[data-v-5f4eca2e]{background:#f4f4f4;border-color:#e5e5e5}html[data-theme=light] .sleep-preset-btn[data-v-5f4eca2e]:hover{background:#ebebeb}html[data-theme=light] .sleep-custom-input[data-v-5f4eca2e]{color:#111;background:#f4f4f4;border-color:#e5e5e5}html[data-theme=light] .sleep-notice[data-v-5f4eca2e]{background:#f8f9fa;border-color:#ebebeb}.modal-overlay[data-v-0a81f018]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-0a81f018]{text-align:center;background:#202020;border:1px solid #333;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 4px 24px #00000080}.modal-content h3[data-v-0a81f018]{margin-top:0;font-size:1.25rem;font-weight:700}.modal-actions[data-v-0a81f018]{justify-content:center;display:flex}.modal-overlay[data-v-a347d3f1]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-a347d3f1]{text-align:center;background:#202020;border:1px solid #333;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 4px 24px #00000080}.modal-content h3[data-v-a347d3f1]{margin-top:0;margin-bottom:16px;font-size:1.25rem;font-weight:700}.modal-input[data-v-a347d3f1]{color:#fff;background:#333;border:1px solid #444;border-radius:6px;width:100%;margin-bottom:24px;padding:10px 12px;font-size:1rem}.modal-input[data-v-a347d3f1]:focus{border-color:#1ed760;outline:none}.modal-input.input-error[data-v-a347d3f1]{border-color:#e22134}.modal-error[data-v-a347d3f1]{color:#e22134;text-align:left;margin-top:-16px;margin-bottom:20px;font-size:.85rem}.modal-actions[data-v-a347d3f1]{justify-content:center;gap:12px;display:flex}.modal-actions button[data-v-a347d3f1]{min-width:100px}.stat-card-clickable[data-v-a347d3f1]{cursor:pointer;transition:background .15s,transform .15s}.stat-card-clickable[data-v-a347d3f1]:hover{transform:translateY(-2px);background:var(--hover-strong,#ffffff14)!important}.browse-view[data-v-2fe01ca4]{padding-bottom:80px}.browse-header[data-v-2fe01ca4]{align-items:flex-end;gap:28px;margin-bottom:32px;padding:12px 0 16px;display:flex}@media (width<=768px){.browse-header[data-v-2fe01ca4]{text-align:center;flex-direction:column;align-items:center;gap:16px}}.browse-cover-wrap[data-v-2fe01ca4]{background:var(--elevated,#242424);border-radius:12px;flex:0 0 210px;width:210px;height:210px;overflow:hidden;box-shadow:0 12px 32px #00000080}.browse-cover-wrap.is-circle[data-v-2fe01ca4]{border-radius:50%}.browse-cover[data-v-2fe01ca4]{object-fit:cover;width:100%;height:100%}.browse-info[data-v-2fe01ca4]{flex-direction:column;gap:8px;min-width:0;display:flex}.browse-badge[data-v-2fe01ca4]{letter-spacing:.08em;color:var(--muted-text,#b3b3b3);font-size:11px;font-weight:800}.browse-title[data-v-2fe01ca4]{letter-spacing:-.03em;color:var(--page-text,#fff);word-break:break-word;margin:0;font-size:clamp(24px,4vw,42px);font-weight:900;line-height:1.15}.browse-subtitle[data-v-2fe01ca4]{color:var(--muted-text,#b3b3b3);margin:0;font-size:14px}.browse-desc[data-v-2fe01ca4]{color:var(--subdued,#888);max-width:600px;margin:0;font-size:13px;line-height:1.5}.browse-actions[data-v-2fe01ca4]{align-items:center;gap:12px;margin-top:14px;display:flex}.btn-play-all[data-v-2fe01ca4]{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .18s,background .18s,box-shadow .18s;display:flex;box-shadow:0 8px 24px #1ed76066}.btn-play-all[data-v-2fe01ca4]:hover{background:#1fdf64;transform:scale(1.06);box-shadow:0 10px 28px #1ed7608c}.btn-play-all[data-v-2fe01ca4]:active{transform:scale(.94)}.btn-play-all .ic[data-v-2fe01ca4]{fill:currentColor;width:24px;height:24px}.btn-action-icon[data-v-2fe01ca4]{border:1px solid var(--border-color,#333);background:var(--input-bg,#242424);width:42px;height:42px;color:var(--page-text,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:transform .15s,background .15s;display:flex}.btn-action-icon[data-v-2fe01ca4]:hover{background:var(--hover-strong,#ffffff24);transform:scale(1.08)}.browse-tracklist-section[data-v-2fe01ca4]{margin-top:24px;margin-bottom:40px}.tracklist-header-row[data-v-2fe01ca4]{border-bottom:1px solid var(--border-color,#2a2a2a);color:var(--muted-text,#b3b3b3);letter-spacing:.05em;text-transform:uppercase;grid-template-columns:44px 1fr 200px 80px 140px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;font-weight:700;display:grid}@media (width<=900px){.tracklist-header-row[data-v-2fe01ca4]{grid-template-columns:36px 1fr 60px 110px}.tracklist-header-row .col-album[data-v-2fe01ca4]{display:none}}.tracklist-rows[data-v-2fe01ca4]{gap:2px;margin-top:6px;display:grid}.track-row[data-v-2fe01ca4]{cursor:pointer;border-radius:8px;grid-template-columns:44px 1fr 200px 80px 140px;align-items:center;gap:12px;padding:8px 14px;transition:background .15s;display:grid}@media (width<=900px){.track-row[data-v-2fe01ca4]{grid-template-columns:36px 1fr 60px 110px}.track-row .col-album[data-v-2fe01ca4]{display:none}}.track-row[data-v-2fe01ca4]:hover{background:var(--hover-bg,#ffffff14)}.track-row.is-active[data-v-2fe01ca4]{background:var(--hover-strong,#ffffff24)}.track-row.is-active .track-title[data-v-2fe01ca4]{color:#1ed760}.col-num[data-v-2fe01ca4]{color:var(--muted-text,#b3b3b3);justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:600;display:flex;position:relative}.col-num .num-text[data-v-2fe01ca4]{justify-content:center;align-items:center;display:flex}.col-num .num-text.text-accent[data-v-2fe01ca4]{color:#1ed760}.track-row .play-indicator[data-v-2fe01ca4]{width:18px;height:18px;color:var(--page-text,#fff);justify-content:center;align-items:center;display:none}.track-row .play-indicator .ic[data-v-2fe01ca4],.track-row .play-indicator svg[data-v-2fe01ca4]{fill:currentColor;width:14px;height:14px}.track-row:hover .num-text[data-v-2fe01ca4]{display:none!important}.track-row:hover .play-indicator[data-v-2fe01ca4]{display:flex!important}.equalizer-bars[data-v-2fe01ca4]{align-items:flex-end;gap:2px;height:13px;display:inline-flex}.eq-bar[data-v-2fe01ca4]{background:#1ed760;border-radius:1px;width:2.5px;animation:.75s ease-in-out infinite alternate eq-bounce-2fe01ca4}.eq-bar[data-v-2fe01ca4]:first-child{height:50%;animation-delay:.1s}.eq-bar[data-v-2fe01ca4]:nth-child(2){height:100%;animation-delay:.3s}.eq-bar[data-v-2fe01ca4]:nth-child(3){height:40%;animation-delay:.2s}@keyframes eq-bounce-2fe01ca4{0%{height:20%}to{height:100%}}.col-main[data-v-2fe01ca4]{align-items:center;gap:12px;min-width:0;display:flex}.track-thumb[data-v-2fe01ca4]{object-fit:cover;border-radius:6px;flex:0 0 42px;width:42px;height:42px}.track-meta[data-v-2fe01ca4]{flex-direction:column;gap:2px;min-width:0;display:flex}.track-title[data-v-2fe01ca4]{color:var(--page-text,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.track-artist[data-v-2fe01ca4]{color:var(--muted-text,#b3b3b3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.col-album[data-v-2fe01ca4]{color:var(--muted-text,#b3b3b3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.col-dur[data-v-2fe01ca4]{color:var(--muted-text,#b3b3b3);font-size:13px}.col-act[data-v-2fe01ca4]{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.track-row:hover .col-act[data-v-2fe01ca4],.col-act[data-v-2fe01ca4]:focus-within{opacity:1}.row-btn[data-v-2fe01ca4]{background:var(--input-bg,#242424);color:var(--muted-text,#b3b3b3);cursor:pointer;border:none;border-radius:4px;padding:4px 6px;font-size:12px;transition:color .15s,background .15s}.row-btn[data-v-2fe01ca4]:hover{color:#000;background:#1ed760}.modal-overlay[data-v-0064e879]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-0064e879]{text-align:center;background:#202020;border:1px solid #333;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 4px 24px #00000080}.modal-content h3[data-v-0064e879]{margin-top:0;margin-bottom:12px;font-size:1.25rem;font-weight:700}.modal-content p[data-v-0064e879]{color:#aaa;margin-bottom:24px}.modal-actions[data-v-0064e879]{justify-content:center;gap:12px;display:flex}.modal-actions button[data-v-0064e879]{min-width:100px}.modal-input[data-v-0064e879]{color:#fff;background:#333;border:1px solid #444;border-radius:6px;width:100%;margin-bottom:24px;padding:10px 12px;font-size:1rem}.modal-input[data-v-0064e879]:focus{border-color:#1ed760;outline:none}.modal-input.input-error[data-v-0064e879]{border-color:#e22134}.modal-error[data-v-0064e879]{color:#e22134;text-align:left;margin-top:-16px;margin-bottom:20px;font-size:.85rem}.add-to-pl-btn[data-v-0064e879]{width:28px;height:28px;color:var(--muted-text,#a7a7a7);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .15s;display:inline-flex}.add-to-pl-btn .ic[data-v-0064e879]{width:20px;height:20px}.add-to-pl-btn[data-v-0064e879]:hover{color:var(--page-text,#fff);transform:scale(1.1)}.dev-badge-tag[data-v-136dd5a6]{color:#ff5e7e;margin-top:4px;font-size:11px;font-weight:700;display:inline-block}.empty-state[data-v-136dd5a6]{color:var(--muted-text);padding:40px 0}.dev-footer[data-v-136dd5a6]{border-top:1px solid var(--border-color,#ffffff14);justify-content:center;align-items:center;margin-top:56px;padding:24px 0;display:flex}.dev-attribution[data-v-136dd5a6]{color:var(--muted-text,#a7a7a7);align-items:center;gap:4px;margin:0;font-size:13.5px;font-weight:500;display:flex}.dev-author-link[data-v-136dd5a6]{color:#1ed760;font-weight:700;text-decoration:none;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.dev-author-link[data-v-136dd5a6]:hover{color:#1fdf64;text-decoration:underline}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{background:#000;font-family:Figtree,sans-serif;overflow:hidden}button,input{font:inherit}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}.spotify-app{background:var(--page-bg);width:100%;height:100%;min-height:100dvh;color:var(--page-text);gap:8px;padding:8px;display:flex;position:relative;overflow:hidden}.spotify-sidebar{flex-direction:column;flex:0 0 280px;gap:8px;min-height:0;display:flex}.side-box{background:var(--panel-bg);border-radius:8px;min-width:0;padding:14px}.side-nav-box{flex:none}.logo{color:var(--page-text);align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.logo img{border-radius:8px;width:34px;height:34px}.spotify-nav{gap:3px;display:grid}.spotify-nav-item,.library-row{color:var(--muted-text);border-radius:8px;align-items:center;gap:12px;padding:11px 12px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.spotify-nav-item:hover,.spotify-nav-item.active,.library-row:hover{color:var(--page-text);background:var(--hover-bg)}.spotify-nav-item.active{color:#1ed760}.side-queue-box{min-height:0;max-height:194px;overflow:auto}.side-library-box{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.lib-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lib-title{color:var(--muted-text);align-items:center;gap:9px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.lib-title:hover,.icon-btn:hover{color:var(--page-text)}.icon-btn{color:var(--muted-text);font-size:20px;text-decoration:none}.library-list{align-content:start;gap:2px;display:grid;overflow:auto}.library-row{padding:9px 4px;font-size:13px}.text-icon{text-align:center;width:16px}.side-library-box footer{color:#666;margin-top:auto;padding:12px 4px 3px;font-size:11px}.queue-empty{color:var(--muted-text);padding:10px 2px;font-size:12px;line-height:1.5}.queue-now,.queue-mini-row{align-items:center;gap:9px;min-width:0;padding:6px 0;display:flex}.queue-now img{object-fit:cover;border-radius:4px;flex:0 0 40px;width:40px;height:40px}.queue-now div{gap:3px;min-width:0;display:grid}.queue-now strong,.queue-now span,.queue-mini-row{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-now span{color:var(--muted-text);font-size:11px}.queue-mini-row{width:100%;color:var(--page-text);text-align:left;font-size:12px}.queue-mini-row span{color:var(--muted-text)}.spotify-main{background:var(--panel-bg);background-image:linear-gradient(180deg, hsl(var(--tint,140), 32%, 22%) 0%, var(--panel-bg) 340px);border-radius:8px;flex-direction:column;flex:1;width:0;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.spotify-topbar{z-index:20;background:var(--panel-bg);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.tb-nav{flex-shrink:0;gap:8px;display:flex}.tb-btn{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tb-btn:hover{transform:scale(1.06)}.pwa-install{min-height:32px;color:var(--play-fg);background:var(--play-bg);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:12px;font-weight:800}.pwa-install:hover{transform:translateY(-1px)}.tb-search{width:min(420px,100%);height:42px;color:var(--muted-text);background:var(--input-bg);border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:0 16px;font-weight:600;display:flex}.tb-search input{width:100%;color:var(--page-text);background:0 0;border:0;outline:0}.spotify-view{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;overflow:hidden auto}.page-view{width:100%;max-width:none;margin:0;padding:44px clamp(24px,3vw,48px) 120px}.hero h1,.page-heading h1{color:var(--page-text);letter-spacing:-.045em;margin:4px 0 20px;font-size:clamp(28px,4vw,34px);font-weight:800;line-height:1.1}.hero h1 em{color:#1ed760;font-style:normal}.hero>p:last-child{color:#999;font-size:16px}.page-heading{margin-bottom:36px}.shelf{margin-top:34px;margin-bottom:34px}.shelf-heading{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.shelf-heading h2{color:var(--page-text);font-size:22px;font-weight:800}.music-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;display:grid}.music-carousel{scroll-snap-type:x proximity;grid-auto-columns:186px;grid-auto-flow:column;gap:0;padding-bottom:12px;display:grid;overflow-x:auto}.music-card{cursor:pointer;scroll-snap-align:start;border-radius:12px;width:186px;min-width:0;padding:12px;transition:background .22s,transform .22s}.music-card:hover{background:var(--hover-bg);transform:translateY(-2px)}.image-frame{background:var(--input-bg);border-radius:8px;width:162px;height:162px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0005}.music-card img{object-fit:cover;width:100%;height:100%}.music-card strong,.music-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.music-card strong{color:var(--page-text);font-size:15px;font-weight:700}.music-card span{color:#888;margin-top:5px;font-size:12px}.add-playlist-button{border:1px solid var(--border-color);width:100%;min-height:32px;color:var(--muted-text);white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:10px;padding:0 9px;font-size:11px;font-weight:700;transition:color .18s,background .18s,border-color .18s;display:flex}.add-playlist-button:hover{color:#000;background:#1ed760;border-color:#1ed760}.playlist-picker-backdrop{z-index:9999;position:fixed;inset:0}.playlist-picker-popup{z-index:10000;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #00000080}.picker-header{border-bottom:1px solid var(--border-color);color:var(--page-text);justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:13px;font-weight:700;display:flex}.picker-header button{color:var(--muted-text);padding:0 4px;font-size:18px;line-height:1}.picker-header button:hover{color:var(--page-text)}.picker-list{max-height:280px;padding:6px;overflow-y:auto}.picker-row{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .14s;display:flex}.picker-row:hover{background:var(--hover-bg)}.picker-row.added{opacity:.6}.picker-mosaic{background:var(--hover-bg);border-radius:5px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:grid;overflow:hidden}.picker-mosaic:has(img:nth-child(2)){grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.picker-mosaic img{object-fit:cover;width:100%;height:100%}.picker-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.picker-name{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.picker-count{color:var(--muted-text);font-size:11px}.picker-check{color:#1ed760;font-size:14px;font-weight:800}.liked-picker-mosaic{color:#fff;background:linear-gradient(135deg,#450af5 0%,#8d67ab 48%,#1db954 100%)}.liked-picker-mosaic .ic{width:20px;height:20px}.picker-new-btn{color:#1ed760;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 10px;font-size:13px;font-weight:600;transition:background .14s;display:flex}.picker-new-btn:hover{background:var(--hover-bg)}.picker-empty{padding:12px}.large-search{gap:8px;width:100%;max-width:100%;display:flex}.search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon-left{color:#1ed760;pointer-events:none;z-index:2;width:22px;height:22px;transition:transform .2s,color .2s;position:absolute;left:18px}.search-input-wrap:focus-within .search-icon-left{color:#1ed760;transform:scale(1.1)}.search-input-wrap input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;outline:0;width:100%;height:54px;font-size:16px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:0 4px 20px #00000040,inset 0 1px 1px #ffffff1a;color:#fff!important;background:#ffffff17!important;border:2px solid #ffffff2e!important;padding:0 48px 0 52px!important}.search-input-wrap input::placeholder{font-weight:500;color:#ffffff73!important}.search-input-wrap input:hover{background:#ffffff1f!important;border-color:#ffffff52!important}.search-input-wrap input:focus{background:#ffffff24!important;border-color:#1ed760!important;box-shadow:0 0 0 4px #1ed76038,0 8px 24px #00000059!important}html[data-theme=light] .search-input-wrap input{box-shadow:0 4px 16px #00000014;color:#000!important;background:#fff!important;border:2px solid #0000002e!important}html[data-theme=light] .search-input-wrap input::placeholder{color:#0006!important}html[data-theme=light] .search-input-wrap input:focus{border-color:#1ed760!important;box-shadow:0 0 0 4px #1ed76033,0 8px 20px #0000001a!important}.clear-search-btn{color:#fffc;cursor:pointer;z-index:2;background:#ffffff29;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.clear-search-btn:hover{color:#fff;background:#ffffff52;transform:translateY(-50%)scale(1.08)}.clear-search-btn:active{transform:translateY(-50%)scale(.92)}html[data-theme=light] .clear-search-btn{color:#333;background:#0000001a}html[data-theme=light] .clear-search-btn:hover{color:#000;background:#0003}.search-submit-btn{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:8px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .15s,background .15s}.search-submit-btn:hover{background:#1fdf64;transform:translateY(-1px)}.tb-clear-btn{width:22px;height:22px;color:var(--muted-text);cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;margin-right:-4px;padding:0;transition:all .15s;display:flex}.tb-clear-btn:hover{color:var(--page-text);background:#ffffff4d;transform:scale(1.08)}.search-filters,.suggestions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.search-filters button,.suggestions button{color:var(--muted-text);background:var(--input-bg);border-radius:999px;padding:8px 12px}.search-filters button.active,.search-filters button:hover,.suggestions button:hover{color:#000;background:#1ed760}.loading-state,.empty-state,.notice{color:#999;padding:28px 0}.search-filters{align-items:center;gap:8px;margin-top:18px;padding:3px 3px 10px;display:flex;overflow-x:auto}.search-filters button{min-height:34px;color:var(--muted-text);background:var(--input-bg);letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:none;padding:0 15px;font-size:13px;font-weight:700;transition:color .18s,background .18s,border-color .18s,transform .18s}.search-filters button:hover{color:var(--page-text);background:var(--hover-strong);transform:translateY(-1px)}.search-filters button:focus-visible{outline-offset:2px;outline:2px solid #1ed760}.search-filters button.active{border-color:var(--play-bg);box-shadow:0 4px 12px var(--play-bg);color:var(--play-fg)!important;background:var(--play-bg)!important}@supports (color:color-mix(in lab, red, red)){.search-filters button.active{box-shadow:0 4px 12px color-mix(in srgb, var(--play-bg) 18%, transparent)}}.search-filters button.active:hover{transform:none;color:var(--play-fg)!important;background:var(--play-bg)!important}.suggestions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.suggestions button{border:1px solid var(--border-color);max-width:100%;color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:999px;padding:7px 11px;font-size:12px;transition:all .18s;overflow:hidden}.suggestions button:hover{color:var(--page-text);border-color:var(--muted-text);background:var(--hover-bg)}.lazy-spinner{border:2px solid var(--page-text);width:18px;height:18px;margin-right:10px;display:inline-block}@supports (color:color-mix(in lab, red, red)){.lazy-spinner{border:2px solid color-mix(in srgb, var(--page-text) 20%, transparent)}}.lazy-spinner{vertical-align:middle;border-top-color:#1ed760;border-radius:999px;animation:.7s linear infinite spin}.image-frame .lazy-spinner{z-index:1;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer-loading{0%{background-position:200% 0}to{background-position:-200% 0}}img[loading=lazy]{background:linear-gradient(90deg, var(--input-bg,#242424) 25%, var(--panel-bg,#333) 50%, var(--input-bg,#242424) 75%);color:#0000;background-size:200% 100%;animation:1.5s linear infinite shimmer-loading}html[data-theme=light] img[loading=lazy]{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%}.notice{color:#ff8d8d}.library-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.library-stats div{background:var(--card-bg);border-radius:10px;gap:5px;padding:18px;display:grid}.library-button,.playlist-row button{color:#000;background:#1ed760;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:800}.library-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.library-button.secondary{color:var(--page-text);background:var(--input-bg)}.playlist-editor{background:var(--card-bg);border-radius:10px;margin-bottom:20px;padding:0 14px}.playlist-track{border-top:1px solid var(--border-color);align-items:center;gap:6px;padding:9px 0;display:flex}.playlist-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.playlist-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.home-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.playlist-card{background:var(--card-bg);text-align:left;cursor:pointer;box-sizing:border-box;height:100%;color:inherit;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:8px;padding:10px;font-family:inherit;transition:transform .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.playlist-card:hover{background:var(--card-hover,#282828);border-color:#ffffff14;transform:translateY(-4px);box-shadow:0 12px 32px #00000059}.playlist-mosaic{aspect-ratio:1;background:var(--hover-bg);width:100%;box-shadow:var(--shadow,0 4px 16px #00000059);border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}.playlist-mosaic img{object-fit:cover;width:100%;height:100%}.playlist-mosaic img.single-thumb{grid-area:1/1/-1/-1}.mosaic-empty{color:var(--muted-text);grid-area:1/1/-1/-1;justify-content:center;align-items:center;display:flex}.mosaic-play-overlay{color:#000;opacity:0;cursor:pointer;z-index:5;background:#1ed760;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .18s,transform .18s,background .18s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(6px)scale(.92);box-shadow:0 6px 14px #00000059}.mosaic-play-overlay:hover{background:#22e668;transform:scale(1.08)!important}.mosaic-play-overlay .ic{width:16px;height:16px}.playlist-card:hover .mosaic-play-overlay{opacity:1;transform:none}.playlist-card-info{flex-direction:column;flex:1;gap:3px;min-width:0;padding:4px 2px 2px;display:flex}.playlist-card-name{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.playlist-card-count{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.playlist-card-export{border:1px solid var(--border-color);width:100%;min-height:28px;color:var(--muted-text);white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:auto;padding:0 9px;font-size:11px;font-weight:700;transition:color .18s,background .18s,border-color .18s;display:flex}.playlist-card-export:hover{color:#000;background:#1ed760;border-color:#1ed760}.playlist-detail-page{padding-top:0}.back-link{color:var(--muted-text);margin-bottom:20px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.back-link:hover{color:var(--page-text)}.detail-head{background:0 0;align-items:flex-end;gap:24px;margin:0 0 24px;padding:12px 0 22px;display:flex}.detail-art{background:var(--elevated);width:190px;height:190px;box-shadow:var(--shadow);border-radius:8px;flex:0 0 190px;display:grid;overflow:hidden}.detail-art:has(img:nth-child(2)){grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.detail-art img{object-fit:cover;width:100%;height:100%}.detail-head h1{color:var(--page-text);letter-spacing:-.06em;margin:6px 0;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.15}.detail-meta{color:var(--muted-text);font-size:13px}.detail-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.sheet-play-btn{color:#000;background:#1ed760;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sheet-play-btn:disabled{opacity:.4}.detail-tracks{gap:2px;display:grid}.detail-track-row{min-height:56px;color:var(--muted-text);border-radius:6px;grid-template-columns:28px minmax(44px,56px) minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 10px;display:grid}.detail-track-row.active{background:var(--hover-strong)}.detail-track-row.active strong{color:#1ed760}.detail-track-row.active>span:first-child{color:#1ed760;font-weight:700}.detail-track-row:hover{background:var(--hover-strong)}.detail-track-row[draggable=true]{cursor:grab}.detail-track-row[draggable=true]:active{cursor:grabbing}.detail-track-row img{object-fit:cover;border-radius:4px;width:44px;height:44px}.detail-track-row>button:nth-child(3){min-width:0;color:var(--page-text);text-align:left;gap:3px;display:grid}.detail-track-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-track-row small{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-actions{align-items:center;gap:12px;display:flex}.track-actions button{color:var(--muted-text);border-radius:4px;padding:4px;font-size:14px;transition:color .15s,background .15s}.track-actions button:hover:not(:disabled){color:#fff;background:#ffffff1a}.track-actions button:disabled{opacity:.3;cursor:not-allowed}.track-actions button:last-child{font-size:18px}@media (width<=860px){.detail-head{align-items:flex-start;gap:14px;margin:0 0 16px;padding:12px 0 16px}.detail-art{flex-basis:110px;width:110px;height:110px}.detail-head h1{font-size:24px}.detail-actions{margin-top:10px}.detail-track-row{grid-template-columns:22px 44px minmax(0,1fr) auto;gap:8px;padding:6px 2px}.detail-track-row .track-actions{display:none}}.liked-mosaic{color:#fff;background:linear-gradient(135deg,#450af5 0%,#8d67ab 48%,#1db954 100%);justify-content:center;align-items:center;display:flex}.liked-mosaic .ic{width:40px;height:40px}.history-mosaic{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#00c6ff 100%);justify-content:center;align-items:center;display:flex}.history-mosaic .ic{width:40px;height:40px}.history-ph{color:#fff;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 50%,#00c6ff 100%)}.playlist-sheet{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.playlist-sheet-inner{background:var(--panel-bg);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:860px;max-height:88vh;display:flex;overflow:hidden}.sheet-header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:24px;padding:28px 28px 20px;display:flex}.sheet-art{background:var(--hover-bg);border-radius:10px;flex:0 0 130px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:130px;height:130px;display:grid;overflow:hidden}.sheet-art img{object-fit:cover;width:100%;height:100%}.sheet-art img.single-thumb{grid-area:1/1/-1/-1}.sheet-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sheet-eyebrow{letter-spacing:.08em;color:#1ed760;font-size:11px;font-weight:800}.sheet-title{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:26px;font-weight:800;overflow:hidden}.sheet-subtitle{color:var(--muted-text);margin:0;font-size:13px}.sheet-actions{align-items:center;gap:10px;margin-top:6px;display:flex}.sheet-play-btn{color:#000;background:#1ed760;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,background .15s;display:flex}.sheet-play-btn:hover{background:#22ec6b;transform:scale(1.08)}.playlist-detail-page .sheet-play-btn{flex-basis:40px;width:40px;height:40px}.playlist-detail-page .sheet-play-btn .ic{width:18px;height:18px}.sheet-action-btn{background:var(--hover-bg);width:36px;height:36px;color:var(--muted-text);border-radius:50%;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.sheet-action-btn:hover{color:var(--page-text);background:#ffffff1f}.sheet-action-btn.danger:hover{color:#ff6b6b}.sheet-close-btn{background:var(--hover-bg);width:36px;height:36px;color:var(--muted-text);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;transition:color .15s,background .15s;display:flex}.sheet-close-btn:hover{color:var(--page-text)}.sheet-tracks{flex:1;padding:8px 0 24px;overflow-y:auto}.sheet-track-row{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:8px 20px;transition:background .14s;display:flex}.sheet-track-row:hover{background:var(--hover-bg)}.sheet-track-row.active .track-title{color:#1ed760}.track-num{text-align:right;width:22px;color:var(--muted-text);flex:0 0 22px;font-size:13px}.sheet-track-row .track-thumb{object-fit:cover;border-radius:5px;flex:0 0 40px;width:40px;height:40px}.track-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.track-title{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.track-artist{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.track-controls{opacity:0;gap:4px;transition:opacity .14s;display:flex}.sheet-track-row:hover .track-controls{opacity:1}.track-controls button{color:var(--muted-text);border-radius:5px;padding:4px 8px;font-size:13px}.track-controls button:hover{color:var(--page-text);background:#ffffff14}.track-controls .remove-btn:hover{color:#ff6b6b}.sheet-slide-enter-active,.sheet-slide-leave-active{transition:opacity .25s,transform .25s}.sheet-slide-enter-from,.sheet-slide-leave-to{opacity:0}.sheet-slide-enter-from .playlist-sheet-inner,.sheet-slide-leave-to .playlist-sheet-inner{transform:translateY(40px)}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.mood-card{color:#fff;border-radius:10px;min-height:120px;padding:18px;font-size:18px;font-weight:800;text-decoration:none}.history-list{gap:8px;display:grid}.history-row{background:var(--card-bg);border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.history-row img{object-fit:cover;border-radius:5px;width:44px;height:44px}.history-row div{gap:4px;display:grid}.history-row span{color:var(--muted-text);font-size:12px}.splash-screen{z-index:9999;color:var(--page-text);background:var(--page-bg);text-align:center;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-inner{flex-direction:column;align-items:center;gap:12px;animation:.6s cubic-bezier(.16,1,.3,1) splash-appear;display:flex}.splash-logo{object-fit:contain;width:130px;height:130px;margin:0 auto}.splash-title{letter-spacing:-.01em;margin:0;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:700}.text-accent{color:#1ed760}html[data-theme=light] .splash-screen{background:#fff}html[data-theme=light] .splash-title{color:#111}html[data-theme=dark] .splash-screen{background:#121212}html[data-theme=dark] .splash-title{color:#fff}@keyframes splash-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}.nav-icon{fill:currentColor;flex:0 0 20px;width:20px;height:20px}.ic{fill:currentColor}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0!important}::-webkit-scrollbar-track-piece{background:0 0!important}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:9999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffffff5c}::-webkit-scrollbar-thumb:active{background:#ffffff8c}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000029}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000005c}html[data-theme=light] ::-webkit-scrollbar-thumb:active{background:#0000008c}::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-corner{background:0 0!important}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:#fff3 transparent}html[data-theme=light] *{scrollbar-color:#0003 transparent}}.bottom-nav{display:none}.player-bar{z-index:40;border-top:1px solid var(--border-color);min-height:90px;color:var(--page-text);background:var(--panel-bg);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;gap:18px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0005}.player-song{align-items:center;gap:10px;width:220px;min-width:0;display:flex}.player-song img{object-fit:cover;border-radius:6px;width:48px;height:48px}.player-song div,.queue-row button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player-song strong,.player-song span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-song span{color:var(--muted-text);margin-top:4px;font-size:12px}.player-controls{align-items:center;gap:12px;display:flex}.player-controls button,.player-action{color:var(--muted-text);background:var(--hover-bg);border-radius:7px;padding:7px 9px}.player-controls button:hover,.player-action:hover{color:var(--page-text)}.play-button{color:#000!important;background:#1ed760!important}.player-progress{color:var(--muted-text);flex:1;align-items:center;gap:8px;font-size:11px;display:flex}.player-progress input{accent-color:#1ed760;width:100%}.youtube-player{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.queue-popover,.lyrics-popover{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:12px;width:min(380px,100vw - 32px);max-height:60vh;padding:18px;position:absolute;bottom:88px;right:0;overflow:auto;box-shadow:0 12px 40px #0008}.queue-popover h3,.lyrics-popover h3{margin-bottom:14px}.queue-popover small{color:var(--muted-text);font-weight:400}.close{float:right;color:var(--muted-text);font-size:20px}.queue-row{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:9px 0;display:flex}.queue-row button:first-child{color:var(--page-text);flex:1}.queue-row.current button:first-child{color:#1ed760}.queue-row button:last-child{color:var(--muted-text)}.lyrics-lines{gap:9px;display:grid}.lyrics-lines button{color:var(--muted-text);text-align:left;transition:all .2s}.lyrics-lines button.past{opacity:.55}.lyrics-lines button.active{color:#1ed760;font-size:18px;font-weight:800}.lyrics-popover pre{color:var(--muted-text);font:inherit;white-space:pre-wrap}@media (width>=1280px){.music-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}}:root{--page-bg:#000;--panel-bg:#121212;--page-text:#fff;--muted-text:#a7a7a7;--hover-bg:#242424;--input-bg:#242424;--card-bg:#1d1d1d;--border-color:#333}html[data-theme=light]{--page-bg:#e9e9e9;--panel-bg:#fff;--page-text:#171717;--muted-text:#666;--hover-bg:#ededed;--input-bg:#f0f0f0;--card-bg:#f5f5f5;--border-color:#d2d2d2}#miniplayer{z-index:30;width:100%;height:76px;color:var(--page-text);background:var(--panel-bg);box-sizing:border-box;border:none;border-radius:8px;flex:0 0 76px;padding:0 16px;position:relative}.miniplayer-inner{grid-template-columns:minmax(240px,1fr) minmax(360px,2fr) minmax(180px,1fr);align-items:center;width:100%;height:100%;display:grid}.mini-progress-track{display:none}.show-mobile,.mobile-actions,.show-mobile-fav{display:none!important}.pb-left,.pb-right{align-items:center;gap:12px;min-width:0;display:flex}.pb-left .icon-btn{flex-shrink:0}.pb-left .mini-art{object-fit:cover;border-radius:6px;flex:0 0 56px;width:56px;height:56px}.mini-meta{min-width:0}.mini-title,.mini-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-title{color:var(--page-text);font-size:14px;font-weight:700}.mini-artist{color:var(--muted-text);margin-top:3px;font-size:12px}.pb-center{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:680px;margin:0 auto;display:flex}.pb-buttons{justify-content:center;align-items:center;gap:16px;display:flex}.icon-btn{width:32px;height:32px;color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:flex}.icon-btn:hover,.icon-btn.on{color:var(--page-text)}.icon-btn.liked{color:#1ed760}.play-circle{width:36px;height:36px;color:var(--play-fg);background:var(--play-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex}.play-circle:hover{transform:scale(1.06)}.play-circle .ic{width:18px;height:18px}.repeat-btn{position:relative}.repeat-btn .rep-one{color:#000;pointer-events:none;background:#1ed760;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-family:inherit;font-size:9px;font-weight:900;line-height:1;display:flex;position:absolute;top:1px;right:-2px;box-shadow:0 1px 4px #0006}.np-ctrl-btn.repeat-btn .rep-one{width:15px;height:15px;font-size:9.5px;top:4px;right:2px}.pb-seek{width:100%;color:var(--muted-text);align-items:center;gap:10px;font-size:11px;display:flex}.pb-seek input{accent-color:var(--play-bg);cursor:pointer;flex:1;height:4px}.pb-right{justify-content:flex-end}.pb-right>.ic{width:18px;height:18px;color:var(--muted-text)}.mini-volume{width:96px;height:4px;accent-color:var(--play-bg);cursor:pointer}#app{background:var(--page-bg);box-sizing:border-box;flex-direction:column;gap:8px;height:100dvh;padding:8px;display:flex;overflow:hidden}.app-body{flex:1;gap:8px;width:100%;min-height:0;display:flex}#sidebar{-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;gap:8px;height:100%;min-height:0;transition:width .18s cubic-bezier(.2,0,0,1),min-width .18s cubic-bezier(.2,0,0,1);display:flex;position:relative}#sidebar.is-resizing{transition:none!important}.side-box{background:var(--panel-bg);box-sizing:border-box;border-radius:8px;padding:12px}.side-unified-box{flex-direction:column;flex:1;height:100%;min-height:0;padding:12px 10px 10px;display:flex;overflow:hidden}.side-header{justify-content:space-between;align-items:center;gap:6px;min-height:38px;margin-bottom:8px;display:flex}.side-header .logo{color:var(--page-text);align-items:center;gap:10px;min-width:0;padding:4px 6px;font-weight:800;text-decoration:none;display:flex}.logo-img{border-radius:8px;flex-shrink:0;width:34px;height:34px}.logo-text{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;overflow:hidden}.side-collapse-btn{width:32px;height:32px;color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .18s,background .18s;display:flex}.side-collapse-btn:hover{color:var(--page-text);background:var(--hover-bg)}.side-collapse-btn .ic{width:18px;height:18px;transition:transform .2s}#nav-desktop{flex-shrink:0;gap:2px;display:grid}.nav-item{width:100%;color:var(--muted-text);letter-spacing:-.01em;border-radius:6px;align-items:center;gap:18px;padding:9px 12px;font-size:15.5px;font-weight:700;text-decoration:none;transition:color .18s,background .18s;display:flex}.nav-item .ic{width:24px;height:24px}.nav-item:hover,.nav-item.active{color:var(--page-text);background:var(--hover-bg)}.nav-item.active{color:#1ed760}.nav-item:not(.dev-menu-item) .ic{transition:transform .2s,color .2s}.nav-item:not(.dev-menu-item):hover .ic,.nav-item:not(.dev-menu-item).active .ic{color:#38ef7d;transform:rotate(15deg)scale(1.1)}.nav-item .ic,.lib-row .ic{width:20px;height:20px}.side-divider{background:var(--border-color,#ffffff14);flex-shrink:0;height:1px;margin:8px 6px}.library-list{flex-direction:column;flex:1;gap:2px;min-height:0;padding-right:2px;display:flex;overflow:hidden auto}#side-queue{overflow:auto}.sq-row{width:100%;color:var(--page-text);text-align:left;border-radius:5px;align-items:center;gap:10px;padding:6px 4px;display:flex}.sq-row:hover{background:var(--hover-bg)}.sq-row img,.sq-row .ic{object-fit:cover;border-radius:4px;flex:0 0 38px;width:38px;height:38px}.sq-meta{gap:3px;min-width:0;display:grid}.sq-t,.sq-s{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sq-s{color:var(--muted-text);font-size:11px}.sq-n{width:18px;color:var(--muted-text);text-align:center}.lib-row{color:var(--muted-text);border-radius:6px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.lib-row:hover{color:var(--page-text);background:var(--hover-strong)}.lib-ph{width:48px;height:48px;color:var(--muted);background:var(--elevated);border-radius:4px;flex:0 0 48px;justify-content:center;align-items:center;display:flex}.lib-ph .ic{width:22px;height:22px}.liked-ph{color:#fff;background:linear-gradient(135deg,#450af5 0%,#8d67ab 48%,#1db954 100%)}.lib-box footer{margin-top:auto;padding:10px 6px 4px}#main{background:var(--panel-bg);background-image:linear-gradient(180deg, hsl(var(--tint,140), 32%, 22%) 0%, var(--panel-bg) 340px);border-radius:8px;flex:1;min-width:0;height:100%;min-height:0;overflow:hidden auto}#topbar,.spotify-topbar{z-index:20;align-items:center;gap:12px;padding:12px 24px;transition:background .3s,box-shadow .3s,border-color .3s;display:flex;position:sticky;top:0;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#121212d6!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 20px #00000040!important}#topbar.scrolled,.spotify-topbar.scrolled{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#121212e6!important;border-bottom:1px solid #ffffff1f!important;box-shadow:0 8px 24px #00000059!important}#main:has(.playlist-detail-page) #topbar{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#121212d6!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 20px #00000040!important}#main:has(.playlist-detail-page) .spotify-topbar{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#121212d6!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 20px #00000040!important}#main:has(.playlist-detail-page) #topbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#121212d6!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 20px #00000040!important}#main:has(.playlist-detail-page) .spotify-topbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#121212d6!important;border-bottom:1px solid #ffffff14!important;box-shadow:0 4px 20px #00000040!important}html[data-theme=light] #topbar,html[data-theme=light] .spotify-topbar{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffdb!important;border-bottom:1px solid #00000014!important;box-shadow:0 4px 16px #0000000a!important}html[data-theme=light] #topbar.scrolled,html[data-theme=light] .spotify-topbar.scrolled{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#ffffffeb!important;border-bottom:1px solid #0000001a!important;box-shadow:0 6px 20px #00000014!important}html[data-theme=light] #main:has(.playlist-detail-page) #topbar{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffdb!important;border-bottom:1px solid #00000014!important}html[data-theme=light] #main:has(.playlist-detail-page) .spotify-topbar{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffdb!important;border-bottom:1px solid #00000014!important}html[data-theme=light] #main:has(.playlist-detail-page) #topbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffdb!important;border-bottom:1px solid #00000014!important}html[data-theme=light] #main:has(.playlist-detail-page) .spotify-topbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffdb!important;border-bottom:1px solid #00000014!important}.tb-btn{width:34px;height:34px;color:var(--page-text);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex;box-shadow:0 2px 6px #00000026;background:#ffffff1a!important}html[data-theme=light] .tb-btn{background:#0000000f!important}.tb-btn:hover{transform:scale(1.06);background:#fff3!important}.tb-btn:active{transform:scale(.92)}.tb-btn .ic{width:18px;height:18px;margin:auto}.theme-btn{color:var(--page-text)!important}.theme-btn .ic{color:#f7d046;width:19px;height:19px;transition:transform .25s,color .25s}html[data-theme=light] .theme-btn .ic{color:#3b82f6}.theme-btn:hover .ic{transform:rotate(18deg)scale(1.1)}.lang-btn{-webkit-user-select:none;user-select:none;font-family:inherit;font-weight:800}.lang-badge{letter-spacing:.6px;color:var(--page-text);font-size:11px;font-weight:800;line-height:1;transition:color .18s}.lang-btn:hover .lang-badge{color:#1ed760}.sleep-tb-btn{position:relative}.sleep-tb-btn.on,.sleep-tb-btn.on .ic{color:#1ed760!important}.sleep-tb-badge{color:#000;pointer-events:none;background:#1ed760;border-radius:999px;padding:2px 4px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:-4px;right:-5px;box-shadow:0 2px 6px #0006}.tb-search{max-width:420px;height:42px;color:var(--muted-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;flex:1;align-items:center;gap:10px;margin:0 auto;padding:0 16px;transition:all .2s;display:flex;box-shadow:inset 0 1px 2px #0003;background:#ffffff14!important;border:1px solid #ffffff1a!important}html[data-theme=light] .tb-search{box-shadow:inset 0 1px 2px #0000000d;background:#0000000d!important;border:1px solid #00000014!important}.tb-search:focus-within{background:#ffffff1f!important;border-color:#1ed760!important;box-shadow:0 0 12px #1ed76040,inset 0 1px 2px #0000001a!important}.tb-search .ic{width:20px;height:20px}#view{max-width:1480px;margin:0 auto;padding:8px 24px 32px}.page-view{padding:0}.hero{padding:8px 0 22px}.hero h1,.page-heading h1{letter-spacing:-.045em;font-size:clamp(28px,4vw,34px);font-weight:800;line-height:1.1}.hello-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.page-title{letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,34px);font-weight:800;line-height:1.1}.greeting{color:var(--muted-text);text-transform:capitalize;margin-bottom:4px;font-size:13px;font-weight:600}.quick-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:32px;display:grid}@media (width>=900px){.quick-grid{grid-template-columns:repeat(4,1fr)}}.quick-card{min-width:0;height:64px;color:var(--page-text);text-align:left;background:#ffffff14;border-radius:6px;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex;position:relative;overflow:hidden}.quick-card img{object-fit:cover;flex:0 0 64px;width:64px;height:64px}.quick-card .qc-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:44px;overflow:hidden}.quick-card .play-ov{color:#000;opacity:0;background:#1ed760;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;right:14px;transform:translateY(6px)}.quick-card .play-ov .ic{width:14px;height:14px}.quick-card:hover .play-ov{opacity:1;transform:none}.shelf{margin:0 0 34px}.carousel{scroll-snap-type:x proximity;grid-auto-columns:186px;grid-auto-flow:column;gap:0;padding-bottom:12px;display:grid;overflow-x:auto}.carousel,.music-carousel,.search-filters,.horizontal-scroll,[data-drag-scroll]{scrollbar-width:thin;scrollbar-color:#ffffff47 #ffffff0f;-webkit-tap-highlight-color:transparent;overflow-x:auto}.card,.music-card,.carousel .card,.card .play-ov,.card .add-playlist-button,.search-filters button{cursor:pointer!important}.carousel::-webkit-scrollbar{height:6px!important;display:block!important}.music-carousel::-webkit-scrollbar{height:6px!important;display:block!important}.search-filters::-webkit-scrollbar{height:6px!important;display:block!important}.horizontal-scroll::-webkit-scrollbar{height:6px!important;display:block!important}[data-drag-scroll]::-webkit-scrollbar{height:6px!important;display:block!important}.carousel::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:9999px!important;margin:0 4px!important}.music-carousel::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:9999px!important;margin:0 4px!important}.search-filters::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:9999px!important;margin:0 4px!important}.horizontal-scroll::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:9999px!important;margin:0 4px!important}[data-drag-scroll]::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:9999px!important;margin:0 4px!important}.carousel::-webkit-scrollbar-thumb{background:#ffffff47!important;border-radius:9999px!important;transition:background .2s!important}.music-carousel::-webkit-scrollbar-thumb{background:#ffffff47!important;border-radius:9999px!important;transition:background .2s!important}.search-filters::-webkit-scrollbar-thumb{background:#ffffff47!important;border-radius:9999px!important;transition:background .2s!important}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ffffff47!important;border-radius:9999px!important;transition:background .2s!important}[data-drag-scroll]::-webkit-scrollbar-thumb{background:#ffffff47!important;border-radius:9999px!important;transition:background .2s!important}.carousel::-webkit-scrollbar-thumb:hover{background:#ffffff80!important}.music-carousel::-webkit-scrollbar-thumb:hover{background:#ffffff80!important}.search-filters::-webkit-scrollbar-thumb:hover{background:#ffffff80!important}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80!important}[data-drag-scroll]::-webkit-scrollbar-thumb:hover{background:#ffffff80!important}.carousel::-webkit-scrollbar-thumb:active{background:var(--play-bg,#1ed760)!important}.music-carousel::-webkit-scrollbar-thumb:active{background:var(--play-bg,#1ed760)!important}.search-filters::-webkit-scrollbar-thumb:active{background:var(--play-bg,#1ed760)!important}.horizontal-scroll::-webkit-scrollbar-thumb:active{background:var(--play-bg,#1ed760)!important}[data-drag-scroll]::-webkit-scrollbar-thumb:active{background:var(--play-bg,#1ed760)!important}html[data-theme=light] .carousel,html[data-theme=light] .music-carousel,html[data-theme=light] .search-filters,html[data-theme=light] .horizontal-scroll,html[data-theme=light] [data-drag-scroll]{scrollbar-color:#00000047 #0000000f!important}html[data-theme=light] .carousel::-webkit-scrollbar-track{background:#0000000f!important}html[data-theme=light] .music-carousel::-webkit-scrollbar-track{background:#0000000f!important}html[data-theme=light] .search-filters::-webkit-scrollbar-track{background:#0000000f!important}html[data-theme=light] .horizontal-scroll::-webkit-scrollbar-track{background:#0000000f!important}html[data-theme=light] [data-drag-scroll]::-webkit-scrollbar-track{background:#0000000f!important}html[data-theme=light] .carousel::-webkit-scrollbar-thumb{background:#00000047!important}html[data-theme=light] .music-carousel::-webkit-scrollbar-thumb{background:#00000047!important}html[data-theme=light] .search-filters::-webkit-scrollbar-thumb{background:#00000047!important}html[data-theme=light] .horizontal-scroll::-webkit-scrollbar-thumb{background:#00000047!important}html[data-theme=light] [data-drag-scroll]::-webkit-scrollbar-thumb{background:#00000047!important}html[data-theme=light] .carousel::-webkit-scrollbar-thumb:hover{background:#00000080!important}html[data-theme=light] .music-carousel::-webkit-scrollbar-thumb:hover{background:#00000080!important}html[data-theme=light] .search-filters::-webkit-scrollbar-thumb:hover{background:#00000080!important}html[data-theme=light] .horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#00000080!important}html[data-theme=light] [data-drag-scroll]::-webkit-scrollbar-thumb:hover{background:#00000080!important}.carousel.is-dragging,.music-carousel.is-dragging,.search-filters.is-dragging,.horizontal-scroll.is-dragging,[data-drag-scroll].is-dragging{-webkit-user-select:none!important;user-select:none!important;scroll-snap-type:none!important;scroll-behavior:auto!important}body.is-drag-scrolling{-webkit-user-select:none!important;user-select:none!important}.carousel img,.music-carousel img,.search-filters img,.horizontal-scroll img,[data-drag-scroll] img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.card{scroll-snap-align:start;border-radius:12px;width:186px;padding:12px;position:relative}.card .art{background:var(--elevated,#242424);width:162px;height:162px;box-shadow:var(--shadow,0 8px 24px #0008);border-radius:8px;position:relative;overflow:hidden}.card .art.art-circle,.card .art.art-circle .img-shimmer{border-radius:50%}.img-shimmer{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff08 0%,#ffffff1f 50%,#ffffff08 100%) 0 0/200% 100%;width:100%;height:100%;animation:1.4s ease-in-out infinite skeleton-wave;position:absolute;inset:0}html[data-theme=light] .img-shimmer{background:linear-gradient(90deg,#0000000a 0%,#0000001a 50%,#0000000a 100%) 0 0/200% 100%}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.card .art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s,transform .45s}.card .art img.loaded{opacity:1}.card:hover .art img{transform:scale(1.04)}.card .art .play-ov{color:#000;opacity:0;z-index:3;background:#1ed760;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .22s,transform .22s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(10px)}.card:hover .art .play-ov{opacity:1;transform:none}.card .art .play-ov .ic{width:20px;height:20px}.card .t{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;margin-top:12px;font-size:15px;font-weight:700;overflow:hidden}.card .s{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13px;line-height:1.4;overflow:hidden}:root{--page-bg:#000;--panel-bg:#121212;--page-text:#fff;--muted-text:#b3b3b3;--subdued:#6a6a6a;--hover-bg:#ffffff14;--hover-strong:#ffffff24;--input-bg:#242424;--card-bg:#181818;--card-hover:#282828;--elevated:#242424;--border-color:#2a2a2a;--play-bg:#fff;--play-fg:#000;--surface-glass:#121212f5;--quick-bg:#ffffff14;--quick-hover:#ffffff29;--main-gradient:hsl(var(--tint,140), 32%, 22%);--shadow:0 8px 24px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--page-bg:#ebebeb;--panel-bg:#fff;--page-text:#121212;--muted-text:#5a5a5a;--subdued:#8a8a8a;--hover-bg:#0000000d;--hover-strong:#00000017;--input-bg:#e8e8e8;--card-bg:#f4f4f4;--card-hover:#ececec;--elevated:#e8e8e8;--border-color:#dcdcdc;--play-bg:#121212;--play-fg:#fff;--surface-glass:#fffffff5;--quick-bg:#0000000d;--quick-hover:#00000017;--main-gradient:hsl(var(--tint,140), 45%, 86%);--shadow:0 8px 24px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,#app{color:var(--page-text);background:var(--page-bg)}#topbar{background:var(--panel-bg)}.side-box,#miniplayer,.queue-popover,.lyrics-popover{color:var(--page-text);background-color:var(--panel-bg)}.tb-search,.search-filters button,.suggestions button{color:var(--page-text);background-color:var(--input-bg)}.quick-card{color:var(--page-text);background:var(--quick-bg);box-shadow:var(--shadow)}.card .art,.image-frame{background:var(--elevated);box-shadow:var(--shadow)}.pb-seek input,.mini-volume{accent-color:var(--play-bg)}#nav-mobile{color:var(--page-text);background:var(--panel-bg)}html[data-theme=light] .splash-screen,html[data-theme=dark] .splash-screen{color:var(--page-text);background:var(--page-bg)}html[data-theme=dark]{--page-bg:#000;--panel-bg:#121212;--page-text:#fff;--muted-text:#b3b3b3;--subdued:#6a6a6a;--hover-bg:#ffffff14;--hover-strong:#ffffff24;--input-bg:#242424;--card-bg:#181818;--card-hover:#282828;--elevated:#242424;--border-color:#2a2a2a;--play-bg:#fff;--play-fg:#000;--chip-on-bg:#fff;--chip-on-fg:#000;--surface-glass:#121212f5;--main-gradient:hsl(var(--tint,140), 32%, 22%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--page-bg:#ebebeb;--panel-bg:#fff;--page-text:#121212;--muted-text:#5a5a5a;--subdued:#8a8a8a;--hover-bg:#0000000d;--hover-strong:#00000017;--input-bg:#e8e8e8;--card-bg:#f4f4f4;--card-hover:#ececec;--elevated:#e8e8e8;--border-color:#dcdcdc;--play-bg:#121212;--play-fg:#fff;--chip-on-bg:#121212;--chip-on-fg:#fff;--surface-glass:#fffffff5;--main-gradient:hsl(var(--tint,140), 45%, 86%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{background:var(--page-bg)!important;color:var(--page-text)!important}#main{background-color:var(--panel-bg)!important;background-image:linear-gradient(180deg, var(--main-gradient) 0%, var(--panel-bg) 340px)!important}#topbar,.side-box,#miniplayer{color:var(--page-text)}.side-box,.queue-popover,.lyrics-popover{border-color:var(--border-color);background-color:var(--panel-bg)!important}#miniplayer{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background-color:#121212db!important;border:1px solid #ffffff14!important;box-shadow:0 8px 32px #00000059!important}html[data-theme=light] #miniplayer{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background-color:#ffffffe0!important;border:1px solid #00000014!important;box-shadow:0 8px 24px #0000000f!important}.tb-search,.search-filters button,.suggestions button,.card-actions button{color:var(--page-text);border-color:var(--border-color);background-color:var(--input-bg)!important}.tb-search input{color:var(--page-text)}.tb-search input::placeholder{color:var(--muted-text);opacity:1}.quick-card{color:var(--page-text);box-shadow:var(--shadow);background:var(--quick-bg)!important}html[data-theme=light] .quick-card{--quick-bg:#0000000d;--quick-hover:#00000017;box-shadow:none}html[data-theme=dark] .quick-card{--quick-bg:#ffffff14;--quick-hover:#ffffff29}.quick-card:hover{background:var(--quick-hover)!important}.card:hover{background:var(--card-hover)!important}.card .art,.image-frame{box-shadow:var(--shadow);background:var(--elevated)!important}.shelf-title,.shelf-heading h2,.page-title,.page-heading h1,.card .t,.music-card strong{color:var(--page-text)}.shelf-title span,.shelf-heading span,.card .s,.music-card span,.greeting,.hero>p:last-child,.nav-item,.lib-row,.lib-title,.icon-btn,.tb-btn,.pb-left,.pb-right{color:var(--muted-text)}.ic{flex:none}.nav-item:hover,.nav-item.active,.lib-row:hover,.lib-title:hover,.icon-btn:hover,.tb-btn:hover{color:var(--page-text)}.tb-btn{background:var(--page-text)}@supports (color:color-mix(in lab, red, red)){.tb-btn{background:color-mix(in srgb, var(--page-text) 12%, transparent)}}html[data-theme=light] .tb-btn{color:var(--page-text);background:#00000014}.play-circle{color:var(--play-fg)!important;background:var(--play-bg)!important}.play-circle .ic{fill:var(--play-fg)}.player-progress input,.pb-seek input,.mini-volume{accent-color:var(--play-bg)}#nav-mobile{color:var(--page-text)}.library-stats div,.playlist-editor,.history-row{color:var(--page-text);background:var(--card-bg)}.playlist-track,.playlist-row{border-color:var(--border-color)}.playlist-track button:first-child,.playlist-row strong{color:var(--page-text)}.card-actions{position:absolute;bottom:38px;right:14px}.playlist-fallback-art{object-fit:cover;grid-area:1/1/-1/-1;width:100%;height:100%}#mobile-header{display:none!important}@media (width>=861px){#nav-mobile,#mobile-header{display:none!important}}@media (width<=860px){:root{--navm-h:calc(62px + env(safe-area-inset-bottom,0px))}html,body,#app{height:100%}#app{gap:0;height:100dvh;min-height:100dvh;padding:0;display:block;overflow:hidden}.app-body{width:100%;height:100%;display:block}#mobile-header{z-index:35;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px 16px;justify-content:space-between;align-items:center;position:sticky;top:0;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#121212d6!important;border-bottom:1px solid #ffffff14!important;display:flex!important;box-shadow:0 2px 12px #00000040!important}html[data-theme=light] #mobile-header{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffffdb!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 12px #0000000a!important}.mobile-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.mobile-brand-logo{object-fit:contain;border-radius:6px;width:24px;height:24px}.mobile-brand-title{letter-spacing:-.02em;color:var(--page-text);font-size:16px;font-weight:800}.mobile-brand-title .text-accent{color:#1ed760}.mobile-header-actions{align-items:center;gap:8px;display:flex}#sidebar,#topbar{display:none}#main{background-image:none;border-radius:0;width:100%;height:100%;min-height:0;overflow:hidden auto}#view{max-width:none;padding:14px 16px calc(var(--navm-h) + 96px);margin:0}#miniplayer{cursor:pointer;display:flex;width:auto!important;max-width:calc(100vw - 16px)!important;left:8px!important;right:8px!important;bottom:calc(var(--navm-h) + 8px)!important;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;z-index:50!important;box-sizing:border-box!important;background-color:#1e1e1ed9!important;background-image:none!important;border:1px solid #ffffff1f!important;border-radius:20px!important;align-items:center!important;height:58px!important;padding:0 12px 2px 8px!important;position:fixed!important;box-shadow:0 10px 32px #00000080,0 0 0 1px #ffffff0d!important}html[data-theme=light] #miniplayer{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background-color:#ffffffe0!important;background-image:none!important;border:1px solid #0000001a!important;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000a!important}.miniplayer-inner{box-sizing:border-box!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important}.mini-progress-track{pointer-events:none!important;background:#ffffff1f!important;border-radius:999px!important;height:2px!important;display:block!important;position:absolute!important;bottom:3px!important;left:10px!important;right:10px!important;overflow:hidden!important}html[data-theme=light] .mini-progress-track{background:#00000014!important}.mini-progress-fill{background:#1ed760!important;border-radius:999px!important;height:100%!important;transition:width .25s linear!important;box-shadow:0 0 6px #1ed76080!important}#miniplayer .pb-left{flex:auto!important;align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important;overflow:hidden!important}#miniplayer .mini-art{object-fit:cover!important;border-radius:8px!important;flex:0 0 40px!important;width:40px!important;height:40px!important;box-shadow:0 4px 12px #00000059!important}#miniplayer .mini-meta{flex-direction:column!important;flex:auto!important;gap:1px!important;min-width:0!important;display:flex!important;overflow:hidden!important}#miniplayer .mini-title{color:var(--page-text)!important;text-overflow:ellipsis!important;white-space:nowrap!important;letter-spacing:-.01em!important;font-size:13.5px!important;font-weight:700!important;line-height:1.2!important;overflow:hidden!important}#miniplayer .mini-artist{color:var(--muted-text)!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;font-size:11.5px!important;line-height:1.2!important;overflow:hidden!important}.hide-mobile{display:none!important}.show-mobile{align-items:center;display:flex!important}#miniplayer .pb-right{flex:none!important;align-items:center!important;display:flex!important}.mobile-actions{flex-shrink:0!important;align-items:center!important;gap:4px!important;display:flex!important}.mobile-icon-btn{width:32px!important;height:32px!important;color:var(--muted-text)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex:0 0 32px!important;justify-content:center!important;align-items:center!important;padding:2px!important;transition:transform .15s!important;display:flex!important}.mobile-icon-btn:active{transform:scale(.92)!important}.mobile-icon-btn.liked{color:#1ed760!important}.mobile-icon-btn .ic{width:20px!important;height:20px!important}.mobile-play-circle{color:#000!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:50%!important;flex:0 0 34px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;margin:0 2px!important;transition:transform .15s!important;display:flex!important;box-shadow:0 3px 10px #0000004d!important}.mobile-play-circle:active{transform:scale(.92)!important}html[data-theme=light] .mobile-play-circle{color:#fff!important;background:#000!important}.mobile-play-circle .ic{fill:currentColor!important;width:16px!important;height:16px!important}.carousel{grid-auto-columns:156px}.carousel .card{width:156px;padding:10px}.carousel .card .art{width:136px;height:136px}.quick-grid{grid-template-columns:1fr 1fr}.music-grid,.playlist-card-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}@media (width<=520px){.music-grid,.playlist-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px}.large-search{width:100%;max-width:none}.large-search input{padding:13px 14px;font-size:16px}.search-filters{margin-top:14px;margin-left:-16px;margin-right:-16px;padding:3px 16px 7px}.search-filters button{min-height:36px;padding:0 14px;font-size:12px}.page-heading h1,.hero h1,.page-heading h1{font-size:28px}.library-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.playlist-track{flex-wrap:nowrap}#nav-mobile{height:var(--navm-h);z-index:45;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background-color:#121212d9!important;background-image:none!important;border-top:1px solid #ffffff14!important;box-shadow:0 -4px 24px #00000059!important}html[data-theme=light] #nav-mobile{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background-color:#ffffffe0!important;background-image:none!important;border-top:1px solid #00000014!important;box-shadow:0 -4px 20px #0000000f!important}#nav-mobile a{color:var(--muted-text);border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:10.5px;font-weight:600;text-decoration:none;transition:transform .15s,color .15s;display:flex}#nav-mobile a:active{transform:scale(.92)}#nav-mobile a.active{color:#1ed760;font-weight:700}#nav-mobile a .ic{width:21px;height:21px;transition:transform .2s}#nav-mobile a.active .ic{transform:scale(1.08)}}.now-playing-sheet{z-index:100;background:var(--page-bg);height:100dvh;color:var(--page-text);padding:max(12px, env(safe-area-inset-top)) 20px max(16px, env(safe-area-inset-bottom));box-sizing:border-box;overscroll-behavior:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.np-glass-bg{filter:blur(45px)saturate(180%);z-index:0;opacity:.65;backface-visibility:hidden;will-change:transform;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)translate(0)}.np-glass-overlay{z-index:0;pointer-events:none;background:#121212b8;position:absolute;inset:0;transform:translate(0)}html[data-theme=light] .np-glass-overlay{background:#ffffffb8}.np-container{z-index:1;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.np-header{z-index:10;flex:none;justify-content:space-between;align-items:center;width:100%;padding:4px 0 8px;display:flex}.np-header-title{text-align:center;color:var(--muted-text);letter-spacing:.05em;flex-direction:column;align-items:center;font-size:10px;display:flex}.np-header-title strong{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.np-btn-close{width:36px;height:36px;color:var(--page-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.np-fav-btn{font-size:20px}.np-fav-btn.liked{color:#1ed760}.np-header-actions{align-items:center;gap:8px;display:flex}.np-engine-dot-btn{cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.np-engine-dot-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.08)}.np-engine-dot-btn:active{transform:scale(.94)}.np-tabs{background:var(--hover-bg);z-index:10;border-radius:999px;flex:none;gap:6px;width:100%;max-width:380px;margin:4px auto 12px;padding:4px;display:flex}.np-tabs button{color:var(--muted-text);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.np-tabs button.active{background:var(--page-text);color:var(--page-bg);box-shadow:0 2px 8px #00000040}.np-body{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex;overflow:hidden}.engine-dot{background:#fff6;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-block}.engine-dot.is-active{background:#10b981;box-shadow:0 0 8px #10b981cc}.engine-dot.is-warning{background:#f59e0b;box-shadow:0 0 8px #f59e0bcc}.engine-dot.is-buffering{background:#38bdf8;animation:1.2s ease-in-out infinite engine-pulse}@keyframes engine-pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.mini-engine-status{opacity:.85;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:1px;font-size:10px;display:flex;overflow:hidden}.np-engine-indicator{width:auto;max-width:360px;color:var(--text-muted,#fffc);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin:4px auto 8px;padding:6px 16px;font-family:inherit;font-size:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.np-engine-indicator:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.np-engine-indicator:active{transform:scale(.97)}.np-engine-label{white-space:nowrap;font-weight:500}.np-engine-badge{letter-spacing:.5px;color:#fffffff2;background:#ffffff24;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.diag-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000001;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out diagFadeIn;display:flex;position:fixed;inset:0}@keyframes diagFadeIn{0%{opacity:0}to{opacity:1}}.diag-modal-card{background:#18181f;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:22px;animation:.25s cubic-bezier(.16,1,.3,1) diagSlideUp;display:flex;box-shadow:0 24px 60px #000000b3,0 0 1px #fff3}@keyframes diagSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.diag-modal-header{justify-content:space-between;align-items:center;display:flex}.diag-modal-header-left{align-items:center;gap:10px;display:flex}.diag-modal-header-left h3{color:#fff;letter-spacing:-.2px;margin:0;font-size:1.1rem;font-weight:700}.diag-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.diag-close-btn:hover{color:#fff;background:#ffffff29}.diag-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.diag-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.diag-item.full-width{grid-column:span 2}.diag-item-label{text-transform:uppercase;letter-spacing:.6px;color:#ffffff80;font-size:.7rem;font-weight:600}.diag-item-value{color:#fff;align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.diag-tag{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.diag-box{background:#0006;border:1px solid #ffffff14;border-radius:12px;padding:12px}.diag-box-title{text-transform:uppercase;letter-spacing:.5px;color:#fff9;margin-bottom:6px;font-size:.72rem;font-weight:600}.diag-log-pre{color:#ffffffd9;white-space:pre-wrap;word-break:break-all;max-height:120px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.45;overflow-y:auto}.diag-notice-box{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:12px;padding:10px 14px;font-size:.82rem;line-height:1.4}.diag-modal-footer{margin-top:4px}.diag-action-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s}.diag-action-btn:hover{background:#ffffff26}.np-player-view{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;align-self:center;align-items:center;gap:20px;width:100%;max-width:360px;min-height:0;margin:0 auto;padding:8px 0;display:flex;overflow:hidden}.np-art-wrap{border-radius:16px;flex-shrink:0;width:min(76vw,290px);height:min(76vw,290px);margin:0 auto;overflow:hidden;box-shadow:0 20px 48px #0009}.np-art{object-fit:cover;width:100%;height:100%}.np-info-section{flex-direction:column;gap:14px;width:100%;max-width:340px;margin:0 auto;display:flex}.np-info-row{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.np-meta{flex:1;min-width:0}.np-title{color:var(--page-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;font-weight:800;overflow:hidden}.np-artist{color:var(--muted-text);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:14px;overflow:hidden}.np-big-fav{font-size:24px}.np-big-fav.liked{color:#1ed760}.np-seek{flex-direction:column;gap:4px;width:100%;max-width:340px;margin:0 auto;padding:0 4px;display:flex}.np-slider{accent-color:#1ed760;cursor:pointer;width:100%;height:5px}.np-time-row{color:var(--muted-text);justify-content:space-between;font-size:11px;display:flex}.np-controls{justify-content:space-between;align-items:center;width:100%;max-width:320px;margin:0 auto;padding:4px 0 8px;display:flex}.np-play-main{background:var(--play-bg);width:62px;height:62px;color:var(--play-fg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #0006}.np-play-main .ic{fill:currentColor!important;width:28px!important;height:28px!important;display:block!important}.np-ctrl-btn{width:42px!important;height:42px!important;color:var(--page-text)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:20px!important;transition:transform .15s!important;display:flex!important}.np-ctrl-btn:active{transform:scale(.92)!important}.np-ctrl-btn .ic{fill:currentColor!important;width:24px!important;height:24px!important;display:block!important}.np-ctrl-btn.on{color:#1ed760!important}.np-lyrics-view{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-height:0;padding:0 16px;display:flex;overflow-y:auto}.np-lyrics-loading,.np-lyrics-plain{color:var(--muted-text);white-space:pre-wrap;text-align:center;margin:auto 0;font-size:15px;line-height:1.6}.np-lyrics-empty-wrap{text-align:center;flex-direction:column;align-items:center;gap:16px;margin:auto 0;display:flex}.np-lyrics-retry-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:8px 18px;font-size:13px;transition:all .2s}.np-lyrics-retry-btn:hover{color:#000;background:#1ed760;border-color:#1ed760}.np-lyrics-scroll-wrap{flex-direction:column;display:flex;position:relative}.np-lyrics-offset-bar{z-index:10;background:#121212d9;border:1px solid #ffffff1f;border-radius:20px;justify-content:flex-end;align-items:center;gap:10px;width:fit-content;margin:8px 0 8px auto;padding:6px 14px;display:flex;position:sticky;top:8px;box-shadow:0 4px 12px #0006}.offset-label{color:#ffffffb3;font-size:12px}.offset-btns{gap:4px;display:flex}.offset-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffff1f;border:none;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.offset-btn:active{background:#ffffff59;transform:scale(.95)}.offset-btn:hover{background:#ffffff40}.offset-btn.reset{color:#fca5a5;background:#ef444440}.offset-btn.reset:hover{background:#ef444466}.np-lyrics-scroll{flex-direction:column;gap:22px;padding:35vh 0 45vh;display:flex}.np-lyric-line{text-align:left;color:#ffffff59;cursor:pointer;contain:layout style;background:0 0;border:none;outline:none;padding:8px 0;font-size:22px;font-weight:700;line-height:1.35;transition:color .2s,opacity .2s}html[data-theme=light] .np-lyric-line{color:#00000059}.np-lyric-line.active{color:#1ed760;opacity:1;font-size:22px;font-weight:800}html[data-theme=light] .np-lyric-line.active{color:#15803d}.np-lyric-line.past{color:#ffffffa6}html[data-theme=light] .np-lyric-line.past{color:#000000a6}.np-queue-view{flex-direction:column;flex:1;min-height:0;padding:8px 4px 0;display:flex;overflow:hidden}.np-queue-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 0 12px;font-size:14px;font-weight:700;display:flex}.np-queue-scroll{flex:1;min-height:0;padding-bottom:16px;position:relative;overflow-y:auto}.np-queue-actions-head{align-items:center;gap:8px;display:flex}.fetch-radio-btn{color:#1ed760;cursor:pointer;background:#1ed76026;border:1px solid #1ed76059;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .2s}.fetch-radio-btn:hover{color:#000;background:#1ed760}.fetch-radio-btn:disabled{opacity:.6;cursor:not-allowed}.clear-queue{color:var(--muted-text);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:600;transition:color .15s}.clear-queue:hover{color:#ef4444}.np-queue-single-hint{background:var(--hover-bg);text-align:center;border:1px dashed #ffffff1f;border-radius:12px;flex-direction:column;align-items:center;gap:10px;margin-top:20px;padding:16px;display:flex}.np-queue-single-hint p{color:var(--muted-text);margin:0;font-size:13px}.np-load-radio-btn{color:#000;cursor:pointer;background:#1ed760;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s;box-shadow:0 4px 12px #1ed76040}.np-load-radio-btn:hover{transform:scale(1.03)}.np-load-radio-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.np-queue-list{flex-direction:column;gap:4px;display:flex}.np-queue-row{background:var(--hover-bg);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.np-queue-row.current .np-q-title{color:#1ed760}.np-q-title{min-width:0;color:var(--page-text);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:13px;display:grid}.np-q-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.np-q-actions{gap:6px;display:flex}.np-q-actions button{color:var(--muted-text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.np-slide-enter-active,.np-slide-leave-active{transition:transform .32s cubic-bezier(.32,.72,0,1)}.np-slide-enter-from,.np-slide-leave-to{transform:translateY(100%)}.miniplayer-slide-enter-active,.miniplayer-slide-leave-active{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s}.miniplayer-slide-enter-from,.miniplayer-slide-leave-to{opacity:0;transform:translateY(16px)}@media (width>=861px){.now-playing-sheet{background:radial-gradient(circle at 20% 50%, #1ed76014, transparent 70%), var(--page-bg)!important;-webkit-backdrop-filter:none!important;padding:16px 40px!important}html[data-theme=light] .now-playing-sheet{background:var(--page-bg)!important}.np-glass-bg{filter:blur(20px)!important;opacity:.22!important;transform:translate(0)!important}.np-container{z-index:1;flex-direction:column;width:100%;max-width:1100px;height:100%;margin:0 auto;display:flex;position:relative}.np-header{border-bottom:none!important;flex-shrink:0!important;padding:0 0 8px!important}.np-header-title{letter-spacing:.1em;font-size:11px!important}.np-header-title strong{max-width:480px!important;font-size:15px!important}.np-tabs{flex-shrink:0!important;max-width:380px!important;margin:8px auto 14px!important;padding:4px!important}.np-tabs button{padding:8px 18px!important;font-size:13px!important}.np-body{flex-direction:column!important;flex:1 1 0!important;width:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.np-player-view{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:460px!important;margin:0 auto!important;padding:4px 0!important;display:flex!important}.np-art-wrap{border-radius:14px!important;flex-shrink:1!important;width:min(300px,36vh)!important;height:min(300px,36vh)!important;margin:0 0 8px!important;box-shadow:0 20px 48px #0009!important}.np-info-section{flex-direction:column;gap:8px;width:100%;display:flex}.np-info-row{max-width:100%!important;padding:2px 0!important}.np-title{font-size:20px!important}.np-artist{font-size:14px!important}.np-seek{gap:4px!important;max-width:100%!important;padding:2px 0!important}.np-controls{max-width:100%!important;padding:4px 0 0!important}.np-play-main{width:54px!important;height:54px!important}.np-lyrics-view{grid-template-columns:320px 1fr!important;gap:40px!important;width:100%!important;max-width:1100px!important;height:100%!important;margin:0 auto!important;padding:10px 0!important;display:grid!important;overflow:hidden!important}.np-lyrics-sidebar{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:12px!important;display:flex!important}.np-lyrics-art{object-fit:cover!important;border-radius:14px!important;width:min(240px,32vh)!important;height:min(240px,32vh)!important;box-shadow:0 20px 50px #000000b3!important}.np-lyrics-title{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden;color:var(--page-text)!important;margin:0!important;font-size:20px!important;font-weight:800!important}.np-lyrics-artist{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden;color:var(--muted-text)!important;margin:2px 0 0!important;font-size:15px!important}.np-lyrics-mini-ctrls{align-items:center!important;gap:16px!important;margin-top:8px!important;display:flex!important}.np-lyrics-main{contain:content;will-change:scroll-position;flex:1!important;height:100%!important;padding:0 24px!important;overflow:hidden auto!important}.np-lyrics-scroll{contain:layout style;gap:24px!important;padding:30vh 0 40vh!important}.np-lyric-line{padding:8px 0!important;font-size:28px!important;line-height:1.4!important}.np-lyric-line.active{font-size:28px!important}.np-queue-view{width:100%!important;max-width:860px!important;height:100%!important;margin:0 auto!important;padding:12px 16px!important}}.np-player-view.is-video{justify-content:center!important;align-items:center!important;max-width:960px!important;height:100%!important;padding:0!important}.np-art-wrap.is-video{background:#000;aspect-ratio:16/9!important;border-radius:12px!important;width:min(100vw - 48px,177.778dvh - 284.444px,920px)!important;max-width:100%!important;height:auto!important;max-height:calc(100dvh - 160px)!important;margin:0 auto!important;box-shadow:0 16px 48px #0009!important}@media (height<=680px){.now-playing-sheet{padding:8px 24px!important}.np-header{padding:0 0 4px!important}.np-tabs{max-width:340px!important;margin:4px auto 8px!important}.np-tabs button{padding:6px 12px!important;font-size:12px!important}.np-art-wrap.is-video{aspect-ratio:16/9!important;height:calc(100dvh - 120px)!important;max-height:calc(100dvh - 120px)!important;margin:0 auto!important}.np-player-view{gap:6px!important;padding:2px 0!important}.np-art-wrap:not(.is-video){width:min(200px,32vh)!important;height:min(200px,32vh)!important;margin-bottom:4px!important}.np-title{font-size:18px!important}.np-artist{font-size:13px!important}.np-controls{padding:2px 0 0!important}.np-play-main{width:48px!important;height:48px!important}}@media (width<=860px){.now-playing-sheet{padding:max(10px, env(safe-area-inset-top)) 10px max(14px, env(safe-area-inset-bottom))!important}.np-container{width:100%!important;max-width:100%!important}.np-header{padding:2px 4px 6px!important}.np-tabs{width:100%!important;max-width:100%!important;margin:2px 0 10px!important;padding:3px!important}.np-tabs button{padding:7px 8px!important;font-size:11.5px!important}.np-queue-view{width:100%!important;padding:4px 0!important}.np-queue-header{padding:4px 4px 10px!important}.np-queue-row{border-radius:10px!important;padding:9px 10px!important}.np-lyrics-view{padding:0 4px!important}.np-art-wrap.is-video{border-radius:8px!important;max-width:100%!important;max-height:calc(100dvh - 120px)!important;margin-bottom:0!important}}.lib-art{background:var(--elevated);border-radius:4px;flex:0 0 48px;width:48px;height:48px;display:grid;overflow:hidden}.lib-art:has(img:nth-child(2)){grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.lib-art img{object-fit:cover;width:100%;height:100%}.lib-meta{gap:3px;min-width:0;display:grid}.lib-t,.lib-s{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-t{color:var(--page-text);font-size:15px}.lib-s{color:var(--muted-text);font-size:13px}.sidebar-resizer{cursor:col-resize;z-index:30;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:8px;height:100%;display:flex;position:absolute;top:0;right:-8px}.sidebar-resizer .resizer-line{background:0 0;width:2px;height:100%;transition:background .15s}.sidebar-resizer:hover .resizer-line,#sidebar.is-resizing .sidebar-resizer .resizer-line{background:#ffffff73}html[data-theme=light] .sidebar-resizer:hover .resizer-line,html[data-theme=light] #sidebar.is-resizing .sidebar-resizer .resizer-line{background:#00000059}body.is-resizing-sidebar,body.is-resizing-sidebar *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}#sidebar.is-collapsed{width:72px!important;min-width:72px!important;overflow-x:hidden!important}#sidebar.is-collapsed .side-box{box-sizing:border-box;align-items:center;padding:12px 6px;overflow-x:hidden!important}#sidebar.is-collapsed .logo{justify-content:center;gap:0;width:100%;padding:6px 0}#sidebar.is-collapsed #nav-desktop{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;overflow-x:hidden}#sidebar.is-collapsed .nav-item{flex-shrink:0;justify-content:center;gap:0;width:48px;height:48px;padding:10px 0}#sidebar.is-collapsed .side-header{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:0}#sidebar.is-collapsed .side-collapse-btn{width:44px;height:44px}#sidebar.is-collapsed .side-collapse-btn .ic{transform:rotate(180deg)}#sidebar.is-collapsed .side-divider{width:36px;margin:6px auto}#sidebar.is-collapsed .library-list{box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;display:flex;overflow-y:auto;overflow-x:hidden!important}#sidebar.is-collapsed .lib-row{border-radius:6px;flex-shrink:0;justify-content:center;gap:0;width:48px;min-width:48px;max-width:48px;height:48px;padding:0;overflow:hidden}#sidebar.is-collapsed .lib-ph,#sidebar.is-collapsed .lib-art{border-radius:6px;flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important}#sidebar.is-collapsed .lib-meta{display:none!important}.dev-menu-item{width:100%;color:var(--muted-text);letter-spacing:-.01em;border-radius:6px;align-items:center;gap:18px;padding:9px 12px;font-size:15.5px;font-weight:700;text-decoration:none;transition:color .18s,background .18s;display:flex}.dev-menu-item:hover,.dev-menu-item.active{color:var(--page-text);background:var(--hover-bg)}.dev-menu-item.active{color:#38ef7d}.dev-menu-ic{color:#11998e;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s,color .2s;display:flex}.dev-menu-item:hover .dev-menu-ic,.dev-menu-item.active .dev-menu-ic{color:#38ef7d;transform:rotate(15deg)scale(1.1)}.dev-menu-ic .ic{width:20px;height:20px}.dev-menu-text{align-items:center;gap:6px;display:flex}.dev-sparkle{font-size:14px}#sidebar.is-collapsed .dev-menu-item{justify-content:center;gap:0;width:48px;height:48px;padding:10px 0}.q-add-pl{width:26px;height:26px;color:var(--muted-text,#a7a7a7);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .15s;display:inline-flex}.q-add-pl .ic{width:18px;height:18px}.q-add-pl:hover{color:var(--page-text,#fff);transform:scale(1.15)}.row-btn .ic{width:14px;height:14px}.add-playlist-button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.add-playlist-button .ic{width:14px;height:14px}.pb-right{justify-content:flex-end;align-items:center;gap:2px;display:flex}.pb-right .icon-btn.sm{width:32px!important;height:32px!important;color:var(--muted-text)!important}.pb-right .icon-btn.sm .ic{width:21px!important;height:21px!important}.pb-right .icon-btn.sm:hover{color:var(--page-text)!important;transform:scale(1.08)!important}.pb-vol-wrap{align-items:center;gap:4px;display:flex}.pb-vol-wrap .icon-btn.sm{width:32px!important;height:32px!important}.pb-vol-wrap .icon-btn.sm .ic{width:21px!important;height:21px!important}.mini-volume{width:96px!important;height:4px!important}.pb-right .icon-btn.on{position:relative;color:#1ed760!important}.pb-right .icon-btn.on:after{content:"";background:#1ed760;border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.pb-left-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.mini-action-btn,.mini-add-btn{color:var(--muted-text)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:50%!important;flex:0 0 32px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:color .15s,transform .15s!important;display:flex!important}.mini-add-btn .ic{width:22px!important;height:22px!important}.mini-action-btn .ic{width:20px!important;height:20px!important}.mini-action-btn:hover,.mini-add-btn:hover{color:var(--page-text)!important;transform:scale(1.1)!important}.mini-action-btn.on{color:#1ed760!important}@media (width<=860px){.pb-left-actions,.mini-add-btn,.mini-action-btn{display:none!important}}.side-dev-footer{color:var(--page-text,#e6e6e6);border-top:1px solid var(--border-color,#ffffff1f);background:#ffffff05;border-radius:0 0 8px 8px;margin-top:auto;padding:12px 10px 6px;font-size:12px;font-weight:500;line-height:1.5}.side-dev-link{color:#1ed760;border-radius:4px;padding:2px 4px;font-weight:700;text-decoration:none;transition:all .18s}.side-dev-link:hover{color:#000;background:#1ed760;text-decoration:none}.dev-mosaic{color:#fff!important;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)!important;justify-content:center!important;align-items:center!important;display:flex!important}.dev-mosaic-sparkle{filter:drop-shadow(0 4px 10px #0006);font-size:34px;transition:transform .2s}.dev-entry-card:hover .dev-mosaic-sparkle{transform:scale(1.15)rotate(10deg)}@media (width>=861px){.show-mobile-card{display:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}