.search-bar{flex:1;max-width:500px;margin:0 5px}.search-bar form{display:flex;position:relative}.search-bar input{width:100%;padding:14px;border:1px solid var(--border-color);border-radius:12px;font-size:14px;outline:none;background-color:transparent;color:var(--text-color)}.search-bar input:focus{border-color:#fff3}.search-bar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-bar svg{width:20px;height:20px;fill:var(--text-secondary)}.search-bar button:hover svg{fill:var(--primary-color)}@media(max-width:768px){.search-bar{margin:0 10px}}@media(max-width:600px){.search-bar{order:2;max-width:100%;margin:10px 0}}@media(max-width:480px){.search-bar input{padding:12px;font-size:13px;border-radius:10px}.search-bar svg{width:18px;height:18px}}.dropdown-container{position:relative;display:inline-block}.dropdown-container .dropdown-toggle{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:999px;padding:5px 12px 5px 5px;cursor:pointer;color:var(--text-color);font-size:14px;transition:background .2s ease,border-color .2s ease}.dropdown-container .dropdown-toggle:hover,.dropdown-container .dropdown-toggle[aria-expanded=true]{background:#ffffff17;border-color:#ffffff38}.dropdown-container .user-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text-color);background:linear-gradient(135deg,#ffffff38,#ffffff0d);border:1px solid var(--border-color)}.dropdown-container .username{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.dropdown-container svg{fill:none;stroke:var(--text-secondary)}.dropdown-container .dropdown-arrow{stroke:var(--text-secondary);transition:transform .3s cubic-bezier(.34,1.4,.64,1),stroke .2s ease}.dropdown-container .dropdown-toggle:hover .dropdown-arrow{stroke:var(--text-color)}.dropdown-container .dropdown-arrow.open{transform:rotate(180deg);stroke:var(--text-color)}.dropdown-container .dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:248px;padding:8px;background:radial-gradient(120% 80% at 100% 0%,rgba(255,255,255,.07),transparent 60%),#101010d1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 20px 50px #0000008c;z-index:1500;transform-origin:top right;animation:dd-open .26s cubic-bezier(.34,1.4,.64,1) both}.dropdown-container .dropdown-menu.closing{animation:dd-close .16s ease forwards}@keyframes dd-open{0%{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dd-close{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}.dropdown-container .dropdown-menu:before{content:"";position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.dropdown-container .dropdown-header{display:flex;align-items:center;gap:12px;padding:12px}.dropdown-container .dd-head-avatar{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:var(--text-color);background:linear-gradient(135deg,#ffffff38,#ffffff0a);border:1px solid var(--border-color);box-shadow:inset 0 1px #ffffff2e}.dropdown-container .dd-head-meta{display:flex;flex-direction:column;min-width:0}.dropdown-container .dd-head-name{font-size:15px;font-weight:700;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-container .dd-head-sub{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);margin-top:1px}.dropdown-container .dropdown-divider{height:1px;background:var(--border-color);margin:6px 8px}.dropdown-container .dropdown-items{display:flex;flex-direction:column;gap:2px}.dropdown-container .dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:9px 10px;border:none;background:transparent;border-radius:12px;color:var(--text-color);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .18s ease,transform .18s ease;animation:dd-item-in .3s ease both;animation-delay:calc(var(--i, 0) * .04s + .06s)}@keyframes dd-item-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dropdown-container .dropdown-item:hover{background:#ffffff12;transform:translate(3px)}.dropdown-container .dd-item-ic{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);transition:background .18s ease,color .18s ease,border-color .18s ease}.dropdown-container .dd-item-ic svg{stroke:var(--text-secondary);fill:none}.dropdown-container .dropdown-item:hover .dd-item-ic{background:#ffffff1f;border-color:#ffffff40}.dropdown-container .dropdown-item:hover .dd-item-ic svg{stroke:var(--text-color)}.dropdown-container .dd-item-label{flex:1;min-width:0}.dropdown-container .dd-item-go{stroke:var(--text-secondary);opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.dropdown-container .dropdown-item:hover .dd-item-go{opacity:1;transform:translate(0)}.dropdown-container .dropdown-item.danger{color:var(--text-secondary)}.dropdown-container .dropdown-item.danger:hover{color:var(--text-color)}@media(max-width:768px){.dropdown-container .dropdown-menu{width:230px}.dropdown-container .username{max-width:90px}}@media(max-width:480px){.dropdown-container .dropdown-toggle{padding:5px}.dropdown-container .username{display:none}.dropdown-container .dropdown-menu{width:220px}}@media(prefers-reduced-motion:reduce){.dropdown-container .dropdown-menu,.dropdown-container .dropdown-item{animation:none}.dropdown-container .dropdown-arrow,.dropdown-container .dropdown-item,.dropdown-container .dd-item-go{transition:none}}.cl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:cl-fade .25s ease both}@keyframes cl-fade{0%{opacity:0}to{opacity:1}}@keyframes cl-pop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cl-overlay .cl-panel{position:relative;width:100%;max-width:720px;max-height:84vh;display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--border-color);background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.08),transparent 60%),#0d0d0de6;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 26px 70px #0009;overflow:hidden;animation:cl-pop .3s cubic-bezier(.34,1.4,.64,1) both}.cl-overlay .cl-close{position:absolute;top:16px;right:16px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .25s ease}.cl-overlay .cl-close:hover{background:#ffffff1f;color:var(--text-color);transform:rotate(90deg)}.cl-overlay .cl-close svg{stroke:currentColor}.cl-overlay .cl-head{display:flex;align-items:center;gap:14px;padding:22px 24px 18px;border-bottom:1px solid var(--border-color)}.cl-overlay .cl-head-ic{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff29,#ffffff08);color:var(--text-color)}.cl-overlay .cl-head-ic svg{stroke:currentColor}.cl-overlay .cl-title{margin:0;font-size:20px;font-weight:800;letter-spacing:-.3px;color:var(--text-color)}.cl-overlay .cl-sub{font-size:12.5px;color:var(--text-secondary)}.cl-overlay .cl-body{display:grid;grid-template-columns:150px 1fr;min-height:0;flex:1}.cl-overlay .cl-versions{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-right:1px solid var(--border-color);overflow-y:auto}.cl-overlay .cl-ver{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.cl-overlay .cl-ver:hover{background:#ffffff0d;color:var(--text-color)}.cl-overlay .cl-ver.active{background:#ffffff1a;color:var(--text-color);border-color:#fff3}.cl-overlay .cl-ver-num{font-variant-numeric:tabular-nums}.cl-overlay .cl-ver-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:999px;background:#fff;color:#000}.cl-overlay .cl-content{padding:20px 24px 26px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.cl-overlay .cl-content::-webkit-scrollbar{width:8px}.cl-overlay .cl-content::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}.cl-overlay .cl-content-ver{font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.cl-overlay .cl-md{color:var(--text-color);animation:cl-fade .25s ease both}.cl-overlay .cl-md h3{font-size:20px;font-weight:800;margin:14px 0 8px}.cl-overlay .cl-md h4{font-size:14px;font-weight:800;margin:18px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border-color);letter-spacing:.2px}.cl-overlay .cl-md h4:first-child{margin-top:0}.cl-overlay .cl-md h5{font-size:13px;font-weight:700;margin:12px 0 6px;color:var(--text-secondary)}.cl-overlay .cl-md p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:8px 0}.cl-overlay .cl-md blockquote{margin:0 0 12px;padding:8px 14px;border-left:2px solid rgba(255,255,255,.25);border-radius:0 8px 8px 0;background:#ffffff08;font-size:12.5px;color:var(--text-secondary)}.cl-overlay .cl-md ul{margin:6px 0 12px;padding:0;list-style:none}.cl-overlay .cl-md li{position:relative;padding:4px 0 4px 20px;font-size:14px;line-height:1.55;color:var(--text-color)}.cl-overlay .cl-md li:before{content:"";position:absolute;left:4px;top:12px;width:5px;height:5px;border-radius:50%;background:#ffffff80}.cl-overlay .cl-md strong{color:#fff;font-weight:700}.cl-overlay .cl-md code{font-family:Roboto Mono,monospace;font-size:12.5px;padding:1px 6px;border-radius:6px;background:#ffffff14;border:1px solid var(--border-color)}.cl-overlay .cl-md a{color:#fff;text-decoration:underline;text-underline-offset:2px}.cl-overlay .cl-empty{color:var(--text-secondary);padding:30px;text-align:center}@media(max-width:560px){.cl-overlay .cl-body{grid-template-columns:1fr}.cl-overlay .cl-versions{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-color);scrollbar-width:none}.cl-overlay .cl-versions::-webkit-scrollbar{display:none}.cl-overlay .cl-ver{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.cl-overlay,.cl-overlay .cl-panel,.cl-overlay .cl-md{animation:none}.cl-overlay .cl-close{transition:none}}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:transparent;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1000}.header-wrapper{width:1000px;margin:0 auto;height:100%}.header-container{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;cursor:pointer}.logo-icon:hover{animation:drone-fly 1s ease-in-out infinite}@keyframes drone-fly{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(3px) rotate(2deg)}}.logo h1{color:var(--primary-color);font-size:1.5rem;font-weight:500}.version-chip{display:inline-flex;align-items:center;align-self:center;margin-left:10px;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);font-size:11px;font-weight:700;line-height:1;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.version-chip:hover{background:#ffffff1a;color:var(--text-color);border-color:#ffffff40;transform:translateY(-1px)}.main-nav{margin-right:20px}.main-nav ul,.auth-nav ul{display:flex;list-style:none;gap:20px;padding:0;margin:0}.main-nav li,.auth-nav li{padding:5px 12px;border-radius:18px}.main-nav li.active,.auth-nav li.active{background-color:rgba(var(--primary-color-rgb),.15)}.main-nav a,.auth-nav a{color:var(--text-color);font-weight:500;display:flex;align-items:center;gap:8px;padding:4px 10px}.main-nav li.active a,.auth-nav li.active a{color:var(--primary-color);font-weight:600}.nav-icon{width:18px;height:18px;fill:currentColor}.dropdown-menu{position:absolute;top:100%;right:0;width:180px;margin-top:8px;background:#181818;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;border:1px solid var(--border-color);z-index:1500;overflow:hidden}.dropdown-menu a{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--text-color);font-weight:500;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background-color:#ffffff0d;color:var(--primary-color)}.dropdown-icon{width:16px;height:16px}.user-dropdown{margin-left:15px}.flying-drone{position:fixed;z-index:9999;width:50px;height:50px;pointer-events:none}@media(max-width:1100px){.header-wrapper{width:90%}}@media(max-width:768px){.header-container{padding:0 20px}.logo h1{font-size:1.2rem}.logo-icon{width:28px;height:28px}.main-nav li,.auth-nav li{padding:4px 10px}.user-dropdown{margin-left:10px}}@media(max-width:600px){.header-container{flex-wrap:wrap;height:auto;padding:10px 20px}.main-nav{order:3;width:100%;margin-top:10px;margin-right:0}.auth-nav{order:2;margin-left:auto}}@media(max-width:480px){.header-container{padding:8px 15px}.logo-link{gap:8px}.logo-icon{width:24px;height:24px}.logo h1{font-size:1.1rem}.main-nav ul,.auth-nav ul{gap:10px;justify-content:center}.main-nav li,.auth-nav li{padding:3px 8px}.main-nav a,.auth-nav a{font-size:.9rem;padding:3px 8px}.user-dropdown{margin-left:5px}}.player-controls{display:flex;align-items:center;justify-content:center;gap:16px}.control-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.play-pause-button{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003}.play-pause-button svg{width:22px;height:22px;fill:#121212;stroke:#121212}.play-pause-button:hover{transform:scale(1.05);box-shadow:0 3px 10px #0000004d}.play-pause-button:active{transform:scale(.98)}.prev-button,.next-button{width:32px;height:32px;opacity:.8;color:var(--text-color, white)}.prev-button svg,.next-button svg{width:22px;height:22px;fill:currentColor;stroke:currentColor}.prev-button:hover,.next-button:hover{opacity:1}@media(max-width:768px){.player-controls{gap:12px}.play-pause-button{width:36px;height:36px}.play-pause-button svg{width:22px;height:22px}.prev-button,.next-button{width:28px;height:28px}.prev-button svg,.next-button svg{width:22px;height:22px}}@media(max-width:480px){.player-controls{gap:8px}.play-pause-button{width:28px;height:28px}.play-pause-button svg{width:18px;height:18px}.prev-button,.next-button{width:22px;height:22px}.prev-button svg,.next-button svg{width:18px;height:18px}}.player-info{display:flex;align-items:center;min-width:0;max-width:100%;overflow:hidden}.track-cover{width:64px;height:64px;margin-right:12px;border-radius:16px;overflow:hidden;flex-shrink:0;background-color:#333}.track-cover img{width:100%;height:100%;object-fit:cover}.track-details{overflow:hidden;flex:1;min-width:0}.track-title{font-weight:500;font-size:14px;margin-bottom:3px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.track-title.clickable{cursor:pointer;transition:color .2s ease}.track-title.clickable:hover{color:var(--primary-color);text-decoration:underline}.track-artist{color:#fff9;font-size:12px;margin-top:2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist.clickable{cursor:pointer;color:var(--primary-color);position:relative;display:inline-block}.track-artist.clickable:hover{text-decoration:underline;color:var(--secondary-color)}.track-artist.clickable{position:relative;opacity:.8}@keyframes marquee{0%,to{transform:translate(0)}33%{transform:translate(calc(-100% + 100px))}66%{transform:translate(0)}}.marquee-container{overflow:hidden;width:100%}.track-title.long-text,.track-artist.long-text{white-space:nowrap;animation:marquee 15s linear infinite;display:inline-block;padding-right:50px}@media(max-width:768px){.track-cover{width:42px;height:42px;margin-right:10px}.track-title{font-size:13px}.track-artist{font-size:11px}}@media(max-width:480px){.track-cover{width:36px;height:36px;margin-right:8px}.track-title{font-size:12px;margin-bottom:2px}.track-artist{font-size:10px}}.track-cover.clickable{cursor:pointer;transition:transform .2s ease}.track-cover.clickable:hover{transform:scale(1.05)}.track-cover.clickable:active{transform:scale(.95)}.player-volume{display:flex;align-items:center;position:relative;margin-left:0;height:40px}.volume-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:8px;width:32px;height:32px;border-radius:50%;transition:all .2s ease;position:relative}.volume-button:hover{transform:scale(1.1);background:#ffffff1a}.volume-button:active{transform:scale(.95)}.volume-button{color:var(--text-color)}.volume-button svg{width:18px;height:18px;fill:none;stroke:currentColor;transition:color .2s ease}.volume-button:hover{color:var(--primary-color)}.volume-button.muted{color:var(--text-secondary)}.volume-slider-wrapper{position:relative;width:70px;height:40px;display:flex;align-items:center}.volume-slider{width:100%;height:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;margin:0;padding:0;cursor:pointer;z-index:2;--volume-level: 100%}.volume-slider::-webkit-slider-runnable-track{width:100%;height:7px;background:linear-gradient(to right,#ffffff 0%,#ffffff var(--volume-level),rgba(255,255,255,.12) var(--volume-level));border-radius:999px;transition:height .18s ease}.volume-slider::-moz-range-track{width:100%;height:7px;background:linear-gradient(to right,#ffffff 0%,#ffffff var(--volume-level),rgba(255,255,255,.12) var(--volume-level));border-radius:999px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-3.5px;border:none;box-shadow:0 2px 6px #00000080;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px #00000080;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.volume-slider-wrapper:hover .volume-slider::-webkit-slider-runnable-track{height:8px}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.25)}.volume-slider:hover::-moz-range-thumb{transform:scale(1.25)}.volume-slider:active::-webkit-slider-thumb{transform:scale(1.5);box-shadow:0 2px 8px #00000080,0 0 0 7px #ffffff29}.volume-slider:active::-moz-range-thumb{transform:scale(1.5);box-shadow:0 2px 8px #00000080,0 0 0 7px #ffffff29}.volume-slider:disabled{cursor:not-allowed;opacity:.6}.volume-slider:disabled::-webkit-slider-thumb{cursor:not-allowed;opacity:.6}.volume-slider:disabled::-moz-range-thumb{cursor:not-allowed;opacity:.6}.volume-tooltip{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:var(--card-background);padding:3px 6px;border-radius:4px;font-size:10px;opacity:1;pointer-events:none;box-shadow:0 2px 5px #0003;min-width:35px;text-align:center;color:var(--text-color)}@media(max-width:768px){.volume-slider-wrapper{width:60px}.volume-button{width:28px;height:28px}.volume-button svg{width:16px;height:16px}}@media(max-width:480px){.volume-button{width:26px;height:26px;margin-right:6px}.volume-button svg{width:14px;height:14px}.volume-slider-wrapper{width:50px}}.favorites-popup{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(30px);background-color:#202020e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;display:flex;align-items:center;box-shadow:0 4px 20px #0006;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);z-index:1000;pointer-events:none;width:auto;max-width:90%;border:1px solid rgba(255,255,255,.1)}.favorites-popup.visible{opacity:1;transform:translate(-50%) translateY(0)}.favorites-popup-icon{width:32px;height:32px;margin-right:16px;display:flex;align-items:center;justify-content:center}.favorites-popup-icon svg{width:24px;height:24px}.favorites-popup.added .favorites-popup-icon svg{fill:var(--primary-color);animation:heartBeat .6s ease-in-out}.favorites-popup.removed .favorites-popup-icon svg{fill:var(--text-secondary)}.favorites-popup-content{display:flex;flex-direction:column}.favorites-popup-message{font-size:16px;font-weight:600;margin-bottom:2px;white-space:nowrap}.favorites-popup-count{display:flex;align-items:center;font-size:14px;color:var(--text-secondary)}.favorites-popup-count-number{position:relative;height:20px;width:30px;overflow:hidden}.count-previous,.count-current{position:absolute;left:0;transition:transform .6s cubic-bezier(.68,-.55,.27,1.55);width:100%;text-align:right}.favorites-popup.added .count-previous{transform:translateY(-100%)}.favorites-popup.added .count-current{transform:translateY(0)}.favorites-popup.removed .count-previous{transform:translateY(100%)}.favorites-popup.removed .count-current{transform:translateY(0)}.favorites-popup-label{margin-left:5px}@keyframes heartBeat{0%,28%,70%{transform:scale(1)}14%,42%{transform:scale(1.3)}}@media(max-width:768px){.favorites-popup{bottom:90px;padding:10px 16px}.favorites-popup-icon{width:28px;height:28px;margin-right:12px}.favorites-popup-icon svg{width:20px;height:20px}.favorites-popup-message{font-size:14px}.favorites-popup-count{font-size:12px}}@media(max-width:480px){.favorites-popup{bottom:80px;padding:8px 14px}.favorites-popup-icon{width:24px;height:24px;margin-right:10px}.favorites-popup-icon svg{width:18px;height:18px}.favorites-popup-message{font-size:13px}.favorites-popup-count{font-size:11px}}.dislike-popup{position:fixed;bottom:110px;left:50%;transform:translate(-50%) translateY(20px);background-color:#202020e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;width:90%;max-width:400px;display:flex;align-items:center;box-shadow:0 8px 30px #00000080;z-index:1000;opacity:0;visibility:hidden;transition:all .15s cubic-bezier(.68,-.55,.27,1.55);border:1px solid rgba(255,255,255,.1)}.dislike-popup.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dislike-popup-icon{background-color:var(--primary-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;animation:pulse 1.5s infinite}.dislike-popup-icon svg{width:24px;height:24px;fill:var(--background-color)}.dislike-popup-content{flex:1;display:flex;flex-direction:column;gap:6px}.dislike-popup-message{font-weight:600;font-size:16px;color:var(--text-color);margin-bottom:2px}.dislike-popup-info{display:flex;flex-direction:column;font-size:13px}.dislike-popup-track{color:var(--primary-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dislike-popup-description{color:var(--text-secondary)}.dislike-popup-hint{font-size:12px;color:#ffffff80;margin-top:4px}.dislike-popup-close-button{position:absolute;top:8px;right:8px;width:24px;height:24px;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:opacity .2s}.dislike-popup-close-button:hover{opacity:1}.dislike-popup-close-button svg{width:16px;height:16px;fill:var(--text-color)}@keyframes pulse{0%,to{box-shadow:0 0 #fff0}70%{box-shadow:0 0 0 10px #fff0}}@media(max-width:480px){.dislike-popup{padding:12px;width:95%;bottom:90px}.dislike-popup-icon{width:36px;height:36px;margin-right:10px}.dislike-popup-message{font-size:14px}.dislike-popup-info{font-size:12px}.dislike-popup-hint{font-size:11px}}.eqz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;animation:eqz-fade .25s ease both}@keyframes eqz-fade{0%{opacity:0}to{opacity:1}}@keyframes eqz-pop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.eqz-overlay .eqz-panel{width:100%;max-width:640px;background:radial-gradient(130% 90% at 50% -10%,rgba(255,255,255,.08),transparent 60%),#0c0c0cd9;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--border-color);border-radius:24px;padding:22px;box-shadow:0 26px 70px #0009;animation:eqz-pop .3s cubic-bezier(.34,1.4,.64,1) both}.eqz-overlay .eqz-panel.is-disabled .eqz-wave,.eqz-overlay .eqz-panel.is-disabled .eqz-bands{opacity:.4}.eqz-overlay .eqz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eqz-overlay .eqz-title h2{margin:0;font-size:19px;font-weight:700;color:var(--text-color);letter-spacing:-.3px}.eqz-overlay .eqz-sub{font-size:12px;color:var(--text-secondary)}.eqz-overlay .eqz-actions{display:flex;align-items:center;gap:8px}.eqz-overlay .eqz-power{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-secondary);font-size:13px;font-weight:600;transition:all .2s ease}.eqz-overlay .eqz-power svg{stroke:currentColor}.eqz-overlay .eqz-power.on{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 18px #ffffff40}.eqz-overlay .eqz-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-secondary);transition:all .2s ease}.eqz-overlay .eqz-icon-btn:hover{background:#ffffff1f;color:var(--text-color)}.eqz-overlay .eqz-icon-btn svg{stroke:currentColor}.eqz-overlay .eqz-wave{width:100%;height:220px;border-radius:16px;border:1px solid var(--border-color);background:radial-gradient(100% 140% at 50% 0%,rgba(255,255,255,.04),transparent 70%),#00000059;overflow:hidden;margin-bottom:14px}.eqz-overlay .eqz-wave-svg{width:100%;height:100%;display:block;touch-action:none}.eqz-overlay .eqz-grid{stroke:#ffffff12;stroke-width:1;vector-effect:non-scaling-stroke}.eqz-overlay .eqz-grid.zero{stroke:#ffffff38;stroke-dasharray:4 5}.eqz-overlay .eqz-grid-label{fill:#ffffff4d;font-size:9px;font-family:inherit}.eqz-overlay .eqz-band-guide{stroke:#ffffff0d;stroke-width:1;vector-effect:non-scaling-stroke}.eqz-overlay .eqz-line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(255,255,255,.25))}.eqz-overlay .eqz-handle{fill:#fff;stroke:#0006;stroke-width:1.5;cursor:grab;transition:r .12s ease,filter .12s ease;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.eqz-overlay .eqz-handle:hover{filter:drop-shadow(0 0 8px rgba(255,255,255,.7))}.eqz-overlay .eqz-handle.active{cursor:grabbing;filter:drop-shadow(0 0 12px rgba(255,255,255,.9))}.eqz-overlay .eqz-panel.is-disabled .eqz-handle{cursor:not-allowed}.eqz-overlay .eqz-bands{display:flex;justify-content:space-between;padding:0 30px;margin-bottom:16px}.eqz-overlay .eqz-band{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0}.eqz-overlay .eqz-band-db{font-size:11px;font-weight:700;color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:color .15s ease}.eqz-overlay .eqz-band.active .eqz-band-db{color:var(--text-color)}.eqz-overlay .eqz-band-freq{font-size:10px;color:#fff6}.eqz-overlay .eqz-presets{display:flex;flex-wrap:wrap;gap:8px}.eqz-overlay .eqz-chip{padding:7px 14px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);font-size:13px;font-weight:600;transition:all .2s ease}.eqz-overlay .eqz-chip:hover:not(:disabled){background:#ffffff1a;color:var(--text-color)}.eqz-overlay .eqz-chip.active{background:#fff;color:#000;border-color:#fff}.eqz-overlay .eqz-chip:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.eqz-overlay .eqz-panel{padding:16px;border-radius:20px}.eqz-overlay .eqz-wave{height:180px}.eqz-overlay .eqz-bands{padding:0 18px}.eqz-overlay .eqz-band-freq{font-size:9px}.eqz-overlay .eqz-title h2{font-size:17px}}@media(prefers-reduced-motion:reduce){.eqz-overlay,.eqz-overlay .eqz-panel{animation:none}}.photo-song-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:center;z-index:1500;opacity:0;animation:fadeIn .3s ease forwards}.photo-song-content{position:relative;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;transform:scale(.9);animation:scaleIn .3s ease forwards}.photo-song-close{position:fixed;top:20px;right:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .2s ease,transform .25s ease,border-color .2s ease;z-index:5}.photo-song-close:hover{background-color:#ffffff2e;border-color:#ffffff4d;transform:rotate(90deg)}.photo-song-close svg{width:20px;height:20px;fill:#fff}.photo-song-image-container{overflow:hidden;border-radius:24px;max-width:100%;max-height:calc(100vh - 120px)}.photo-song-image{display:block;max-width:100%;max-height:calc(100vh - 120px);object-fit:contain}.photo-song-title{color:#fff;margin-top:20px;font-size:18px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}@media(max-width:768px){.photo-song-content{max-width:95%}.photo-song-close{top:14px;right:14px;width:38px;height:38px}.photo-song-close svg{width:18px;height:18px}.photo-song-title{font-size:16px;margin-top:15px}}@media(max-width:480px){.photo-song-content{max-width:100%}.photo-song-close{top:12px;right:12px;width:36px;height:36px}.photo-song-close svg{width:16px;height:16px}.photo-song-title{font-size:14px;margin-top:12px}}.player{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:100%;max-width:990px;height:90px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(10px);border-radius:24px;z-index:100;display:flex;align-items:center;padding:0 12px;opacity:1;transition:opacity 1s ease;border:1px solid var(--border-color);box-shadow:0 0 36px 16px #0000004d}.player.hidden{opacity:0;pointer-events:none}.player-container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.player-left{display:flex;align-items:center;flex:1;min-width:0;max-width:260px}.player-center{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:2;min-width:0;padding:0 20px}.controls-container{display:flex;align-items:center;justify-content:center;margin-bottom:5px;gap:12px}.timeline-container{width:100%;display:flex;align-items:center;gap:10px}.timeline-time{font-size:12px;color:#ffffffb3;min-width:30px}.timeline-time.current-time{text-align:right}.timeline-time.duration{text-align:left}.timeline{height:5px;background:#ffffff1a;border-radius:2px;position:relative;width:100%;flex:1;-webkit-user-select:none;user-select:none}.timeline-progress{position:absolute;top:0;left:0;height:100%;background-color:var(--primary-color, white);border-radius:2px;transition:width .1s linear}.time-tooltip{position:absolute;top:-25px;transform:translate(-50%);background:#000000b3;color:#fff;padding:5px 6px;border-radius:4px;font-size:11px;pointer-events:none;opacity:.9;z-index:10}.player-right{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:150px;padding-right:10px}.player-controls{display:flex;align-items:center;justify-content:center;gap:12px}.repeat-button,.shuffle-button{margin-top:2px;opacity:.6}.repeat-button:hover,.shuffle-button:hover,.repeat-button.active,.shuffle-button.active{opacity:1}.repeat-button{position:relative}.repeat-badge{position:absolute;top:-5px;right:-6px;width:14px;height:14px;border-radius:50%;background:#fff;color:#000;font-size:9px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000080;opacity:0;transform:scale(0);transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.repeat-button.active .repeat-badge{opacity:1;transform:scale(1)}.progress-container{position:absolute;bottom:0;left:0;width:100%;height:3px;overflow:hidden;border-radius:0 0 36px 36px}.player-extra-controls{display:flex;align-items:center;gap:16px;height:40px}.extra-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7;width:24px;height:24px;color:var(--text-color)}.extra-button:hover,.extra-button.active{opacity:1}.extra-button.active{color:var(--primary-color)}.extra-button svg{width:20px;height:20px;fill:none;stroke:currentColor}.extra-button.active{color:#fff}.extra-button.favorite-button.active{color:#ff4757}.extra-button.favorite-button.active svg{fill:#ff4757}.lyrics-button:disabled{opacity:.5;cursor:not-allowed}.lyrics-container{padding:24px;position:fixed;top:0;right:0;width:465px;height:100vh;z-index:1000}.lyrics-panel{position:relative;height:100%;background-color:#111;display:flex;flex-direction:column;transition:right .3s ease-in-out;overflow:hidden;border-radius:24px;border:1px solid #222}.lyrics-panel.visible{right:0}.lyrics-header{position:absolute;top:0;width:100%;height:84px;display:flex;justify-content:space-between;align-items:center;padding:18.5px 20px}.lyrics-header h2{margin:0;font-size:20px;font-weight:500;flex:1;text-align:center}.lyrics-header .close-button{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:var(--text-primary);transition:background-color .2s}.lyrics-header .left-close{margin-right:auto}.lyrics-header .close-button:hover{background-color:#ffffff1a}.lyrics-header .close-button svg{width:24px;height:24px;fill:#fff}.lyrics-content{flex:1;padding:100px 20px 20px;display:flex;flex-direction:column;align-items:center;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;overflow:hidden}.lyrics-content::-webkit-scrollbar{width:6px}.lyrics-content::-webkit-scrollbar-track{background:transparent;margin:5px 0}.lyrics-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:6px}.lyrics-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.lyrics-cover{position:relative;flex-shrink:0;width:200px;height:200px;margin-bottom:20px;animation:fadeIn .5s ease-in-out;z-index:1}.lyrics-cover img{width:100%;height:100%;object-fit:cover;border-radius:16px}.lyrics-cover .lyrics-cover-blur{z-index:-1}.lyrics-cover-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(100px);z-index:0;will-change:filter}.lyrics-track-info{text-align:center;margin-bottom:20px;animation:fadeIn .5s ease-in-out .1s both}.lyrics-track-info h3{margin:0 0 5px;font-size:20px;font-weight:500}.lyrics-artist{margin:0;color:var(--text-secondary);font-size:14px;font-weight:400}.lyrics-text{width:100%;height:100%;overflow-y:auto;margin-top:20px;line-height:1.6;color:var(--text-primary);animation:fadeIn .5s ease-in-out .2s both;white-space:pre-wrap;font-size:16px}.lyrics-text pre{white-space:pre-wrap;font-family:inherit;margin:0}.no-lyrics{text-align:center;color:var(--text-secondary);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.player{width:95%;height:68px;bottom:12px;padding:0 15px}.timeline-container{gap:8px}.timeline-time{font-size:10px;min-width:35px}.controls-container{margin-bottom:6px;gap:12px}.player-extra-controls{gap:10px}.extra-button{width:20px;height:20px}.extra-button svg{width:18px;height:18px}.lyrics-panel{width:100%;right:-100%}.lyrics-cover{width:150px;height:150px}}@media(max-width:480px){.player{height:60px;bottom:8px;padding:0 10px;border-radius:32px}.player-center{padding:0 10px}.player-left{max-width:180px}.player-right{min-width:80px;padding-right:5px}.timeline-container{gap:6px}.timeline-time{font-size:9px;min-width:30px}.controls-container{margin-bottom:4px;gap:10px}.player-extra-controls{gap:6px;height:36px}.extra-button{width:18px;height:18px}.extra-button svg{width:16px;height:16px}.progress-container{height:2px;border-radius:0 0 32px 32px}.lyrics-header h2{font-size:18px}.lyrics-content{padding:15px}.lyrics-track-info h3{font-size:18px}.lyrics-artist,.lyrics-text{font-size:14px}}.track-list-wrapper{width:100%;max-width:1000px;margin:0 auto;border-radius:20px;display:block}.track-list-wrapper::-webkit-scrollbar,.track-list-wrapper::-webkit-scrollbar-track,.track-list-wrapper::-webkit-scrollbar-thumb,.track-list-wrapper::-webkit-scrollbar-thumb:hover{display:none}.track-list{width:100%;display:flex;flex-direction:column}.track-item{display:flex;align-items:center;padding:10px 24px 10px 10px;border-radius:18px;background-color:#ffffff08;border:1px solid var(--border-color);transition:background-color .2s ease,border-color .2s ease;cursor:pointer;margin-bottom:10px}.track-item.track-playing{background-color:#ffffff14;border-color:#ffffff47}.track-item:hover:not(.track-playing){background-color:#ffffff0f;border-color:#ffffff2e}.track-item:hover .play-overlay{opacity:1}.track-item-cover{position:relative;width:50px;height:50px;border-radius:10px;overflow:hidden;margin-right:16px;flex-shrink:0;background-color:var(--border-color)}.track-item-cover img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.play-overlay.playing{opacity:1;background-color:#00000080}.play-button-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:transform .2s}.play-button-overlay:hover{transform:scale(1.1)}.play-button-overlay:active{transform:scale(.95)}.play-overlay svg{width:24px;height:24px;fill:#fff}.play-overlay .play-icon,.play-overlay .pause-icon{width:24px;height:24px;fill:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,.5))}.track-item.track-playing .track-item-info{position:relative}.track-item-info{flex:1;overflow:hidden}.track-item-title{font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.track-item-artist{font-size:.8rem;color:var(--text-secondary);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item-artist.clickable{cursor:pointer;color:var(--primary-color);position:relative;display:inline-block}.track-item-artist.clickable:hover{text-decoration:underline;opacity:1}.track-item-artist.clickable{opacity:.8}.track-item-duration{display:none}.track-item-actions{display:flex;align-items:center;flex-shrink:0;margin-right:16px;gap:10px}.track-item-likes{display:flex;align-items:center;color:#ffffffb3;font-size:14px;margin-right:-15px}.track-item-dislikes{display:flex;align-items:center;color:#ffffffb3;font-size:14px;opacity:0;transition:opacity .2s ease}.track-item:hover .track-item-dislikes,.track-item .track-item-dislikes.show-dislike,.track-item .dislike-button.disliked{opacity:1}.like-button,.dislike-button{display:flex;align-items:center;justify-content:center;background-color:#1e1e1e99;border:none;border-radius:50%;width:28px;height:28px;padding:0;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.like-button{margin-right:5px}.like-button:hover,.dislike-button:hover{background-color:#323232cc;transform:scale(1.1)}.like-button:active,.dislike-button:active{transform:scale(.95)}.like-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-color:#ff00001a;transform:scale(0);transition:transform .3s ease}.like-button.liked:before{transform:scale(1)}.like-button.liked{background-color:#ff323233}.dislike-button.disliked{background-color:rgba(var(--primary-color-rgb),.2)}.like-icon,.dislike-icon{width:16px;height:16px;fill:#fffc;position:relative;z-index:1;transition:all .2s ease}.like-button:hover .like-icon,.dislike-button:hover .dislike-icon{fill:#fff}.like-button.liked .like-icon{fill:#ff6464;filter:drop-shadow(0 0 2px rgba(255,0,0,.3))}.dislike-button.disliked .dislike-icon{fill:var(--primary-color);filter:drop-shadow(0 0 2px rgba(var(--primary-color-rgb),.3))}.like-button.liked:hover .like-icon{transform:scale(1.1)}.like-count{font-size:14px;min-width:20px}@media(max-width:1100px){.track-list-wrapper{width:90%}}.match-indicator{display:inline-block;font-size:.7rem;padding:3px 8px;border-radius:12px;margin-left:8px;font-weight:500;vertical-align:middle;letter-spacing:.3px;text-transform:lowercase}.match-title,.match-lyrics{background-color:#0a0a0ae6;color:#fff;border:1px solid rgba(255,255,255,.1)}div.match-lyrics{display:block;margin-top:6px;margin-left:0;margin-bottom:5px;padding:8px 12px;border-radius:12px;background-color:#0a0a0ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.05)}.lyrics-preview{font-size:.85rem;color:#fffc;margin-top:6px;font-style:italic;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.4;max-width:500px;padding-left:2px}.lyrics-preview .highlight{color:#fff;font-weight:600;font-style:normal;text-shadow:0 0 1px rgba(255,255,255,.8)}@media(max-width:768px){.track-list-wrapper{width:100%;border-radius:16px}.track-item{padding:12px;margin-bottom:6px;border-radius:14px}.track-item-cover{width:40px;height:40px;margin-right:12px}.track-item-title{font-size:14px}.track-item-artist{font-size:12px}.lyrics-preview{max-width:100%;font-size:.8rem}div.match-lyrics{padding:6px 10px}}@media(max-width:480px){.track-list-wrapper{border-radius:14px}.track-item{padding:6px 10px;border-radius:12px;margin-bottom:5px}.track-item-cover{width:32px;height:32px;margin-right:10px}.track-item-title{font-size:13px}.track-item-artist{font-size:11px}.track-item-actions{margin-left:10px}.track-item-likes,.track-item-dislikes{font-size:12px}.like-button,.dislike-button{width:24px;height:24px;margin-right:3px}.like-icon,.dislike-icon{width:14px;height:14px}.like-count{font-size:12px}.match-indicator{font-size:.65rem;padding:2px 6px}.play-overlay svg{width:20px;height:20px}.play-overlay{opacity:.8;background-color:#0006}}@keyframes likeButtonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.like-button.animate-like{animation:likeButtonPulse .5s ease}.sort-controls{display:flex;align-items:center;gap:10px;min-width:0}.sort-icon{display:flex;flex-shrink:0;color:var(--text-secondary)}.sort-icon svg{stroke:currentColor}.sort-chips{display:flex;align-items:center;gap:6px;padding:5px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff08;overflow-x:auto;scrollbar-width:none;max-width:100%}.sort-chips::-webkit-scrollbar{display:none}.sort-chip{flex-shrink:0;padding:8px 16px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease}.sort-chip:hover:not(.active):not(:disabled){background:#ffffff12;color:var(--text-color)}.sort-chip.active{background:#fff;color:#000;box-shadow:0 2px 10px #ffffff24}.sort-controls.is-loading{opacity:.6}.sort-chip:disabled{cursor:wait}@media(max-width:600px){.sort-icon{display:none}.sort-chip{padding:8px 13px;font-size:12.5px}}.home-page{padding:20px;max-width:1000px;margin:0 auto;height:100%;overflow-y:auto}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;justify-content:end}.page-title{font-size:24px;margin-bottom:0;color:var(--text-color)}.home-container{display:flex;flex-direction:column;padding:20px;max-width:1000px;margin:0 auto;min-height:calc(100vh - 60px)}.action-buttons{margin-bottom:20px;display:flex;justify-content:flex-end}.upload-button{background-color:var(--primary-color, #3c7eff);color:#fff;border:none;border-radius:6px;padding:10px 15px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center}.upload-button:hover{background-color:var(--primary-color-dark, #2b5cc5)}.upload-button:active{transform:scale(.98)}.error-message{background-color:#ff46461a;border:1px solid rgba(255,70,70,.3);color:#ff4646;padding:15px;border-radius:6px;margin:20px 0;text-align:center}.error-message button{margin-top:10px;padding:8px 16px;background-color:#ff4646;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.error-message button:hover{background-color:#e03e3e}.no-tracks-message{text-align:center;padding:60px 0;color:var(--text-secondary-color);font-size:16px}@media(max-width:768px){.home-page{padding:15px}.page-title{font-size:20px}.home-header{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.home-page{padding:12px}.home-container{padding:0}.page-title{font-size:18px}.upload-button{padding:8px 12px;font-size:13px;border-radius:5px}.error-message{padding:12px;font-size:14px}.no-tracks-message{padding:40px 0;font-size:14px}}@keyframes _fadeIn_10kp6_1{0%{opacity:0}to{opacity:.8}}._vibeContainer_10kp6_9{display:flex;justify-content:center;z-index:0}._vibeContainer_10kp6_9 ._vibe_10kp6_9{position:relative;width:100%;height:100%;overflow:visible}._vibeContainer_10kp6_9 ._vibe_10kp6_9 canvas{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);opacity:.8;pointer-events:none;animation:_fadeIn_10kp6_1 2s ease-in-out}._vibeContainer_10kp6_9 ._vibe_10kp6_9 ._controls_10kp6_29{position:absolute;top:10%;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}._vibeContainer_10kp6_9 ._vibe_10kp6_9 ._controls_10kp6_29 ._play_10kp6_41 span{display:flex;align-items:center;gap:16px;font-size:28px;font-weight:700}._vibeContainer_10kp6_9 ._vibe_10kp6_9 ._controls_10kp6_29 ._customize_10kp6_48 span{line-height:100%;height:42px;padding:0 22px;border-radius:99px;background-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}@keyframes _show_10kp6_1{0%{opacity:0;transform:scale(.8)}to{opacity:1}}._customizeContainer_10kp6_71{padding:24px;border-radius:24px;background:#00000003;box-shadow:0 -16px 54px #0003,inset 0 0 0 1px #ffffff1a;border:1px solid rgba(0,0,0,.5);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);width:400px;animation:_show_10kp6_1 .2s cubic-bezier(.5,0,0,1);display:flex;flex-direction:column;gap:24px}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84{display:flex;flex-direction:column;gap:16px}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockHeader_10kp6_89{display:flex;justify-content:space-between;align-items:center;color:#fff3;font-weight:700;font-size:14px}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97{display:flex;flex-direction:column;gap:10px;overflow:hidden}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._item_10kp6_103{display:flex;align-items:center;gap:8px}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._tab_10kp6_108{width:100%;display:flex;align-items:center;gap:12px;border-radius:12px;font-weight:700;padding:0 16px;height:68px;box-shadow:inset 0 0 0 1px #ffffff1a}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._tab_10kp6_108 ._circle_10kp6_119{width:36px;height:36px;border-radius:50%}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._tab_10kp6_108 ._circle_10kp6_119._agressive_10kp6_124{background:radial-gradient(50% 50% at 50% 50%,#fff1a8,#ff8585)}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._tab_10kp6_108 ._circle_10kp6_119._happy_10kp6_127{background:radial-gradient(50% 50% at 50% 50%,#47ff43,#34af56)}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._tab_10kp6_108 ._circle_10kp6_119._calm_10kp6_130{background:radial-gradient(50% 50% at 50% 50%,#83d2ff,#c4baff)}._customizeContainer_10kp6_71 ._blockContainer_10kp6_84 ._blockContent_10kp6_97 ._tab_10kp6_108 ._circle_10kp6_119._sad_10kp6_133{background:radial-gradient(50% 50% at 50% 50%,#110cff,#2c29af)}._button_uh10e_1{background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}._button_uh10e_1>*{transition:transform var(--clickDuration, .15s)}._button_uh10e_1:active>*{transform:scale(.8)}.home-v2{max-width:1000px;margin:0 auto;padding:10px 0 48px;display:flex;flex-direction:column;gap:34px}.home-v2 button.hv2-card,.home-v2 .hv2-card{font:inherit;color:inherit;text-align:left;text-decoration:none}.home-v2 .hv2-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 32px;border-radius:26px;border:1px solid var(--border-color);background:radial-gradient(120% 160% at 100% 0%,rgba(255,255,255,.08),transparent 55%),#0e0e0eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 50px #00000073}.home-v2 .hv2-hero-glow{position:absolute;top:-40%;right:-10%;width:60%;height:180%;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 60%);pointer-events:none}.home-v2 .hv2-hero-text{position:relative;z-index:1;min-width:0}.home-v2 .hv2-hero-kicker{display:inline-block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px}.home-v2 .hv2-hero-title{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.6px;color:var(--text-color)}.home-v2 .hv2-hero-sub{margin:0;max-width:460px;font-size:14px;line-height:1.55;color:var(--text-secondary)}.home-v2 .hv2-hero-play{position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border:none;border-radius:999px;background:#fff;color:#000;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #ffffff24;transition:transform .2s ease,box-shadow .25s ease,opacity .2s ease}.home-v2 .hv2-hero-play svg{stroke:currentColor}.home-v2 .hv2-hero-play:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 36px #ffffff38}.home-v2 .hv2-hero-play:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.home-v2 .hv2-hero.hv2-hero-vibe{display:block;padding:0;height:440px;background:transparent;border:none;box-shadow:none;border-radius:0;overflow-x:clip;overflow-y:visible;position:relative}.home-v2 .hv2-section{position:relative;z-index:1}@media(max-width:768px){.home-v2 .hv2-hero.hv2-hero-vibe{height:320px}}.home-v2 .hv2-hero-vibe .vibe-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.home-v2 .hv2-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;padding:28px;pointer-events:none}.home-v2 .hv2-hero-overlay .hv2-hero-play{pointer-events:auto}.home-v2 .hv2-hero-bars{position:absolute;right:200px;bottom:0;display:flex;align-items:flex-end;gap:6px;height:70%;opacity:.5;pointer-events:none}.home-v2 .hv2-hero-bars span{width:5px;height:100%;border-radius:4px 4px 0 0;background:linear-gradient(to top,#ffffff0a,#ffffff59);transform-origin:bottom;animation:hv2-eq 1.4s ease-in-out infinite;animation-delay:calc(var(--b) * -.18s)}@keyframes hv2-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes hv2-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-v2 .hv2-hero{animation:hv2-rise .5s ease both}.home-v2 .hv2-section{animation:hv2-rise .5s ease both;animation-delay:calc(var(--i, 0) * .07s)}.home-v2 .hv2-chips{display:flex;flex-wrap:wrap;gap:10px}.home-v2 .hv2-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-color);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}.home-v2 .hv2-chip:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-2px)}.home-v2 .hv2-chip-count{font-size:11px;font-weight:700;color:var(--text-secondary);background:#ffffff14;padding:2px 7px;border-radius:999px}.home-v2 .hv2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.home-v2 .hv2-head-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--text-color)}.home-v2 .hv2-head-hint{display:block;margin-top:3px;font-size:12.5px;color:var(--text-secondary)}.home-v2 .hv2-seeall{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text-secondary);padding:6px 10px;border-radius:999px;transition:color .2s ease,background .2s ease}.home-v2 .hv2-seeall:hover{color:var(--text-color);background:#ffffff0f}.home-v2 .hv2-seeall svg{stroke:currentColor;transition:transform .2s ease}.home-v2 .hv2-seeall:hover svg{transform:translate(3px)}.home-v2 .hv2-scroller{position:relative}.home-v2 .hv2-scroll-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px;scrollbar-width:none}.home-v2 .hv2-scroll-row::-webkit-scrollbar{display:none}.home-v2 .hv2-scroll-row>*{scroll-snap-align:start}.home-v2 .hv2-scroll-btn{position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color);background:#141414b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-color);cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,transform .2s ease}.home-v2 .hv2-scroll-btn svg{stroke:currentColor}.home-v2 .hv2-scroll-btn.left{left:-8px}.home-v2 .hv2-scroll-btn.right{right:-8px}.home-v2 .hv2-scroller:hover .hv2-scroll-btn{opacity:1}.home-v2 .hv2-scroll-btn:hover{background:#232323e6}.home-v2 .hv2-card{flex-shrink:0;display:flex;flex-direction:column;border:none;background:none;cursor:pointer;padding:0}.home-v2 .hv2-card-title{margin-top:10px;font-size:14px;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-v2 .hv2-card-title.hv2-center{text-align:center}.home-v2 .hv2-card-sub{margin-top:3px;font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.home-v2 .hv2-card-play{position:absolute;right:9px;bottom:9px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#000;box-shadow:0 6px 16px #00000080;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .2s ease,transform .2s ease}.home-v2 .hv2-card-play svg{stroke:currentColor;fill:currentColor}.home-v2 .hv2-cover,.home-v2 .hv2-playlist-art{position:relative;width:156px;height:156px;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff12,#ffffff05)}.home-v2 .hv2-cover-ph,.home-v2 .hv2-playlist-art-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff47}.home-v2 .hv2-cover img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.home-v2 .hv2-cover.is-loaded img{opacity:1}.home-v2 .hv2-track{width:156px;position:relative}.home-v2 .hv2-track:hover .hv2-cover{border-color:#ffffff4d}.home-v2 .hv2-track:hover .hv2-card-play,.home-v2 .hv2-playlist:hover .hv2-card-play{opacity:1;transform:translateY(0) scale(1)}.home-v2 .hv2-track.is-active .hv2-card-title{color:#fff}.home-v2 .hv2-track.is-active .hv2-cover{border-color:#ffffff8c}.home-v2 .hv2-playlist{width:166px;position:relative}.home-v2 .hv2-playlist-art{width:166px;height:166px}.home-v2 .hv2-playlist:hover .hv2-playlist-art{border-color:#ffffff4d}.home-v2 .hv2-count-badge{position:absolute;top:9px;left:9px;z-index:2;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#0000008c;border:1px solid var(--border-color);color:var(--text-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home-v2 .hv2-user{width:132px;align-items:center;padding:16px 10px;border-radius:18px;border:1px solid var(--border-color);background:#ffffff08;transition:background .2s ease,transform .2s ease,border-color .2s ease}.home-v2 .hv2-user:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.home-v2 .hv2-avatar{position:relative;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text-color);background:linear-gradient(135deg,#ffffff24,#ffffff08);border:1px solid var(--border-color);margin-bottom:10px}.home-v2 .hv2-avatar-crown{position:absolute;top:-6px;right:-4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#000;box-shadow:0 4px 10px #00000080}.home-v2 .hv2-avatar-crown svg{stroke:currentColor}.home-v2 .hv2-user-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;font-size:11.5px;color:var(--text-secondary)}.home-v2 .hv2-dot{opacity:.5}.home-v2 .hv2-empty{padding:30px;text-align:center;color:var(--text-secondary);font-size:14px;border:1px dashed var(--border-color);border-radius:16px}@media(max-width:768px){.home-v2{gap:28px;padding:6px 0 40px}.home-v2 .hv2-hero{flex-direction:column;align-items:flex-start;padding:24px}.home-v2 .hv2-hero-title{font-size:25px}.home-v2 .hv2-hero-play{width:100%;justify-content:center}.home-v2 .hv2-hero-bars,.home-v2 .hv2-scroll-btn{display:none}.home-v2 .hv2-cover,.home-v2 .hv2-track{width:138px}.home-v2 .hv2-cover{height:138px}.home-v2 .hv2-playlist,.home-v2 .hv2-playlist-art{width:148px}.home-v2 .hv2-playlist-art{height:148px}}.plm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:plm-fade .25s ease both}@keyframes plm-fade{0%{opacity:0}to{opacity:1}}@keyframes plm-pop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.plm-overlay .plm-panel{position:relative;width:100%;max-width:560px;max-height:82vh;display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--border-color);background:radial-gradient(130% 90% at 50% -10%,rgba(255,255,255,.08),transparent 60%),#0c0c0ce0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 26px 70px #0009;animation:plm-pop .3s cubic-bezier(.34,1.4,.64,1) both;overflow:hidden}.plm-overlay .plm-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease}.plm-overlay .plm-close:hover{background:#ffffff1f;color:var(--text-color)}.plm-overlay .plm-close svg{stroke:currentColor}.plm-overlay .plm-head{display:flex;gap:18px;padding:26px 26px 20px;border-bottom:1px solid var(--border-color)}.plm-overlay .plm-art{flex-shrink:0;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff1f,#ffffff05);color:#fff9;box-shadow:0 10px 26px #00000080}.plm-overlay .plm-meta{display:flex;flex-direction:column;min-width:0}.plm-overlay .plm-kicker{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.plm-overlay .plm-title{margin:4px 0;font-size:23px;font-weight:800;letter-spacing:-.4px;color:var(--text-color)}.plm-overlay .plm-sub{margin:0 0 14px;font-size:13px;color:var(--text-secondary)}.plm-overlay .plm-playall{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border:none;border-radius:999px;background:#fff;color:#000;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px #ffffff24;transition:transform .2s ease,box-shadow .2s ease}.plm-overlay .plm-playall svg{stroke:currentColor;fill:currentColor}.plm-overlay .plm-playall:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #ffffff38}.plm-overlay .plm-playall:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.plm-overlay .plm-list{overflow-y:auto;padding:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.plm-overlay .plm-list::-webkit-scrollbar{width:8px}.plm-overlay .plm-list::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px}.plm-overlay .plm-loading{padding:30px;text-align:center;color:var(--text-secondary);font-size:14px}.plm-overlay .plm-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border:none;background:none;border-radius:12px;cursor:pointer;text-align:left;color:inherit;transition:background .18s ease}.plm-overlay .plm-row:hover{background:#ffffff0f}.plm-overlay .plm-row.is-active{background:#ffffff14}.plm-overlay .plm-num{flex-shrink:0;width:22px;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.plm-overlay .plm-num svg{stroke:var(--text-color);fill:var(--text-color)}.plm-overlay .plm-row .hv2-cover.plm-cover{width:44px;height:44px;border-radius:9px;flex-shrink:0}.plm-overlay .plm-row .hv2-cover.plm-cover .hv2-cover-ph svg{width:18px;height:18px}.plm-overlay .plm-row-info{display:flex;flex-direction:column;min-width:0;flex:1}.plm-overlay .plm-row-title{font-size:14px;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plm-overlay .plm-row-sub{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plm-overlay .plm-row-play{flex-shrink:0;color:var(--text-secondary);opacity:0;transition:opacity .18s ease}.plm-overlay .plm-row:hover .plm-row-play{opacity:1}.plm-overlay .plm-row-play svg{stroke:currentColor;fill:currentColor}@media(max-width:480px){.plm-overlay .plm-head{flex-direction:column}.plm-overlay .plm-art{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){.home-v2 *,.home-v2 .hv2-hero,.home-v2 .hv2-section{transition:none!important;animation:none!important}.home-v2 .hv2-hero-bars{display:none}.plm-overlay,.plm-overlay .plm-panel{animation:none!important}}.upload-page{width:100%;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height) - var(--player-height) - 40px);max-width:600px;margin:0 auto;padding:24px 20px;overflow-anchor:none;animation:upl-fade .3s ease both}@keyframes upl-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes upl-pop{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes upl-spin{to{transform:rotate(360deg)}}@keyframes upl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes upl-cover-reveal{0%{opacity:0;transform:scale(1.06);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes upl-badge-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes upl-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes upl-draw{to{stroke-dashoffset:0}}@keyframes upl-shine{to{left:160%}}@keyframes upl-shimmer{to{transform:translate(100%)}}.upload-page .upload-form{width:100%;margin:0;overflow-anchor:none;background:radial-gradient(120% 80% at 50% -20%,rgba(255,255,255,.07),transparent 60%),#0c0c0cb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:26px;border-radius:22px;border:1px solid var(--border-color);box-shadow:0 18px 50px #00000080;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px}.upload-page .upload-form:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.upload-page .file-input-container{width:100%;border-radius:18px;transition:transform .2s ease;animation:upl-pop .3s ease both}.upload-page .file-input{display:none}.upload-page .file-input-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:200px;border:2px dashed rgba(255,255,255,.18);border-radius:18px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease;padding:28px 24px;text-align:center;background:#ffffff05;position:relative;overflow:hidden}.upload-page .file-input-label:hover{border-color:#ffffff73;background:#ffffff0d}.upload-page .file-input-container.dragging{transform:scale(1.01)}.upload-page .file-input-container.dragging .file-input-label{border-color:var(--text-color);border-style:solid;background:#ffffff14;box-shadow:0 0 0 4px #ffffff0f}.upload-page .upload-icon-wrap{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:16px;background:#ffffff0f;border:1px solid var(--border-color);animation:upl-float 3s ease-in-out infinite}.upload-page .file-input-label:hover .upload-icon-wrap{background:#ffffff1a}.upload-page .upload-icon-wrap svg{width:30px;height:30px;fill:var(--text-color);transition:transform .2s ease}.upload-page .file-input-label:hover .upload-icon-wrap svg{transform:translateY(-3px)}.upload-page .dropzone-title{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:6px}.upload-page .dropzone-hint{font-size:13px;color:var(--text-secondary)}.upload-page .dropzone-hint em{font-style:normal;color:var(--text-color);text-decoration:underline;text-underline-offset:3px}.upload-page .track-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:18px;border:1px solid var(--border-color);background:radial-gradient(140% 120% at 0% 0%,rgba(255,255,255,.08),transparent 55%),#ffffff08;position:relative;overflow:hidden;animation:upl-pop .3s cubic-bezier(.34,1.4,.64,1) both}.upload-page .track-cover{position:relative;flex-shrink:0;width:84px;height:84px;border-radius:14px;overflow:hidden;background:#ffffff0d;border:1px solid var(--border-color);box-shadow:0 8px 22px #00000080}.upload-page .track-cover img{width:100%;height:100%;object-fit:cover;animation:upl-cover-reveal .4s ease both}.upload-page .track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.upload-page .track-cover-placeholder svg{width:34px;height:34px;fill:#ffffff59}.upload-page .cover-spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:26px;height:26px;border:3px solid rgba(255,255,255,.25);border-top-color:var(--text-color);border-radius:50%;animation:upl-spin .7s linear infinite}.upload-page .track-card-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:5px}.upload-page .track-card-name{font-size:15px;font-weight:700;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-page .track-card-artist{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-page .track-card-meta{display:flex;align-items:center;gap:8px;margin-top:3px;flex-wrap:wrap}.upload-page .track-badge{font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 8px;border-radius:7px;background:#ffffff14;color:var(--text-color);border:1px solid var(--border-color)}.upload-page .track-card-size{font-size:12px;color:var(--text-secondary)}.upload-page .cancel-file-btn{flex-shrink:0;align-self:flex-start;background:#ffffff0f;border:none;color:var(--text-secondary);cursor:pointer;padding:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.upload-page .cancel-file-btn svg{width:16px;height:16px;fill:currentColor}.upload-page .cancel-file-btn:hover{color:var(--error-color);background-color:#ff6b6b26;transform:rotate(90deg)}.upload-page .field{position:relative;width:100%;animation:upl-fade .3s ease both;animation-delay:calc(var(--i, 0) * .05s + .05s)}.upload-page .field>label{display:block;margin-bottom:9px;font-weight:600;letter-spacing:.3px;color:var(--text-color);font-size:13px}.upload-page .field-control{position:relative;display:flex;align-items:center}.upload-page .field-icon{position:absolute;left:14px;display:flex;pointer-events:none;opacity:.5;transition:opacity .2s ease}.upload-page .field-icon svg{width:18px;height:18px;fill:var(--text-color)}.upload-page .field-control input{width:100%;padding:14px 16px 14px 44px;border:1px solid var(--border-color);border-radius:14px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background-color:#ffffff08;color:var(--text-color);font-family:inherit}.upload-page .field-control input::placeholder{color:#ffffff59}.upload-page .field-control input:focus{outline:none;border-color:#fff9;background-color:#ffffff0d;box-shadow:0 0 0 4px #ffffff12}.upload-page .field-control:focus-within .field-icon{opacity:.9}.upload-page .lyrics-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.upload-page .lyrics-head>label{font-weight:600;letter-spacing:.3px;color:var(--text-color);font-size:13px}.upload-page .lyrics-head-right{display:flex;align-items:center;gap:8px}.upload-page .meta-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;color:var(--text-color);background:linear-gradient(135deg,#ffffff29,#ffffff0a);border:1px solid var(--border-color);animation:upl-badge-in .3s cubic-bezier(.34,1.5,.64,1) both}.upload-page .meta-badge svg{width:13px;height:13px;fill:var(--text-color)}.upload-page .lyrics-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0d;color:var(--text-color);transition:background .2s ease}.upload-page .lyrics-toggle:hover{background:#ffffff1a}.upload-page .lyrics-toggle svg{width:18px;height:18px;fill:currentColor;transition:transform .25s ease}.upload-page .lyrics-toggle.open svg{transform:rotate(180deg)}.upload-page .lyrics-body{overflow:hidden;overflow-anchor:none;transition:max-height .3s ease,opacity .25s ease}.upload-page .lyrics-body.expanded{max-height:240px;opacity:1}.upload-page .lyrics-body.collapsed{max-height:0;opacity:0}.upload-page .lyrics-body textarea{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background-color:#ffffff08;color:var(--text-color);font-family:inherit;resize:none;min-height:110px;line-height:1.7;display:block}.upload-page .lyrics-body textarea::placeholder{color:#ffffff59}.upload-page .lyrics-body textarea:focus{outline:none;border-color:#fff9;background-color:#ffffff0d;box-shadow:0 0 0 4px #ffffff12}.upload-page .upload-button{position:relative;width:100%;padding:0;background:linear-gradient(135deg,#fff,#d8d8d8);color:#000;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;letter-spacing:.3px;box-shadow:0 8px 24px #ffffff1f;animation:upl-fade .3s ease both;animation-delay:.2s}.upload-page .upload-button-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px}.upload-page .upload-button-content svg{width:18px;height:18px;fill:currentColor}.upload-page .upload-button:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-20deg)}.upload-page .upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 34px #ffffff38}.upload-page .upload-button:hover:not(:disabled):before{animation:upl-shine .8s ease}.upload-page .upload-button:active:not(:disabled){transform:translateY(0)}.upload-page .upload-button:disabled{background:#ffffff1f;color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.upload-page .btn-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:var(--text-secondary);border-radius:50%;animation:upl-spin .7s linear infinite}.upload-page .upload-progress{width:100%;animation:upl-fade .25s ease both}.upload-page .progress-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.upload-page .progress-label{font-size:13px;color:var(--text-secondary)}.upload-page .progress-text{font-size:13px;color:var(--text-color);font-weight:700;font-variant-numeric:tabular-nums}.upload-page .progress-bar{height:8px;background-color:#ffffff14;border-radius:999px;overflow:hidden}.upload-page .progress-bar-fill{height:100%;background:linear-gradient(90deg,#ffffffb3,#fff);border-radius:999px;transition:width .3s ease;position:relative;overflow:hidden}.upload-page .progress-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translate(-100%);animation:upl-shimmer 1.2s linear infinite}.upload-page .error-message{display:flex;align-items:center;gap:10px;padding:13px 14px;background-color:#ff6b6b1a;border-radius:12px;color:var(--error-color);border:1px solid rgba(255,107,107,.4);font-size:13px;animation:upl-shake .35s ease}.upload-page .error-message svg{width:18px;height:18px;fill:var(--error-color);flex-shrink:0}.upload-page .upload-success{text-align:center;padding:44px 28px;background:radial-gradient(120% 80% at 50% -20%,rgba(46,213,115,.14),transparent 60%),#0c0c0cb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:22px;border:1px solid var(--border-color);width:100%;margin:0;box-shadow:0 18px 50px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:upl-pop .3s cubic-bezier(.34,1.4,.64,1) both}.upload-page .success-cover{width:80px;height:80px;border-radius:16px;object-fit:cover;margin-bottom:16px;box-shadow:0 12px 30px #0000008c;animation:upl-cover-reveal .35s ease both}.upload-page .success-check{width:58px;height:58px;margin-bottom:14px}.upload-page .success-check svg{width:100%;height:100%}.upload-page .success-circle{stroke:var(--success-color);stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:upl-draw .3s ease forwards}.upload-page .success-path{stroke:var(--success-color);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:upl-draw .2s .25s ease forwards}.upload-page .upload-success p{font-size:20px;font-weight:700;color:var(--text-color)}@media(max-width:768px){.upload-page .upload-form{padding:22px}.upload-page .file-input-label{min-height:170px;padding:22px 18px}.upload-page .upload-icon-wrap{width:56px;height:56px}}@media(max-width:480px){.upload-page{padding:16px 14px}.upload-page .upload-form{padding:18px;gap:16px}.upload-page .file-input-label{min-height:150px;padding:18px 14px}.upload-page .upload-icon-wrap{width:50px;height:50px;margin-bottom:12px}.upload-page .upload-icon-wrap svg{width:26px;height:26px}.upload-page .dropzone-title{font-size:15px}.upload-page .track-cover{width:70px;height:70px}.upload-page .upload-success{padding:36px 18px}.upload-page .upload-success p{font-size:18px}}@media(prefers-reduced-motion:reduce){.upload-page,.upload-page *{animation:none!important}.upload-page .progress-bar-fill:after{display:none}.upload-page .upload-button:before{display:none}.upload-page .success-circle,.upload-page .success-path{stroke-dashoffset:0}}._loginPage_1umk6_1{max-width:500px;margin:0 auto;padding:2rem}._loginForm_1umk6_13{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;background-color:var(--bg-secondary);padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a}._formGroup_1umk6_35{display:flex;flex-direction:column;gap:.5rem}._formGroup_1umk6_35 label{font-weight:500;font-size:.9rem;color:var(--text-secondary)}._formGroup_1umk6_35 input{padding:1rem;border:1px solid var(--border-color);border-radius:16px;background-color:var(--bg-input);color:var(--text-primary);font-size:1rem}._formGroup_1umk6_35 input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}._errorMessage_1umk6_89{background-color:#ff49491a;color:#ff4949;padding:.75rem;border-radius:16px;font-size:.9rem}._loginButton_1umk6_105{background-color:var(--button-color);color:#fff;border:none;border-radius:12px;padding:.8rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}._loginButton_1umk6_105:hover{background-color:var(--primary-dark)}._loginButton_1umk6_105:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.7}._loginLinks_1umk6_149{margin-top:1.5rem;text-align:center;font-size:.9rem}._loginLinks_1umk6_149 a{color:var(--primary-color);text-decoration:none;font-weight:500}._loginLinks_1umk6_149 a:hover{text-decoration:underline}@media(max-width:768px){._loginPage_1umk6_1{max-width:100%;padding:1.5rem}._loginForm_1umk6_13{padding:1.5rem;gap:1.2rem}}@media(max-width:480px){._loginPage_1umk6_1{padding:1rem}._loginForm_1umk6_13{padding:1.2rem;gap:1rem;margin-top:1.5rem}._formGroup_1umk6_35 input{padding:.8rem;font-size:.9rem;border-radius:12px}._loginButton_1umk6_105{padding:.7rem;font-size:.9rem}._errorMessage_1umk6_89{padding:.6rem;font-size:.8rem}}._registerPage_1lvaa_1{max-width:500px;margin:0 auto;padding:2rem}._registerForm_1lvaa_13{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;background-color:var(--bg-secondary);padding:2rem;border-radius:16px;box-shadow:0 4px 12px #0000001a}._formGroup_1lvaa_35{display:flex;flex-direction:column;gap:.5rem}._formGroup_1lvaa_35 label{font-weight:500;font-size:.9rem;color:var(--text-secondary)}._formGroup_1lvaa_35 input{padding:1rem;border:1px solid var(--border-color);border-radius:16px;background-color:var(--bg-input);color:var(--text-primary);font-size:1rem}._formGroup_1lvaa_35 input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}._errorMessage_1lvaa_89{background-color:#ff49491a;color:#ff4949;padding:.75rem;border-radius:16px;font-size:.9rem}._registerButton_1lvaa_105{background-color:var(--button-color);color:#fff;border:none;border-radius:16px;padding:.8rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}._registerButton_1lvaa_105:hover{background-color:var(--button-color)}._registerButton_1lvaa_105:disabled{background-color:var(--disabled-color);cursor:not-allowed;opacity:.7}._registerLinks_1lvaa_149{margin-top:1.5rem;text-align:center;font-size:.9rem}._registerLinks_1lvaa_149 a{color:var(--primary-color);text-decoration:none;font-weight:500}._registerLinks_1lvaa_149 a:hover{text-decoration:underline}@media(max-width:768px){._registerPage_1lvaa_1{max-width:100%;padding:1.5rem}._registerForm_1lvaa_13{padding:1.5rem;gap:1.2rem}}@media(max-width:480px){._registerPage_1lvaa_1{padding:1rem}._registerForm_1lvaa_13{padding:1.2rem;gap:1rem;border-radius:12px;margin-top:1.5rem}._formGroup_1lvaa_35 input{padding:.8rem;font-size:.9rem;border-radius:12px}._registerButton_1lvaa_105{padding:.7rem;font-size:.9rem;border-radius:12px}._errorMessage_1lvaa_89{padding:.6rem;font-size:.8rem;border-radius:12px}}._trackList_xx3hn_3{display:flex;flex-direction:column;gap:10px;width:100%}._trackCard_xx3hn_10{display:flex;flex-direction:row;align-items:center;gap:14px;padding:10px;min-height:84px;position:relative;overflow:hidden;cursor:pointer;border-radius:16px;border:1px solid var(--border-color);background:#ffffff08;transition:background .2s ease,border-color .2s ease,transform .2s ease;animation:_tlp-in_xx3hn_1 .35s ease both}@keyframes _tlp-in_xx3hn_1{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}._trackCard_xx3hn_10:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#fff;opacity:0;transition:opacity .2s ease}._trackCard_xx3hn_10:hover{background:#ffffff0f;border-color:#ffffff2e}._trackCard_xx3hn_10:hover:before{opacity:.5}._currentTrack_xx3hn_49{background:#ffffff14;border-color:#ffffff47}._currentTrack_xx3hn_49:before{opacity:1}._trackCover_xx3hn_56{position:relative;width:72px;height:72px;min-width:72px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--border-color);background:linear-gradient(135deg,#ffffff14,#ffffff05)}._coverPh_xx3hn_68{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff4d}._coverImage_xx3hn_77{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .4s ease}._trackCard_xx3hn_10:hover ._coverImage_xx3hn_77{transform:scale(1.06)}._trackControls_xx3hn_88{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}._trackCard_xx3hn_10:hover ._trackControls_xx3hn_88,._playing_xx3hn_102 ._trackControls_xx3hn_88{opacity:1}._playButton_xx3hn_104{width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0006;transition:transform .18s ease}._playButton_xx3hn_104:hover{transform:scale(1.08)}._playButton_xx3hn_104 svg{stroke:currentColor;fill:currentColor}._removeDislikeButton_xx3hn_121{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}._removeDislikeButton_xx3hn_121 svg{stroke:currentColor}._playingBadge_xx3hn_136{position:absolute;bottom:6px;right:6px;z-index:3;display:flex;align-items:flex-end;gap:2px;height:14px;padding:3px;border-radius:6px;background:#0000008c}._waveBar_xx3hn_149{width:3px;background:#fff;border-radius:2px;animation:_tlp-wave_xx3hn_1 1s ease-in-out infinite}._waveBar_xx3hn_149:nth-child(1){animation-delay:0s}._waveBar_xx3hn_149:nth-child(2){animation-delay:.25s}._waveBar_xx3hn_149:nth-child(3){animation-delay:.5s}@keyframes _tlp-wave_xx3hn_1{0%,to{height:3px;opacity:.5}50%{height:12px;opacity:1}}._trackInfo_xx3hn_164{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}._trackTitle_xx3hn_171{font-size:16px;font-weight:700;color:var(--text-color);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._currentTrack_xx3hn_49 ._trackTitle_xx3hn_171{color:#fff}._trackAuthor_xx3hn_181{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._uploadDate_xx3hn_188{font-size:11px;color:#fff6}._trackMeta_xx3hn_194{display:flex;align-items:center;gap:8px;margin-left:auto;padding-right:4px;flex-shrink:0}._trackLikes_xx3hn_202{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff0d;font-size:12px;font-weight:600;color:var(--text-secondary);transition:background .2s ease,color .2s ease}._trackLikes_xx3hn_202 svg{stroke:currentColor;fill:currentColor}._trackLikes_xx3hn_202:hover{background:#ffffff1a;color:var(--text-color)}._deleteTrackButton_xx3hn_218{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease}._trackCard_xx3hn_10:hover ._deleteTrackButton_xx3hn_218{opacity:1}._deleteTrackButton_xx3hn_218:hover{background:#ffffff1f;color:#fff}._deleteTrackButton_xx3hn_218 svg{stroke:currentColor}._sentinel_xx3hn_236{height:1px;width:100%}._emptyTracks_xx3hn_238{padding:40px 20px;text-align:center;color:var(--text-secondary);font-size:14px;border:1px dashed var(--border-color);border-radius:16px}._trackCardSkeleton_xx3hn_248{display:flex;align-items:center;gap:14px;padding:10px;min-height:84px;border-radius:16px;border:1px solid var(--border-color);background:#ffffff08}._skeletonCover_xx3hn_258{width:72px;height:72px;border-radius:12px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:_tlp-shimmer_xx3hn_1 1.4s infinite;flex-shrink:0}._skeletonInfo_xx3hn_267{flex:1;display:flex;flex-direction:column;gap:10px}._skeletonTitle_xx3hn_268,._skeletonAuthor_xx3hn_268{height:14px;border-radius:5px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:_tlp-shimmer_xx3hn_1 1.4s infinite}._skeletonTitle_xx3hn_268{width:55%}._skeletonAuthor_xx3hn_268{width:35%}@keyframes _tlp-shimmer_xx3hn_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:600px){._trackCover_xx3hn_56{width:60px;height:60px;min-width:60px}._trackTitle_xx3hn_171{font-size:15px}}@media(prefers-reduced-motion:reduce){._trackCard_xx3hn_10{animation:none}._waveBar_xx3hn_149{animation:none;height:8px}._skeletonCover_xx3hn_258,._skeletonTitle_xx3hn_268,._skeletonAuthor_xx3hn_268{animation:none}}.user-tabs{display:inline-flex;position:relative;background-color:#1e1e1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin:0;padding:6px;width:fit-content;box-shadow:0 4px 20px #0000004d;z-index:1;border:1px solid rgba(255,255,255,.05)}.tab{padding:12px 24px;cursor:pointer;color:#a0a0a0;border-radius:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;-webkit-user-select:none;user-select:none}.tab:hover{color:#fff;transform:translateY(-1px)}.tab.active{color:#000}.tab-indicator{position:absolute;height:calc(100% - 12px);top:6px;left:6px;background:#fff;border-radius:14px;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:1;box-shadow:0 4px 16px #ffffff2e}.tab-indicator:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .3s ease}.tab-indicator.ripple-effect:before{animation:ripple .6s ease-out;opacity:1}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:200px;height:200px;opacity:0}}.tab-indicator:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tab-indicator.ripple-effect:after{animation:drop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes drop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.tab-icon{display:flex;margin-right:8px}.tab-icon svg{width:16px;height:16px;fill:currentColor}.tab-text{font-size:14px;white-space:nowrap}.tab:hover .tab-icon svg{transform:scale(1.1)}@media(max-width:768px){.user-tabs{width:100%;justify-content:center;padding:4px}.tab{padding:10px 16px;border-radius:12px}.tab-indicator{height:calc(100% - 8px);top:4px;left:4px;border-radius:12px}.tab-text{font-size:13px}.tab-icon{margin-right:6px}.tab-icon svg{width:14px;height:14px}}@media(max-width:480px){.user-tabs{padding:3px}.tab{padding:8px 12px;border-radius:10px}.tab-indicator{height:calc(100% - 6px);top:3px;left:3px;border-radius:10px}.tab-text{font-size:12px}.tab-icon{margin-right:4px}.tab-icon svg{width:12px;height:12px}}._profilePage_19fnc_4{max-width:1000px;margin:0 auto;padding:16px 0 48px;animation:_prof-fade_19fnc_1 .4s ease both}@keyframes _prof-fade_19fnc_1{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}._profileLayout_19fnc_17{display:flex;flex-direction:column;gap:28px}._profileSidebar_19fnc_23{width:100%}._sidebarContent_19fnc_26{position:relative;overflow:hidden;border-radius:26px;border:1px solid var(--border-color);background:radial-gradient(120% 150% at 0% -20%,rgba(255,255,255,.1),transparent 55%),#0e0e0eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 50px #00000073;padding:40px 36px 30px;min-height:300px;display:flex;align-items:flex-end}._profileBanner_19fnc_44{display:none!important}._profileInfo_19fnc_47{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"avatar stats" "name   stats" "name   logout" "ach    ach";column-gap:24px;align-items:start;text-align:left;width:100%}._profileInfo_19fnc_47>:last-child{grid-area:ach;margin-top:6px}._avatarContainer_19fnc_65{grid-area:avatar;margin-bottom:14px}._avatar_19fnc_65{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--text-color);background:linear-gradient(135deg,#fff3,#ffffff0a);border:1px solid var(--border-color);box-shadow:0 10px 26px #00000080,inset 0 1px #fff3}._username_19fnc_83{grid-area:name;align-self:center;margin:0;font-size:clamp(44px,10vw,120px);font-weight:800;letter-spacing:-.04em;line-height:.9;color:var(--text-color);min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}._statsContainer_19fnc_99{grid-area:stats;justify-self:end;align-self:center;display:inline-flex;align-items:stretch;gap:0;padding:4px;border-radius:16px;border:1px solid var(--border-color);background:#ffffff08}._statCard_19fnc_112{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 22px;position:relative}._statCard_19fnc_112:not(:last-child):after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:var(--border-color)}._statValue_19fnc_131{font-size:22px;font-weight:800;color:var(--text-color);font-variant-numeric:tabular-nums;line-height:1.1}._statLabel_19fnc_139{margin-top:3px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary)}._logoutButton_19fnc_147{grid-area:logout;justify-self:end;align-self:end;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}._logoutButton_19fnc_147:hover{background:#ffffff17;color:var(--text-color);border-color:#ffffff40}._tracksSection_19fnc_171{width:100%}._sectionHeader_19fnc_173{display:flex;align-items:center;justify-content:center;margin-bottom:20px}._viewToggle_19fnc_181{display:none!important}._tracksContainer_19fnc_183{width:100%}._profileLoading_19fnc_186{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:50vh;color:var(--text-secondary)}._loadingSpinner_19fnc_196{width:40px;height:40px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--text-color);animation:_prof-spin_19fnc_1 .8s linear infinite}@keyframes _prof-spin_19fnc_1{to{transform:rotate(360deg)}}@media(max-width:768px){._sidebarContent_19fnc_26{padding:26px 18px 20px;min-height:200px}._avatar_19fnc_65{width:48px;height:48px;font-size:20px}._statCard_19fnc_112{padding:8px 16px}._statValue_19fnc_131{font-size:19px}._profileInfo_19fnc_47{grid-template-columns:1fr;grid-template-areas:"avatar" "name" "stats" "logout" "ach"}._username_19fnc_83{align-self:start;margin-bottom:16px}._statsContainer_19fnc_99{justify-self:start;align-self:start}._logoutButton_19fnc_147{justify-self:start;align-self:start;margin-top:12px}}@media(max-width:480px){._statsContainer_19fnc_99{width:100%;justify-content:space-between}._statCard_19fnc_112{padding:8px 10px;flex:1}}@media(prefers-reduced-motion:reduce){._profilePage_19fnc_4{animation:none}._loadingSpinner_19fnc_196{animation-duration:.01s}}.modal-liked-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-liked-container{background-color:#1e1e1e;border-radius:12px;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:modal-fade-in .3s ease;border:1px solid rgba(255,255,255,.1)}.modal-liked-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-liked-header h3{margin:0;font-size:1.2rem;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-liked-close-btn{background:none;border:none;cursor:pointer;color:#aaa;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modal-liked-close-btn:hover{background-color:#ffffff1a}.modal-liked-close-btn svg{width:24px;height:24px}.modal-liked-content{padding:20px;overflow-y:auto;flex-grow:1;max-height:60vh}.modal-liked-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.liked-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.modal-liked-error{color:#ff5252;text-align:center;padding:20px}.modal-liked-empty{color:#aaa;text-align:center;padding:30px}.modal-liked-users-list{list-style:none;padding:0;margin:0}.modal-liked-user-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.modal-liked-user-item:last-child{border-bottom:none}.modal-liked-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#a64bf4,#3721ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:15px;font-size:1.2rem}.modal-liked-user-name{font-size:1rem;color:#fff}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-modal-container{background-color:#1e1e1e;border-radius:12px;max-width:500px;width:90%;display:flex;flex-direction:column;animation:modal-delete-fade-in .3s ease;border:1px solid rgba(255,255,255,.1);overflow:hidden}.delete-modal-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.delete-modal-header h3{margin:0;font-size:1.2rem;color:#ff5252;font-weight:500}.delete-modal-close-btn{background:none;border:none;cursor:pointer;color:#aaa;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.delete-modal-close-btn:hover{background-color:#ffffff1a}.delete-modal-close-btn svg{width:24px;height:24px}.delete-modal-content{padding:20px}.delete-modal-track-info{display:flex;align-items:center;margin-bottom:20px;padding:10px;background-color:#0003;border-radius:8px}.delete-modal-cover{width:60px;height:60px;border-radius:6px;object-fit:cover;margin-right:15px}.delete-modal-track-details{overflow:hidden}.delete-modal-track-title{font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-modal-track-author{font-size:.9rem;color:#aaa}.delete-modal-message{margin-bottom:20px;text-align:center}.delete-modal-message p{margin:5px 0;color:#fff}.delete-modal-warning{color:#ff5252;font-weight:500}.delete-modal-error{padding:12px;background-color:#ff52521a;color:#ff5252;border-radius:6px;margin-top:15px;text-align:center}.delete-modal-actions{padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px}.delete-modal-cancel-btn,.delete-modal-delete-btn{padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.delete-modal-cancel-btn{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.delete-modal-cancel-btn:hover{background-color:#ffffff1a;border-color:#ffffff4d}.delete-modal-delete-btn{background-color:#ff5252;color:#fff}.delete-modal-delete-btn:hover{background-color:red}.delete-modal-delete-btn:disabled,.delete-modal-cancel-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes modal-delete-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}._wrap_1c61y_4{margin-top:22px;width:100%}._head_1c61y_9{display:flex;align-items:center;gap:8px;margin-bottom:14px}._title_1c61y_16{margin:0;font-size:14px;font-weight:700;letter-spacing:.3px;color:var(--text-color)}._count_1c61y_24{font-size:11px;font-weight:700;color:var(--text-secondary);background:#ffffff14;border:1px solid var(--border-color);padding:2px 8px;border-radius:999px}._grid_1c61y_34{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:12px}._medal_1c61y_40{display:flex;flex-direction:column;align-items:center;gap:7px;animation:_medal-in_1c61y_1 .4s ease both}@keyframes _medal-in_1c61y_1{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}._disc_1c61y_53{position:relative;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffffff24,#ffffff08);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}._disc_1c61y_53:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px dashed rgba(255,255,255,.12)}._icon_1c61y_75{position:relative;z-index:1;stroke:var(--text-color)}._label_1c61y_81{font-size:11px;font-weight:600;text-align:center;color:var(--text-secondary);line-height:1.25;max-width:76px}._medal_1c61y_40:hover ._disc_1c61y_53{transform:translateY(-3px);border-color:#fff6}._medal_1c61y_40:hover ._label_1c61y_81{color:var(--text-color)}._tier1_1c61y_97 ._disc_1c61y_53{opacity:.85}._tier1_1c61y_97 ._icon_1c61y_75{stroke:#ffffffb3}._tier2_1c61y_100 ._disc_1c61y_53{background:radial-gradient(circle at 50% 35%,#fff3,#ffffff0a)}._tier3_1c61y_104 ._disc_1c61y_53{background:radial-gradient(circle at 50% 35%,#ffffff4d,#ffffff0d);border-color:#ffffff47;box-shadow:0 6px 18px #0006}._tier4_1c61y_110 ._disc_1c61y_53{background:radial-gradient(circle at 50% 35%,#ffffff80,#ffffff14);border-color:#ffffff8c;box-shadow:0 0 22px #ffffff38,inset 0 1px #ffffff80}._tier4_1c61y_110 ._disc_1c61y_53:after{border-color:#ffffff59}._tier4_1c61y_110 ._label_1c61y_81{color:var(--text-color)}@media(prefers-reduced-motion:reduce){._medal_1c61y_40{animation:none}._disc_1c61y_53{transition:none}}._dislikesPage_1cr9m_1{padding:30px;max-width:1000px;margin:0 auto;min-height:calc(100vh - var(--header-height) - var(--player-height))}._dislikesHeader_1cr9m_15{margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:15px}._dislikesHeader_1cr9m_15 h1{font-size:2rem;margin-bottom:10px;color:var(--primary-color);text-shadow:0 0 10px rgba(var(--primary-color-rgb),.2)}._dislikesDescription_1cr9m_41{margin-bottom:15px;font-size:.95rem;opacity:.7}._dislikesLoading_1cr9m_53{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-height) - var(--player-height))}._loadingSpinner_1cr9m_69{width:50px;height:50px;border:3px solid rgba(var(--primary-color-rgb),.3);border-radius:50%;border-top-color:var(--primary-color);animation:_spin_1cr9m_1 1s ease-in-out infinite;margin-bottom:15px}@keyframes _spin_1cr9m_1{to{transform:rotate(360deg)}}._errorMessage_1cr9m_101{background-color:#ff3b301a;border-left:4px solid #ff3b30;padding:15px;border-radius:5px;margin-bottom:20px}._emptyList_1cr9m_117{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0;text-align:center;background-color:#0003;border-radius:8px;margin:20px 0}._emptyList_1cr9m_117 p{margin-bottom:10px;font-size:1.2rem;color:var(--text-color)}._emptyListSubtext_1cr9m_153{max-width:500px;opacity:.7;font-size:.9rem}._helpText_1cr9m_165{background-color:rgba(var(--primary-color-rgb),.05);padding:15px 20px;border-radius:8px;margin-top:30px;border-left:4px solid var(--primary-color)}._helpText_1cr9m_165 p{margin-bottom:8px;font-size:.9rem;opacity:.9}._helpText_1cr9m_165 p:last-child{margin-bottom:0}._tracksContainer_1cr9m_201{margin-bottom:40px}._removeDislikeButton_1cr9m_211{background:none;border:none;color:var(--text-color);opacity:.6;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._removeDislikeButton_1cr9m_211:hover{opacity:1;color:var(--error-color);background-color:#ff3b301a}._removeDislikeButton_1cr9m_211 svg{width:18px;height:18px}._dislikeNotification_1cr9m_263{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(30px);background-color:#202020e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 20px;display:flex;align-items:center;box-shadow:0 4px 20px #0006;opacity:0;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);z-index:1000;pointer-events:none;width:auto;max-width:90%;border:1px solid rgba(255,255,255,.1)}._dislikeNotification_1cr9m_263._visible_1cr9m_305{opacity:1;transform:translate(-50%) translateY(0)}._notificationIcon_1cr9m_315{width:32px;height:32px;margin-right:16px;display:flex;align-items:center;justify-content:center}._notificationIcon_1cr9m_315 svg{width:24px;height:24px;fill:var(--primary-color)}._notificationContent_1cr9m_345{display:flex;flex-direction:column}._notificationMessage_1cr9m_355{font-size:16px;font-weight:600;margin-bottom:2px;white-space:nowrap}._notificationTrackInfo_1cr9m_369{display:flex;align-items:center;font-size:14px;color:var(--text-secondary)}@media(max-width:768px){._dislikesPage_1cr9m_1{padding:20px}._dislikesHeader_1cr9m_15 h1{font-size:1.8rem}._dislikeNotification_1cr9m_263{bottom:90px;padding:10px 16px}._notificationIcon_1cr9m_315{width:28px;height:28px;margin-right:12px}._notificationIcon_1cr9m_315 svg{width:20px;height:20px}._notificationMessage_1cr9m_355{font-size:14px}._notificationTrackInfo_1cr9m_369{font-size:12px}}@media(max-width:480px){._dislikesPage_1cr9m_1{padding:15px}._dislikesHeader_1cr9m_15 h1{font-size:1.5rem}._emptyList_1cr9m_117 p{font-size:1rem}._dislikeNotification_1cr9m_263{bottom:80px;padding:8px 14px}._notificationIcon_1cr9m_315{width:24px;height:24px;margin-right:10px}._notificationIcon_1cr9m_315 svg{width:18px;height:18px}._notificationMessage_1cr9m_355{font-size:13px}._notificationTrackInfo_1cr9m_369{font-size:11px}}.track-page{max-width:1000px;margin:0 auto;padding:40px 20px;color:var(--text-color)}.track-page.loading,.track-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top:4px solid var(--primary-color);animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-button{margin-top:20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .3s}.back-button:hover{background-color:var(--primary-color-hover)}.track-page-header{display:flex;gap:30px;margin-bottom:40px;align-items:flex-start}.track-page-cover{width:300px;height:300px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0006;position:relative;flex-shrink:0}.track-page-cover:after{content:"SVO SUNO";position:absolute;bottom:10px;right:10px;background-color:#000000b3;color:#fff;padding:5px 8px;font-size:12px;border-radius:4px;z-index:2;pointer-events:none;font-weight:700;opacity:.9}.track-page-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.track-page-cover:hover .track-page-cover-img{transform:scale(1.05)}.track-page-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;cursor:pointer}.track-page-cover:hover .track-page-play-overlay{opacity:1}.track-page-play-overlay svg{width:64px;height:64px;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.track-page-info{flex:1;position:relative}.track-page-title{font-size:32px;font-weight:700;margin-bottom:10px;line-height:1.2;color:var(--text-color)}.track-page-artist{font-size:18px;margin-bottom:20px;color:var(--primary-color);cursor:pointer;display:inline-block}.track-page-artist:hover{text-decoration:underline;color:var(--primary-color-hover)}.track-page-meta{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.track-page-meta-item{display:flex;align-items:center;color:#ffffffb3;font-size:14px}.meta-icon{width:16px;height:16px;margin-right:6px;fill:#ffffffb3}.share-button{display:flex;align-items:center;background-color:#ffffff1a;border:none;border-radius:8px;padding:10px 16px;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s;margin-top:20px}.share-button:hover{background-color:#fff3}.share-icon{width:18px;height:18px;margin-right:8px;fill:#fff}.copy-alert{position:absolute;top:0;right:0;background-color:#181818;color:#fff;padding:8px 12px;border-radius:4px;font-size:14px;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.track-page-content{margin-top:30px}.track-page-section{margin-bottom:40px}.section-title{font-size:24px;font-weight:600;margin-bottom:20px;color:var(--text-color);padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.track-page-lyrics{background-color:#ffffff0d;padding:30px;border-radius:10px;line-height:1.6;font-size:16px}.lyrics-text{white-space:pre-wrap;font-family:inherit;margin:0;color:#ffffffe6}.no-lyrics{color:#ffffff80;font-style:italic;text-align:center;padding:40px 0}@media(max-width:768px){.track-page{padding:20px}.track-page-header{flex-direction:column;gap:20px}.track-page-cover{width:100%;height:auto;aspect-ratio:1/1;max-width:300px;margin:0 auto}.track-page-title{font-size:28px;text-align:center}.track-page-artist{text-align:center;display:block}.track-page-meta{justify-content:center}.share-button{margin:20px auto 0}.track-page-lyrics{padding:20px;font-size:14px}}@media(max-width:480px){.track-page{padding:15px}.track-page-title{font-size:24px}.track-page-meta{flex-direction:column;gap:10px;align-items:center}.section-title{font-size:20px}.track-page-lyrics{padding:15px;font-size:13px}}.drag-drop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.drag-drop-container{background-color:#ffffff1a;border:2px dashed #fff;border-radius:16px;padding:40px;text-align:center;max-width:500px;width:100%;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drag-drop-icon{margin-bottom:20px}.drag-drop-icon svg{width:70px;height:70px;fill:#fff}.drag-drop-overlay h2{font-size:24px;margin-bottom:10px}.drag-drop-overlay p{font-size:16px;opacity:.8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.drag-drop-container{max-width:80%;padding:30px}.drag-drop-icon svg{width:60px;height:60px}.drag-drop-overlay h2{font-size:22px}.drag-drop-overlay p{font-size:14px}}@media(max-width:480px){.drag-drop-container{max-width:90%;padding:25px;border-radius:12px}.drag-drop-icon{margin-bottom:15px}.drag-drop-icon svg{width:50px;height:50px}.drag-drop-overlay h2{font-size:20px;margin-bottom:8px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0 16px;margin-top:var(--header-height);margin-bottom:var(--player-height);width:100%;max-width:100%;overflow-y:auto;height:calc(100vh - var(--header-height) - var(--player-height))}@media(max-width:768px){.main-content{padding:15px 20px}}@media(max-width:480px){.main-content{padding:10px 15px}}.loading-auth{display:flex;justify-content:center;align-items:center;height:60vh;font-size:1.2rem;color:var(--text-secondary)}:root{--primary-color: #ffffff;--primary-color-rgb: 255, 255, 255;--secondary-color: #ffffff;--background-color: #000;--card-background: #080808;--text-color: #ffffff;--text-secondary: #b0b0b0;--accent-color: #ffffff;--error-color: #ff6b6b;--success-color: #2ed573;--player-height: 90px;--header-height: 80px;--border-color: rgba(255, 255, 255, .1);--scrollbar-width: 8px;--scrollbar-track: transparent;--scrollbar-thumb: rgba(255, 255, 255, .15);--scrollbar-thumb-hover: rgba(255, 255, 255, .25);--button-color: #080808}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--scrollbar-track);margin:5px 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:calc(var(--scrollbar-width) / 2)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:none;color:var(--accent-color);transition:color .2s ease}button{cursor:pointer;font-family:inherit}img,svg{display:block;max-width:100%}