:root{--color-bg:#000;--color-surface:#121212;--color-surface-hover:#242424;--color-surface-elevated:#1a1a1a;--color-accent:#fff;--color-accent-hover:#ebebeb;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-divider:#2a2a2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--color-bg);background-color:#ffffff4d;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.app-container{grid-template:"sidebar main"1fr"player player"90px/240px 1fr;width:100vw;height:100dvh;display:grid}.sidebar{background-color:var(--color-surface);flex-direction:column;grid-area:sidebar;gap:24px;padding:24px 12px;display:flex}.sidebar-logo{color:var(--color-text-primary);align-items:center;gap:12px;padding:0 12px;font-size:24px;font-weight:700;display:flex}.nav-links{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--color-text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:16px;padding:12px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-surface-hover)}.main-view{background-color:var(--color-bg);background:linear-gradient(180deg, var(--color-surface-elevated) 0%, var(--color-bg) 300px);border-radius:8px;grid-area:main;margin:8px 8px 0 0;padding:24px;overflow-y:auto}.player-bar{background-color:var(--color-surface);border-top:1px solid var(--color-divider);grid-area:player;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (width<=768px){.app-container{flex-direction:column;height:100dvh;display:flex}.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.groups-grid{grid-template-columns:1fr;gap:16px}.sidebar{width:100%;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--color-divider);z-index:10;background-color:var(--color-surface);flex-direction:row;justify-content:space-around;align-items:center;gap:0;padding-top:0;position:fixed;bottom:0;left:0}.sidebar>div:last-child{display:contents}.sidebar-logo{display:none}.nav-links{display:contents}.nav-item{flex-direction:column;justify-content:center;gap:4px;min-width:48px;min-height:48px;padding:8px}.nav-item span{display:none}.desktop-add-track{display:none!important}.mobile-add-track{display:flex!important}.main-view{padding:calc(16px + env(safe-area-inset-top)) 16px calc(140px + env(safe-area-inset-bottom)) 16px;border-radius:0;flex:1;margin:0}.player-bar{bottom:calc(64px + env(safe-area-inset-bottom));border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);z-index:20;background-color:var(--color-surface);flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 16px;position:fixed;left:0}.player-bar>div{width:auto!important}.player-bar>div:first-child{padding-right:8px;flex:1!important;justify-content:flex-start!important;width:auto!important;min-width:0!important}.player-bar>div:nth-child(2){flex-shrink:0!important;width:auto!important;max-width:none!important}.player-bar>div:nth-child(2)>div:last-child{gap:0;width:100%;padding:0;position:absolute;top:-8px;left:0;max-width:none!important}.player-bar>div:nth-child(2)>div:last-child span{display:none}.player-bar>div:nth-child(2)>div:last-child input{border-radius:0;height:2px!important}.player-bar>div:last-child{display:none!important}.player-bar button{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex}}.scroll-text-container{white-space:nowrap;width:100%;position:relative;overflow:hidden}.scroll-text-content{will-change:transform;display:inline-block}.scroll-text-content.overflowing{animation:5s ease-in-out 1.5s infinite alternate scrollBounce}@keyframes scrollBounce{0%,15%{transform:translate(0)}85%,to{transform:translateX(var(--overflow-amount))}}.fullscreen-player{background-color:var(--color-bg);z-index:1000;padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom)) 24px;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.fullscreen-bg{display:none}.fullscreen-player-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.fullscreen-player-header button{cursor:pointer;background:0 0;border:none;margin:-8px;padding:8px}.fullscreen-player-cover{flex:1;justify-content:center;align-items:center;max-height:50vh;margin-bottom:32px;display:flex}.fullscreen-player-cover img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 40px #00000080}.placeholder-cover{aspect-ratio:1;background-color:var(--color-surface-elevated);border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex}.fullscreen-player-info{flex-direction:column;min-width:0;margin-bottom:32px;display:flex}.fullscreen-player-controls{flex-direction:column;gap:24px;padding-bottom:16px;display:flex}.progress-bar-container{flex-direction:column;gap:8px;display:flex}.fullscreen-progress{width:100%;height:6px;accent-color:var(--color-accent);cursor:pointer}.time-labels{color:var(--color-text-secondary);justify-content:space-between;font-size:12px;display:flex}.main-buttons{justify-content:center;align-items:center;gap:40px;display:flex}.main-buttons button{color:#fff;cursor:pointer;background:0 0;border:none;transition:transform .1s}.main-buttons button:active{transform:scale(.9)}.play-pause-btn{justify-content:center;align-items:center;width:72px;height:72px;display:flex;background-color:var(--color-accent)!important;color:#000!important;border-radius:50%!important}.extra-buttons{justify-content:space-between;align-items:center;margin-top:16px;padding:0 16px;display:flex}.extra-buttons button{cursor:pointer;background:0 0;border:none}.lyrics-modal,.eq-modal{position:fixed;bottom:100px}.lyrics-modal{width:400px;max-height:60vh;left:264px}.eq-modal{width:340px;right:24px}@media (width<=768px){.lyrics-modal,.eq-modal{width:auto;max-width:none;left:16px;right:16px;bottom:calc(100px + env(safe-area-inset-bottom))}}@media (width>=769px){.fullscreen-player{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;gap:80px;padding:80px}.fullscreen-bg{z-index:-2;opacity:.8;background-position:50%;background-size:cover;display:block;position:absolute;inset:0}.fullscreen-blur-overlay{-webkit-backdrop-filter:blur(80px)saturate(1.5);z-index:-1;pointer-events:none;background-color:#0009;display:block;position:absolute;inset:0}.fullscreen-player-header{margin:0;position:absolute;top:40px;left:40px;right:40px}.fullscreen-player-cover{flex:0 0 450px;max-height:none;margin-bottom:0}.fullscreen-player-cover img,.placeholder-cover{width:450px;max-width:100%;height:450px}.fullscreen-player-right{flex-direction:column;flex:1;justify-content:center;max-width:600px;display:flex}.fullscreen-player-info{margin-bottom:40px}.main-buttons{justify-content:flex-start;gap:32px}.extra-buttons{justify-content:flex-start;gap:24px;margin-top:32px;padding:0}}.synced-lyrics-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;align-items:center;gap:12px;height:100%;display:flex;overflow-y:auto}.synced-lyrics-container::-webkit-scrollbar{display:none}.synced-lyric-line{color:var(--color-text-secondary);cursor:pointer;text-align:center;opacity:.6;font-size:1.1em;transition:all .3s}.synced-lyric-line:hover{opacity:.8}.synced-lyric-line.active{color:var(--color-accent);opacity:1;text-shadow:0 0 10px #fff3;font-size:1.3em;font-weight:700}.lyrics-padding-top,.lyrics-padding-bottom{flex-shrink:0;min-height:50%}.fullscreen-sync .synced-lyric-line{font-size:1.2rem}.fullscreen-sync .synced-lyric-line.active{color:#fff;text-shadow:0 0 15px #fff6;font-size:1.5rem}.fullscreen-lyrics-container{flex:1;height:100%;overflow:hidden}.lyrics-padding-top-fs,.lyrics-padding-bottom-fs{flex-shrink:0;min-height:40vh}