.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;transition:transform .2s ease}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background-color:#282828;border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000080;z-index:1000;display:flex;flex-direction:column;gap:2px;transform-origin:bottom center;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@starting-style{.profile-dropdown{opacity:0;transform:scale(.96)}}.profile-dropdown.collapsed{left:auto;right:0;min-width:160px}.profile-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;color:#fff;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;cursor:pointer;transition:background-color .2s;width:100%;text-align:left;font-family:inherit}.profile-dropdown-item:hover{background-color:#3e3e3e}.profile-dropdown-item.active{background-color:#1a1a1a;color:#a259ff}.profile-dropdown-item.active svg{color:#a259ff}.profile-dropdown-item svg{flex-shrink:0;color:#b3b3b3}.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}.playlist-add-panel{position:absolute;bottom:96px;left:16px;background:#121212f5;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;min-width:240px;z-index:1001;box-shadow:0 8px 24px #0006;transform-origin:bottom left;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}@starting-style{.playlist-add-panel{opacity:0;transform:scale(.96)}}.playlist-add-title{font-size:var(--text-base);font-weight:600;color:#fff;margin-bottom:8px}.playlist-add-loading,.playlist-add-empty{font-size:var(--text-sm);color:#ffffff9e;margin-bottom:8px}.playlist-add-select{width:100%;padding:8px;background-color:#121212;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;font-size:var(--text-sm);margin-bottom:8px}.playlist-add-error{font-size:var(--text-sm);color:#e22134;margin-bottom:8px}.playlist-add-actions{display:flex;justify-content:flex-end;gap:8px}.playlist-add-cancel,.playlist-add-confirm{padding:6px 10px;border-radius:8px;font-size:var(--text-sm);cursor:pointer}.playlist-add-cancel{background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffffad}.playlist-add-confirm{background-color:#a259ff;border:none;color:#0b0b0e}.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{position:fixed;bottom:100px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:8px;background:#1e1e22f2;color:#fff;box-shadow:0 4px 16px #00000059;border:1px solid rgba(255,255,255,.08);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);backdrop-filter:blur(8px)}@starting-style{.toast{opacity:0;transform:translateY(8px)}}.toast-leaving{opacity:0;transform:translateY(8px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:var(--status-success)}.toast-error .toast-icon{color:#f87171}.toast-info .toast-icon{color:#60a5fa}.toast-message{flex:1;font-size:14px;line-height:1.4;word-break:break-word}.toast-close{background:none;border:none;color:#fff9;cursor:pointer;padding:2px;display:flex;flex-shrink:0}.toast-close:hover{color:#fff}@media (max-width: 768px){.toast-container{left:16px;right:16px;bottom:140px;max-width:none}}.layout{display:flex;flex-direction:column;height:100vh;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}@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-mobile-topbar{padding-top:56px}.mobile-topbar{position:fixed;top:0;left:0;right:0;height:52px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:0 8px;background:#000000d9;border-bottom:1px solid rgba(255,255,255,.08);z-index:1003;backdrop-filter:blur(8px);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:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) - 2px);height:72px;padding:0 8px;background:#0a0a0ea6;border:1px solid rgba(255,255,255,.14);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;justify-content:space-between;z-index:1002}.mobile-nav-global-item{flex: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;border-radius:999px;transition:background .2s ease,color .2s ease}.mobile-nav-global-item:active{transform:scale(.92)}.mobile-nav-global-item.active{color:#c084fc}.mobile-nav-global-item.active .mobile-nav-global-icon{background:#a855f738;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}@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}.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;background-color:#121212;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}code{font-optical-sizing:auto;font-family:Unbounded,sans-serif;font-style:normal;font-weight:400}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#444}.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}}@media (prefers-contrast:more){.mobile-topbar,.mobile-player,.mobile-nav,.playlist-add-panel,.profile-dropdown,.mobile-profile-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}