.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background-color:#000;display:flex;flex-direction:column;z-index:100;padding:24px 16px;transition:width .3s ease}.sidebar.collapsed{width:72px;padding:24px 12px}.sidebar.collapsed .nav-item{padding:12px;justify-content:center}.sidebar.collapsed .nav-item svg{min-width:24px}.sidebar-header{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px}.sidebar.collapsed .sidebar-header{flex-direction:row;justify-content:center;height:40px;gap:0}.sidebar.collapsed .logo{display:none}.logo{display:flex;align-items:center;gap:12px;font-size:var(--text-xl);font-weight:700;color:#a259ff;text-decoration:none;flex-shrink:0}.sidebar.collapsed .logo{justify-content:center}.sidebar.collapsed .logo-text{display:none}.logo-img{height:64px;width:auto;-o-object-fit:contain;object-fit:contain}.sidebar.collapsed .logo-img{display:none}.collapse-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;padding:6px;border-radius:4px;display:flex;transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out);flex-shrink:0}.collapse-btn:hover{color:#fff;background-color:#1a1a1a}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;color:#b3b3b3;text-decoration:none;border-radius:8px;transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out);font-size:var(--text-base);font-weight:600;font-size:12px}.nav-item:hover,.nav-item.active{color:#fff;background-color:#1a1a1a}.sidebar-footer{padding-top:16px;border-top:1px solid #282828;position:relative}.profile-trigger{width:100%;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:inherit}.profile-trigger:hover .user-info,.profile-trigger:hover .user-avatar-collapsed{opacity:.9}.sidebar-footer .user-info{width:100%}.profile-chevron{color:#b3b3b3;flex-shrink:0;margin-left:auto}.profile-trigger{text-decoration:none;border-radius:var(--radius-card)}.profile-trigger:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}.profile-trigger.active .profile-chevron{color:var(--brand-accent)}.sidebar.collapsed .sidebar-footer{display:flex;flex-direction:column;align-items:center}.sidebar.collapsed .profile-trigger{justify-content:center}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#333}.user-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#535353,#333)}.user-details{flex:1;min-width:0}.user-name{font-size:var(--text-base);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:var(--text-sm);color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.logout-btn:hover{color:#fff;background-color:#1a1a1a}.user-avatar-collapsed{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#333}.user-avatar-collapsed.user-avatar-placeholder{font-size:12px}.sidebar.collapsed .user-info{display:none}@media (max-width: 768px){.sidebar{display:none}}.artist-names{display:block;min-width:0}.artist-link{color:inherit;text-decoration:none;cursor:pointer;border-radius:3px}.artist-link:hover,.artist-link:focus-visible{color:var(--text-primary, #fff);text-decoration:underline}.artist-link:focus-visible{outline:2px solid var(--brand-accent, #a259ff);outline-offset:2px}.artist-link-sep{cursor:default}.player{position:fixed;bottom:12px;left:calc(var(--sidebar-width, 240px) + 16px);right:16px;height:76px;transition:left .3s ease;background:#1e1e1e;border:none;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:18px;z-index:1000;box-shadow:0 12px 32px #0006;overflow:visible}.player-progress-top{position:absolute;top:-16px;left:0;right:0;height:28px;cursor:pointer;z-index:2}.player-progress-top-track{position:absolute;top:16px;left:0;right:0;height:3px;background-color:transparent;transition:height .15s ease,background-color .15s ease}.player-progress-top:hover .player-progress-top-track{height:6px;background-color:#ffffff2e}.player-progress-top-fill{position:relative;height:100%;width:var(--player-progress, 0%);background-color:transparent;transition:background-color .15s ease}.player-progress-top:hover .player-progress-top-fill{background-color:#a259ff}.player-progress-thumb{position:absolute;top:50%;right:-6px;width:12px;height:12px;border-radius:50%;background:#a259ff;transform:translateY(-50%) scale(.6);opacity:0;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);pointer-events:none}@media (hover: hover) and (pointer: fine){.player-progress-top:hover .player-progress-thumb{transform:translateY(-50%) scale(1);opacity:1}}.player-progress-time-bubble{position:absolute;bottom:100%;right:-18px;transform:translateY(6px);margin-bottom:8px;padding:4px 8px;background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:var(--text-xs, 12px);font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.player-progress-top:hover .player-progress-time-bubble{opacity:1}@media (hover: hover) and (pointer: fine){.player-progress-top:hover .player-progress-time-bubble{transform:translateY(0)}}.player-progress-duration{position:absolute;top:8px;right:8px;padding:4px 8px;background:#0d0d0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:var(--text-xs, 12px);font-weight:600;white-space:nowrap;pointer-events:none}.player-left{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;flex:1;min-width:0;position:relative;z-index:1}.player-cover-wrap{position:relative;display:block;padding:0;margin:0;background:none;border:1px solid rgba(255,255,255,.08);cursor:pointer;border-radius:8px;line-height:0;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.player-cover-wrap:hover{border-color:#ffffff38}@media (hover: hover) and (pointer: fine){.player-cover-wrap:hover{transform:translateY(-1px)}}.player-cover{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:8px;background-color:#181818}.player-cover-buffering{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:8px}.player-cover-buffering-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffe6;border-radius:50%;animation:player-buffering-rotate .8s linear infinite}@keyframes player-buffering-rotate{to{transform:rotate(360deg)}}.player-info{min-width:0;overflow:hidden}.player-track-title{font-size:var(--text-sm);font-weight:600;line-height:1.2;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.player-track-artist{font-size:var(--text-xs);line-height:1.25;color:#ffffff94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-artist-names{overflow:hidden;text-overflow:ellipsis}.player-track-actions{display:flex;align-items:center;flex:0 0 auto}.like-btn{width:44px;height:44px;background:transparent;border:0;border-radius:8px;color:#ffffff9e;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .16s var(--ease-out),transform .16s var(--ease-out)}.like-btn:hover{color:#fff}.like-btn.liked{color:#a259ff;animation:likePop .3s var(--ease-out)}@keyframes likePop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.dislike-btn{width:44px;height:44px;background:transparent;border:0;border-radius:8px;color:#ffffff9e;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .16s var(--ease-out),transform .16s var(--ease-out)}.dislike-btn:hover{color:#fff}.dislike-btn.disliked{color:#ff6b6b}.add-btn{width:44px;height:44px;background:transparent;border:0;border-radius:8px;color:#ffffff9e;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .16s var(--ease-out),transform .16s var(--ease-out)}.add-btn:hover{color:#fff}.add-btn:visited{color:#ffffff9e}.lyrics-btn{width:44px;height:44px;background:transparent;border:0;border-radius:8px;color:#ffffff9e;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .16s var(--ease-out),transform .16s var(--ease-out)}.lyrics-btn:hover{color:#fff}.like-btn svg,.dislike-btn svg,.add-btn svg,.lyrics-btn svg{width:24px;height:24px}.like-btn:active,.dislike-btn:active,.add-btn:active,.lyrics-btn:active{transform:scale(.96)}.lyrics-btn.disabled{opacity:.3;cursor:not-allowed}.lyrics-btn.disabled:hover{color:#ffffff9e}.like-btn:focus-visible,.dislike-btn:focus-visible,.add-btn:focus-visible,.lyrics-btn:focus-visible,.control-btn:focus-visible,.play-pause-btn:focus-visible{outline:2px solid #a259ff;outline-offset:2px}.player-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:722px;position:relative;z-index:1}.player-controls{display:flex;align-items:center;gap:16px}.control-btn{width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:8px;color:#ffffff8f;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.control-btn:hover{color:#fff;background:#ffffff12}.control-btn.active{color:#a259ff;background:#a259ff1a;border-color:#a259ff29}.control-btn:disabled{opacity:.32;cursor:not-allowed}.control-btn:disabled:hover{color:#ffffff8f;background:transparent}.play-pause-btn{background:#a259ff;border:none;color:#000;cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:filter .2s ease}.play-pause-btn svg{fill:currentColor}.play-pause-btn:hover{filter:brightness(1.08)}.player-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:6px;position:relative;z-index:1}@media (max-width: 768px){.player{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 80px);height:72px;padding:0 16px;border-radius:999px;background:#0a0a0ea6;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}.player-left{flex:2;gap:10px}.player-cover{width:42px;height:42px}.player-center{flex:1}.player-right,.player-track-actions,.player-controls .control-btn{display:none}.player-controls{gap:10px}}.volume-control{display:flex;align-items:center;gap:8px;color:#ffffff94}.volume-slider{width:93px;height:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3b3b3b;border-radius:999px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;display:none}.volume-slider:hover{background:#4d4d4d}.volume-slider:hover::-webkit-slider-thumb{background:#a259ff}.volume-slider:hover::-moz-range-thumb{background:#a259ff}.player-progress-surface{position:absolute;inset:0;border-radius:999px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,.13) var(--player-progress, 0%),transparent var(--player-progress, 0%));z-index:0}.toast-container{--toast-enter-y: 12px;position:fixed;left:0;right:0;bottom:104px;z-index:2000;display:flex;justify-content:center;padding:0 16px;pointer-events:none}.toast{--toast-accent: #60a5fa;pointer-events:auto;display:flex;align-items:center;gap:12px;width:-moz-max-content;width:max-content;max-width:min(440px,100%);min-height:52px;padding:8px 8px 8px 10px;border-radius:16px;background:#1f1f24;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000073;color:#fff;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:opacity var(--duration-base) var(--ease-out),transform .26s var(--ease-out)}@starting-style{.toast{opacity:0;transform:translateY(var(--toast-enter-y)) scale(.96)}}.toast-leaving{opacity:0;transform:translateY(var(--toast-enter-y)) scale(.96);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.toast-success{--toast-accent: var(--status-success)}.toast-error{--toast-accent: #f87171}.toast-icon{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--toast-accent);background:color-mix(in srgb,var(--toast-accent) 16%,transparent)}.toast-message{flex:1;min-width:0;font-size:var(--text-base);font-weight:500;line-height:1.35;overflow-wrap:anywhere}.toast-close{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:50%;background:none;color:#ffffff8c;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media (hover: hover) and (pointer: fine){.toast-close:hover{color:#fff;background-color:#ffffff14}}@media (max-width: 768px){.toast-container{--toast-enter-y: -16px;top:calc(env(safe-area-inset-top,0px) + 8px);bottom:auto;padding:0 12px}.toast{width:100%;max-width:none;min-height:56px}.toast-close{width:44px;height:44px;margin:-6px -6px -6px 0}}.atp-backdrop{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:24px;background:#0009;animation:atp-fade .18s var(--ease-out) backwards;overscroll-behavior:contain}.atp-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:440px;max-height:min(640px,calc(100dvh - 48px));background-color:#1c1c1f;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 64px #0000008c;outline:none;animation:atp-pop .2s var(--ease-out) backwards}.atp-grabber{display:none}.atp-header{display:flex;align-items:flex-start;gap:12px;padding:20px 12px 12px 20px}.atp-heading{flex:1;min-width:0}.atp-title{font-size:var(--text-lg);font-weight:700;color:#fff;line-height:1.3}.atp-subtitle{margin-top:4px;font-size:var(--text-base);color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atp-close{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-top:-8px;border:none;border-radius:var(--radius-avatar);background:transparent;color:#b3b3b3;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.atp-close:active{transform:scale(.94)}.atp-search{display:flex;align-items:center;gap:8px;margin:0 20px 8px;padding:0 14px;height:44px;border-radius:var(--radius-pill);background-color:#2a2a2e;color:#8a8a8a}.atp-search:focus-within{box-shadow:0 0 0 2px var(--brand-accent)}.atp-search input{flex:1;min-width:0;height:100%;border:none;background:transparent;color:#fff;font:inherit;font-size:16px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.atp-search input::-moz-placeholder{color:#7a7a7a}.atp-search input::placeholder{color:#7a7a7a}.atp-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 8px 12px}.atp-list{list-style:none}.atp-row{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 12px;border:none;border-radius:var(--radius-card);background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out)}.atp-row:active:not(:disabled){background-color:#ffffff1a}.atp-row:disabled{cursor:default}.atp-row:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.atp-row-cover{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;background-color:#2e2e33;color:#8a8a8a}.atp-row-cover-create{background-color:var(--brand-accent-soft);color:var(--brand-accent)}.atp-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.atp-row-name{font-size:var(--text-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atp-row-meta{font-size:var(--text-sm);color:#8a8a8a;font-variant-numeric:tabular-nums}.atp-row.is-exists .atp-row-meta{color:#c9a0ff}.atp-row-status{flex:none;display:grid;place-items:center;width:24px;color:var(--brand-accent)}.atp-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--brand-accent);border-radius:50%;animation:atp-spin .8s linear infinite}.atp-status{padding:20px 12px;text-align:center;font-size:var(--text-base);color:#9a9a9a}.atp-create-form{display:flex;flex-direction:column;gap:10px;padding:8px 12px 12px}.atp-create-input{height:48px;padding:0 16px;border:1px solid #333;border-radius:var(--radius-card);background-color:#2a2a2e;color:#fff;font:inherit;font-size:16px;outline:none}.atp-create-input:focus{border-color:var(--brand-accent)}.atp-create-actions{display:flex;justify-content:flex-end;gap:8px}.atp-btn{min-height:44px;padding:0 18px;border:none;border-radius:var(--radius-pill);font:inherit;font-size:var(--text-base);font-weight:600;cursor:pointer;touch-action:manipulation}.atp-btn:disabled{opacity:.5;cursor:default}.atp-btn-primary{background-color:var(--brand-accent);color:#fff}.atp-btn-primary:active:not(:disabled){background-color:var(--brand-accent-active)}.atp-btn-ghost{background:transparent;color:#d0d0d0}@media (hover: hover) and (pointer: fine){.atp-close:hover{color:#fff;background-color:#ffffff14}.atp-row:hover:not(:disabled){background-color:#ffffff0f}.atp-btn-primary:hover:not(:disabled){background-color:var(--brand-accent-hover)}.atp-btn-ghost:hover:not(:disabled){background-color:#ffffff14}}@keyframes atp-fade{0%{opacity:0}}@keyframes atp-pop{0%{opacity:0;transform:scale(.96)}}@keyframes atp-sheet-in{0%{transform:translateY(100%)}}@keyframes atp-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.atp-backdrop{align-items:flex-end;padding:0}.atp-dialog{max-width:none;max-height:calc(100dvh - env(safe-area-inset-top,0px) - 24px);border:none;border-top:1px solid rgba(255,255,255,.08);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:atp-sheet-in .24s var(--ease-drawer) backwards;will-change:transform}.atp-grabber{display:block;width:36px;height:4px;margin:8px auto 0;border-radius:var(--radius-pill);background:#ffffff40}.atp-header{padding:12px 8px 8px 20px}.atp-search{margin-inline:16px}}@media (prefers-reduced-motion: reduce){.atp-backdrop,.atp-dialog,.atp-spinner{animation:none}}.censor-hint{padding:4px 12px 8px;font-size:var(--text-sm);color:#9a9a9a}.censor-row{display:flex;align-items:center;gap:4px}.censor-row .atp-row-meta{display:inline-flex;align-items:center;gap:4px}.censor-official{flex:none;color:var(--brand-accent)}.censor-listen{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-avatar);color:#b3b3b3}.censor-listen:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}@media (hover: hover) and (pointer: fine){.censor-listen:hover{color:#fff;background-color:#ffffff14}}.censor-check{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 12px 8px}.censor-report{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:#9a9a9a}.censor-report-outcome{color:#fff;font-weight:600}.layout{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:#121212}.main-content{flex:1;overflow-y:auto;margin-left:240px;padding-bottom:90px;background:linear-gradient(180deg,#1a1a1a,#121212);transition:margin-left .3s ease;overscroll-behavior-y:contain}.main-content{overflow-x:hidden}@media (max-width: 768px){.layout{background-color:#050505}.main-content{margin-left:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 180px);background:transparent}.main-content.has-safe-top{padding-top:env(safe-area-inset-top,0px)}.main-content.has-mobile-topbar{padding-top:calc(env(safe-area-inset-top,0px) + 56px)}.mobile-status-scrim{position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#050505e6;z-index:1003;pointer-events:none}.mobile-topbar{position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top,0px) + 52px);padding-top:env(safe-area-inset-top,0px);display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding-left:8px;padding-right:8px;background:#000000eb;border-bottom:1px solid rgba(255,255,255,.08);z-index:1003;transition:opacity var(--duration-fast) var(--ease-out)}@starting-style{.mobile-topbar{opacity:0}}.mobile-back-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff;display:grid;place-items:center;cursor:pointer}.mobile-back-btn:active{transform:scale(.96)}.mobile-topbar-title{text-align:center;font-size:var(--text-base);color:#ffffffb3;letter-spacing:.4px;text-transform:uppercase}.mobile-topbar-spacer{width:40px;height:40px}.mobile-nav-global{position:fixed;left:6px;right:6px;bottom:calc(env(safe-area-inset-bottom,0px) - 2px);height:72px;padding:0;background:#0a0a0e8c;border:none;border-radius:999px;box-shadow:0 8px 28px #000000b3;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);display:flex;align-items:center;z-index:1002}.mobile-nav-global:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff47,#ffffff14);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.mobile-nav-global-pill{position:absolute;top:5px;bottom:5px;left:0;width:25%;transform:translate(calc(var(--nav-index, 0) * 100%));transition:transform .38s cubic-bezier(.32,.72,0,1);pointer-events:none}.mobile-nav-global-pill-inner{position:absolute;inset:0 5px;border-radius:999px;background:#a855f738}.mobile-nav-global-pill.moving .mobile-nav-global-pill-inner{animation:nav-pill-squash .4s ease-in-out}@keyframes nav-pill-squash{0%,to{transform:scale(1)}50%{transform:scale(1.14,.92)}}.mobile-nav-global-item{flex:1;position:relative;z-index:1;color:#ffffff8c;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.mobile-nav-global-icon{display:grid;place-items:center;width:52px;height:44px}.mobile-nav-global-item:active{transform:scale(.92)}.mobile-nav-global-item.active{color:#c084fc}}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 0;color:#ffffffb3}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner-label{font-size:14px}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,:host{--radius-sm:calc(var(--radius) - 4px);--radius-lg:var(--radius)}@font-face{font-family:Unbounded;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/unbounded-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/unbounded-latin.woff2)format("woff2");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}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.hidden{display:none}.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}.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,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\[mm\:ss\.xx\]{mm:ss.xx}.paused{animation-play-state:paused}.running{animation-play-state:running}*{box-sizing:border-box;margin:0;padding:0}:root{--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--icon-sm:16px;--icon-md:18px;--icon-lg:20px;--icon-xl:24px;--icon-2xl:48px;--brand-accent:#a259ff;--brand-accent-hover:#b578ff;--brand-accent-active:#8f46e8;--brand-accent-soft:#a259ff24;--brand-accent-soft-strong:#a259ff38;--status-success:#4ade80;--status-success-soft:#4ade8024;--status-success-border:#4ade804d;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--duration-fast:.15s;--duration-base:.2s;--radius-sm:4px;--radius-card:8px;--radius-lg:12px;--radius-pill:999px;--radius-avatar:50%;--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}body{font-family:Unbounded,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#121212;overflow-x:hidden}html,body{overscroll-behavior:none}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}img{-webkit-user-drag:none}#root{flex-direction:column;min-height:100vh;display:flex}input,textarea,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}button,[role=button]{touch-action:manipulation}html[data-nav] .main-content{view-transition-name:page}html[data-nav] .player{view-transition-name:mini-player}html[data-nav] .mobile-nav-global{view-transition-name:tabbar}html[data-nav] .mobile-topbar{view-transition-name:topbar}html[data-nav] .mobile-status-scrim{view-transition-name:status-scrim}html[data-nav] .sidebar{view-transition-name:sidebar}html[data-nav] .toast-container{view-transition-name:toasts}::view-transition-old(root){display:none}::view-transition-old(mini-player){display:none}::view-transition-old(tabbar){display:none}::view-transition-old(sidebar){display:none}::view-transition-old(toasts){display:none}::view-transition-old(status-scrim){display:none}::view-transition-new(root){animation:none}::view-transition-new(mini-player){animation:none}::view-transition-new(tabbar){animation:none}::view-transition-new(sidebar){animation:none}::view-transition-new(toasts){animation:none}::view-transition-new(status-scrim){animation:none}::view-transition-group(root){animation:none}::view-transition-group(mini-player){animation:none}::view-transition-group(tabbar){animation:none}::view-transition-group(sidebar){animation:none}::view-transition-group(toasts){animation:none}::view-transition-group(status-scrim){animation:none}::view-transition-group(page){animation:none}::view-transition-old(page){mix-blend-mode:normal;animation-duration:.38s;animation-timing-function:var(--ease-drawer);background-color:#121212;animation-fill-mode:both}::view-transition-new(page){mix-blend-mode:normal;animation-duration:.38s;animation-timing-function:var(--ease-drawer);background-color:#121212;animation-fill-mode:both}@media (max-width:768px){::view-transition-old(page){background-color:#050505}::view-transition-new(page){background-color:#050505}}html[data-nav=forward]::view-transition-old(page){animation-name:vt-page-under-out}html[data-nav=forward]::view-transition-new(page){animation-name:vt-page-in-right;box-shadow:-12px 0 32px #0000008c}html[data-nav=back]::view-transition-old(page){z-index:1;animation-name:vt-page-out-right;box-shadow:-12px 0 32px #0000008c}html[data-nav=back]::view-transition-new(page){animation-name:vt-page-under-in}html[data-nav=fade]::view-transition-old(page){animation:none}html[data-nav=fade]::view-transition-new(page){animation:.2s var(--ease-out)both vt-fade-in}::view-transition-old(topbar){animation-duration:.2s}::view-transition-new(topbar){animation-duration:.2s}@keyframes vt-page-in-right{0%{transform:translate(100%)}}@keyframes vt-page-out-right{to{transform:translate(100%)}}@keyframes vt-page-under-out{to{opacity:.6;transform:translate(-28%)}}@keyframes vt-page-under-in{0%{opacity:.6;transform:translate(-28%)}}::view-transition{pointer-events:none}::view-transition-group(*){pointer-events:none}@keyframes vt-fade-in{0%{opacity:0}}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}code{font-optical-sizing:auto;font-family:Unbounded,sans-serif;font-style:normal;font-weight:400}::-webkit-scrollbar{width:12px;height:12px}.track-badge{vertical-align:1px;letter-spacing:.4px;color:#b3b3b3;background:#ffffff1a;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:600;line-height:14px;display:inline-block}.track-badge-e{color:#fff;background:#ffffff24}.track-badge-clean{color:#e8b44c;background:#e8b44c24}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#444}@media (hover:none) and (pointer:coarse){*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}}body{font-family:Unbounded,sans-serif;font-weight:400}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}.wave-widget.is-playing,.now-playing-bars span,.tracks-grid>*,.playlists-grid>*,.like-btn.liked,.fullscreen-like.active,.pref-chip.active{animation:none!important}}@media (prefers-reduced-transparency:reduce){.mobile-topbar,.mobile-player,.mobile-nav,.playlist-add-panel,.toast,.fullscreen-player{-webkit-backdrop-filter:none!important;background:#0a0a0e!important}}html.no-gpu *,html.no-gpu :before,html.no-gpu :after{-webkit-backdrop-filter:none!important}@media (max-width:768px){html.no-gpu .mobile-status-scrim{background:#050505f0}html.no-gpu .mobile-topbar{background:#000000f2}html.no-gpu .mobile-nav-global,html.no-gpu .player{background:#121216f5}html.no-gpu .mobile-player{background:#0a0a0cf0}}html.no-gpu .artist-hero-backdrop{display:none}html.no-gpu::view-transition-old(page){box-shadow:none}html.no-gpu::view-transition-new(page){box-shadow:none}html.no-gpu .sidebar,html.no-gpu .main-content,html.no-gpu .player,html.no-gpu .fullscreen-art,html.no-gpu .fullscreen-art img,html.no-gpu .player-progress-top-track{transition-property:none}@media (prefers-contrast:more){.mobile-topbar,.mobile-player,.mobile-nav,.atp-dialog,.track-ctx-menu,.toast{background:#0a0a0e!important;border:1px solid #ffffff80!important}}.lite-mode *,.lite-mode :before,.lite-mode :after{-webkit-backdrop-filter:none!important;scroll-behavior:auto!important;transition:none!important;animation:none!important}.lite-mode img,.lite-mode video{image-rendering:auto}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@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}