:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#000;--text-color:#fff;--text-muted:#ffffff80;--border-color:#ffffff1a;--glass-blur:24px;--font-heading:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Mono", monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;position:fixed;overflow:hidden!important}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);justify-content:center;align-items:center;display:flex;position:relative}.app-layout{z-index:10;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;max-width:1400px;height:100dvh;margin:0 auto;padding:40px 20px;transition:opacity .8s;display:flex;overflow:hidden}.site-header{text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;transition:all 1.2s cubic-bezier(.16,1,.3,1);display:flex}.site-title{font-family:var(--font-heading);letter-spacing:-2px;text-transform:uppercase;color:var(--text-color);text-shadow:0 0 40px #ffffff1a;opacity:0;margin-bottom:4px;font-size:3.8rem;font-weight:800;line-height:.95;transition:opacity .8s,transform .8s;transform:translateY(14px)}.site-title.show{opacity:1;transform:translateY(0)}.site-header .site-title{opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(10px)}.site-header .site-title.show{opacity:1;transform:translateY(0)}.site-header .header-socials{opacity:0;pointer-events:none;height:0;margin-top:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),height 1s cubic-bezier(.16,1,.3,1),margin-top 1s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(10px)scale(.85)}.player-window{--p-bg:#0f0f0fa6;--p-border:#ffffff14;--p-text:#fff;--p-text-muted:#ffffff73;--p-accent:#fff;--p-accent-rgb:255, 255, 255;--p-btn-hover:#ffffff1a;--p-active-tab:#ffffff14;--p-input-bg:#ffffff0a;--p-shadow:0 24px 80px #000000b3, 0 0 0 1px #ffffff0d inset;background:var(--p-bg);width:100%;max-width:920px;height:540px;max-height:600px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--p-border);box-shadow:var(--p-shadow);color:var(--p-text);opacity:1;border-radius:20px;flex-direction:column;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),height 1.2s cubic-bezier(.16,1,.3,1),max-height 1.2s cubic-bezier(.16,1,.3,1),margin 1.2s cubic-bezier(.16,1,.3,1),padding 1.2s cubic-bezier(.16,1,.3,1),border-width 1.2s cubic-bezier(.16,1,.3,1),background .5s,border-color .5s,color .5s,box-shadow .5s;display:flex;overflow:hidden;transform:scale(1)translateY(0)}.player-window.light-theme{--p-bg:#f5f5f5c7;--p-border:#00000014;--p-text:#000;--p-text-muted:#00000080;--p-accent:#000;--p-accent-rgb:0, 0, 0;--p-btn-hover:#00000014;--p-active-tab:#0000000f;--p-input-bg:#0000000a;--p-shadow:0 24px 80px #00000059, 0 0 0 1px #0000000d inset}.player-header{border-bottom:1px solid var(--p-border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:48px;padding:0 20px;display:flex}.window-controls{cursor:pointer;gap:8px;display:flex}.dot,.dialog-dot{opacity:.8;cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .2s cubic-bezier(.25,.8,.25,1),opacity .2s;display:inline-block;position:relative}.dot:hover,.dialog-dot:hover{opacity:1;transform:scale(1.18)}.dot:before,.dialog-dot:before{color:#0009;opacity:0;font-family:sans-serif;font-size:8px;font-weight:900;line-height:1;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot-close:before{content:"×"}.dot-minimize:before{content:"−"}.dot-maximize:before{content:"+"}.window-controls:hover .dot:before,.dialog-controls:hover .dialog-dot:before{opacity:1}.dot-close{background-color:#ff5f56}.dot-minimize{background-color:#ffbd2e}.dot-maximize{background-color:#27c93f}.window-title{font-family:var(--font-mono);letter-spacing:.5px;opacity:.8;pointer-events:none;font-size:.75rem}.theme-toggle-btn{background:var(--p-input-bg);border:1px solid var(--p-border);color:var(--p-text);font-family:var(--font-mono);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.65rem;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:var(--p-btn-hover)}.theme-toggle-btn svg{width:12px;height:12px}.light-theme .sun-icon,.dark-theme .moon-icon{display:none}.player-body{flex-grow:1;height:calc(100% - 48px);display:flex;overflow:hidden}.panel-left{flex-direction:column;justify-content:space-between;width:42%;padding:24px;display:flex;overflow:hidden}.panel-divider{background-color:var(--p-border);width:1px}.panel-right{flex-direction:column;width:58%;display:flex;overflow:hidden}.cover-art-container{border:1px solid var(--p-border);background:#111;border-radius:12px;width:100%;height:175px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000004d}.player-cover{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:filter .3s}.visualizer{pointer-events:none;opacity:.75;width:100%;height:40px;position:absolute;bottom:0;left:0}.playback-info{flex-direction:column;gap:4px;margin-bottom:12px;display:flex;overflow:hidden}.player-meta-label{font-family:var(--font-mono);color:var(--p-text-muted);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:2px;font-size:.65rem;display:flex}.live-dot{background-color:#ff3b30;border-radius:50%;width:6px;height:6px;display:none}.player-window.is-playing .live-dot{animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}#player-title{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:700;line-height:1.2;overflow:hidden}#player-artist{color:var(--p-text-muted);font-size:.9rem}.progress-bar-container{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:var(--p-border);border-radius:2px;height:4px}.light-theme input[type=range]::-webkit-slider-runnable-track{background:#0000001a}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--p-accent);border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.time-display{font-family:var(--font-mono);color:var(--p-text-muted);justify-content:space-between;font-size:.65rem;display:flex}.controls-wrapper{flex-direction:column;gap:12px;display:flex}.primary-controls{justify-content:space-between;align-items:center;display:flex}.ctrl-btn{color:var(--p-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ctrl-btn:hover{color:var(--p-text);background:var(--p-btn-hover)}.ctrl-btn.active{color:var(--p-accent);background:var(--p-active-tab);border:1px solid var(--p-border)}.play-pause-btn{background:var(--p-accent);width:48px;height:48px;box-shadow:0 4px 14px rgba(var(--p-accent-rgb), .2);color:var(--bg-color)!important}.light-theme .play-pause-btn{color:#fff!important}.play-pause-btn:hover{background:var(--p-accent);box-shadow:0 4px 20px rgba(var(--p-accent-rgb), .35);transform:scale(1.05)}.volume-slider-container{align-items:center;gap:10px;display:flex}#volume-bar{flex-grow:1}.player-nav{border-bottom:1px solid var(--p-border);display:flex}.nav-tab{color:var(--p-text-muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:16px 0;font-size:.75rem;font-weight:700;transition:all .2s}.nav-tab:before{content:"[ ";opacity:.55;transition:opacity .2s}.nav-tab:after{content:" ]";opacity:.55;transition:opacity .2s}.nav-tab:hover:before,.nav-tab:hover:after,.nav-tab.active:before,.nav-tab.active:after{opacity:1}.nav-tab:hover{color:var(--p-text);background:var(--p-btn-hover)}.nav-tab.active{color:var(--p-text);border-bottom-color:var(--p-accent);background:var(--p-active-tab)}.tab-content-wrapper{flex-grow:1;position:relative;overflow:hidden}.tab-pane{flex-direction:column;height:100%;padding:24px;display:none;overflow:hidden}.tab-pane.active{display:flex}.search-input-wrapper{margin-bottom:16px;position:relative}.search-icon{color:var(--p-text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#search-tracks-input{background:var(--p-input-bg);border:1px solid var(--p-border);width:100%;color:var(--p-text);font-family:var(--font-body);border-radius:8px;padding:12px 12px 12px 38px;font-size:.85rem;transition:all .2s}#search-tracks-input:focus{border-color:var(--p-accent);box-shadow:0 0 0 2px rgba(var(--p-accent-rgb), .1);outline:none}.tracks-list-container{flex-grow:1;padding-right:4px;overflow-y:auto}.tracks-list,.album-tracks-list{list-style:none}.track-item{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;transition:all .2s;display:flex}.track-item:hover{background:var(--p-btn-hover)}.track-item.playing{background:var(--p-active-tab);border-color:var(--p-border)}.track-item.playing .track-title-item{color:var(--p-accent);font-weight:600}.track-main-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.track-title-item{color:var(--p-text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.track-feat-item{color:var(--p-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.track-duration-item{font-family:var(--font-mono);color:var(--p-text-muted);font-size:.75rem}.albums-grid-view{grid-template-columns:repeat(2,1fr);gap:16px;height:100%;display:grid;overflow-y:auto}.album-grid-item{background:var(--p-input-bg);border:1px solid var(--p-border);cursor:pointer;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.album-grid-item:hover{border-color:var(--p-accent);background:var(--p-btn-hover);transform:translateY(-2px)}.album-grid-cover-wrapper{aspect-ratio:1;border:1px solid var(--p-border);border-radius:8px;width:100%;overflow:hidden}.album-grid-cover{object-fit:cover;filter:grayscale();width:100%;height:100%}.album-grid-meta{flex-direction:column;gap:2px;display:flex}.album-grid-title{color:var(--p-text);font-size:.9rem;font-weight:600}.album-grid-sub{color:var(--p-text-muted);font-size:.75rem}.album-details-view{flex-direction:column;gap:16px;height:100%;display:flex}.back-btn{color:var(--p-text-muted);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none;border-radius:4px;align-self:flex-start;align-items:center;gap:4px;padding:4px 8px;font-size:.7rem;display:flex}.back-btn:hover{color:var(--p-text);background:var(--p-btn-hover)}.album-info-header{border-bottom:1px solid var(--p-border);align-items:center;gap:16px;padding-bottom:16px;display:flex}.album-detail-cover{object-fit:cover;filter:grayscale();border:1px solid var(--p-border);border-radius:6px;width:64px;height:64px}.album-detail-meta{flex-direction:column;gap:2px;display:flex}.album-detail-type{font-family:var(--font-mono);text-transform:uppercase;color:var(--p-text-muted);font-size:.6rem}.album-detail-title{color:var(--p-text);font-size:1.15rem;font-weight:700}.album-detail-year{color:var(--p-text-muted);font-size:.8rem}#detail-album-tracks{flex-grow:1;overflow-y:auto}.profile-scroll-container{text-align:center;flex-direction:column;align-items:center;gap:16px;height:100%;padding-right:4px;display:flex;overflow:hidden auto}.profile-tagline{color:var(--p-text);text-align:center;border:none;width:100%;padding:0;font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.4}.profile-bio{color:var(--p-text-muted);text-align:center;width:100%;font-size:.85rem;line-height:1.6}.profile-divider{background-color:var(--p-border);width:100%;height:1px}.profile-info-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.info-label{font-family:var(--font-mono);color:var(--p-text-muted);text-transform:uppercase;text-align:center;margin-bottom:4px;font-size:.65rem}.info-val{color:var(--p-text);word-wrap:break-word;word-break:break-word;text-align:center;font-size:.8rem}.main-content-grid{grid-template-columns:1fr;align-items:center;gap:24px;width:100%;max-width:920px;max-height:600px;margin:0 auto;transition:height 1.2s cubic-bezier(.16,1,.3,1),max-height 1.2s cubic-bezier(.16,1,.3,1),margin 1.2s cubic-bezier(.16,1,.3,1),gap 1.2s cubic-bezier(.16,1,.3,1);display:grid}.widget{-webkit-backdrop-filter:blur(12px);color:var(--text-color);background:#0a0a0a66;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;justify-content:flex-start;padding:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.widget:hover{border-color:#ffffff26;box-shadow:0 8px 32px #0006}.widget.light-theme{color:#000;background:#f5f5f5c7;border-color:#00000014;box-shadow:0 24px 80px #00000026,inset 0 0 0 1px #0000000d}.widget.light-theme .socials-title,.widget.light-theme .lyrics-label{color:#00000080}.widget.light-theme .social-link-item{color:#000;background:#00000008;border-color:#0000000d}.widget.light-theme .social-link-item:hover{background:#00000014;border-color:#00000026}.widget.light-theme #lyric-line-current{color:#000}.meta-label,.socials-title,.lyrics-label{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px;font-size:.65rem}.meta-label{align-items:center;gap:6px;display:flex}.meta-label:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:.3}50%{opacity:1}}#meta-track-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1.1rem;font-weight:600;overflow:hidden}#meta-track-artist{color:var(--text-muted);margin-bottom:10px;font-size:.85rem}.meta-details{gap:8px;display:flex}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:.65rem}.header-socials{justify-content:center;align-items:center;gap:16px;display:flex}.header-socials .social-link-item{opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;color:#fff!important}.header-socials .social-link-item:hover{opacity:1;background:0 0;transform:translateY(-2px);color:#fff!important}.header-socials .social-link-item span{display:none}.header-socials .social-link-item svg{stroke:currentColor;width:24px;height:24px}.widget-lyrics{justify-content:flex-start}.lyrics-content-scroller{text-align:center;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#lyric-line-current{opacity:.9;color:var(--text-color);font-size:1.05rem;font-style:italic;font-weight:300;line-height:1.5;transition:opacity .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.light-theme ::-webkit-scrollbar-thumb{background:#0000001a}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.light-theme ::-webkit-scrollbar-thumb:hover{background:#0003}@media (width<=1024px){.app-layout{gap:18px;padding:20px 12px}.site-title{letter-spacing:-1px;font-size:2.6rem}.main-content-grid{grid-template-columns:1fr;gap:16px}.player-window{order:-1;height:540px}.widget{min-height:auto;padding:20px}}@media (width<=768px){.app-layout{gap:8px;height:100dvh;padding:12px 8px;overflow:hidden}.site-title{letter-spacing:-.5px;margin-bottom:4px;font-size:1.8rem}.main-content-grid{flex:1;grid-template-columns:1fr;gap:12px;height:100%;min-height:0;max-height:calc(100dvh - 100px)}.player-window{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex}.panel-divider{display:none}.tab-content-wrapper{flex:1!important;min-height:0!important;overflow-y:auto!important}.tab-pane{display:none;flex-direction:column!important;height:100%!important;min-height:0!important;overflow-y:auto!important}.tab-pane.active{display:flex!important}.albums-grid-view,.tracks-list,.album-tracks-list,.lyrics-view{flex:1!important;min-height:0!important;overflow-y:auto!important}.player-header{height:38px;padding:0 10px;flex-shrink:0!important}.window-title{font-size:.52rem}.theme-toggle-btn{gap:2px;padding:3px 5px;font-size:.5rem}.widget-lyrics{display:none}.search-input-wrapper{margin-bottom:6px!important;padding:4px 8px!important}.search-input-wrapper input{font-size:.7rem!important}@media (height<=739px){.player-body{flex-direction:row!important;flex:1!important;min-height:0!important;overflow:hidden!important}.panel-left{border-right:1px solid var(--p-border)!important;border-bottom:none!important;flex-direction:column!important;flex-shrink:0!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:38%!important;height:100%!important;padding:12px 6px!important;display:flex!important;overflow-y:auto!important}.panel-right{flex-direction:column!important;flex:1!important;width:62%!important;min-height:0!important;padding:8px 6px!important;display:flex!important;overflow:hidden!important}.player-nav{gap:2px;padding:6px 4px 0;flex-shrink:0!important}.nav-tab{letter-spacing:-.2px;padding:4px 6px;font-size:.52rem}.nav-tab:before,.nav-tab:after{display:none!important}.cover-art-container{flex-shrink:0!important;width:80px!important;height:80px!important;margin:0 auto 2px!important}.playback-info{overflow:hidden;text-align:center!important;gap:0!important;width:100%!important;margin-bottom:2px!important}.playback-info h1{white-space:normal!important;text-align:center!important;word-wrap:break-word!important;margin:0!important;font-size:.74rem!important;line-height:1.2!important}#player-artist{white-space:normal!important;text-align:center!important;word-wrap:break-word!important;margin:0!important;font-size:.62rem!important;line-height:1.2!important}.player-meta-label{justify-content:center!important;margin-bottom:0!important;font-size:.52rem!important}.progress-bar-container{width:100%!important;margin-bottom:2px!important}#seek-bar{height:3px!important;margin:1px 0!important}.time-display{font-size:.55rem!important}.controls-wrapper{flex-direction:column!important;align-items:center!important;gap:4px!important;width:100%!important}.volume-slider-container{display:none!important}.primary-controls{flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}#btn-prev{order:1!important}#btn-play-pause{order:2!important}#btn-next{order:3!important}#btn-shuffle{order:4!important}#btn-loop{order:5!important}.ctrl-btn{flex-shrink:1!important;width:22px!important;height:22px!important}.ctrl-btn svg{width:10px!important;height:10px!important}.play-pause-btn{flex-shrink:0!important;width:28px!important;height:28px!important}.play-pause-btn svg{width:11px!important;height:11px!important}.track-item{gap:4px!important;margin-bottom:3px!important;padding:5px 6px!important}.track-title-item{font-size:.68rem!important}.track-feat-item,.track-duration-item{font-size:.58rem!important}.track-rank{margin-right:2px!important;font-size:.58rem!important}.spotify-mini-icon{width:10px!important;height:10px!important}.latest-badge{margin-right:2px!important;padding:1px 3px!important;font-size:.45rem!important}.tracks-section-divider{margin:8px 0 4px!important;font-size:.52rem!important}.profile-header{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;margin-bottom:8px!important}.spotify-main-stats{flex-direction:row!important;gap:16px!important;width:auto!important;margin:0!important;display:flex!important}.stat-group{text-align:left!important;align-items:flex-start!important}.profile-avatar-mini{width:40px!important;height:40px!important}.stat-number{font-size:.95rem!important}.stat-label{font-size:.52rem!important}.profile-tagline{padding-left:4px!important;font-size:.75rem!important}.profile-bio{font-size:.72rem!important;line-height:1.35!important}.profile-info-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.info-label{font-size:.52rem!important}.info-val{font-size:.68rem!important}.profile-socials{gap:10px!important;margin-top:8px!important;padding-top:8px!important}.profile-socials .social-link-item{width:28px!important;height:28px!important}.profile-socials .social-link-item svg{width:13px!important;height:13px!important}}@media (height>=740px){.player-body{flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important}.panel-left{border-bottom:1px solid var(--p-border)!important;border-right:none!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;height:auto!important;padding:10px 16px!important;display:flex!important;overflow:hidden!important}.panel-right{flex-direction:column!important;flex:1!important;width:100%!important;min-height:0!important;padding:12px 16px!important;display:flex!important;overflow:hidden!important}.player-nav{gap:4px;padding:10px 12px 0;flex-shrink:0!important}.nav-tab{padding:6px 8px;font-size:.58rem}.nav-tab:before,.nav-tab:after{display:inline!important}.cover-art-container{flex-shrink:0!important;width:70px!important;height:70px!important;margin:0 auto 2px!important}.playback-info{text-align:center!important;gap:0!important;width:100%!important;margin-bottom:2px!important}.playback-info h1{margin:0!important;font-size:.88rem!important}#player-artist{white-space:normal!important;text-align:center!important;word-wrap:break-word!important;margin:0!important;font-size:.68rem!important;line-height:1.25!important}.player-meta-label{justify-content:center!important;margin-bottom:0!important}.progress-bar-container{width:100%!important;max-width:320px!important;margin-bottom:2px!important}#seek-bar{height:3px!important;margin:2px 0!important}.time-display{font-size:.62rem!important}.controls-wrapper{flex-direction:column!important;align-items:center!important;gap:2px!important;width:100%!important}.primary-controls{flex-wrap:nowrap!important;justify-content:center!important;gap:8px!important;width:auto!important;display:flex!important}#btn-prev,#btn-play-pause,#btn-next,#btn-shuffle,#btn-loop{order:initial!important}.ctrl-btn{width:26px!important;height:26px!important}.ctrl-btn svg{width:12px!important;height:12px!important}.play-pause-btn{width:34px!important;height:34px!important}.play-pause-btn svg{width:14px!important;height:14px!important}.volume-slider-container{align-items:center!important;gap:4px!important;display:flex!important}#volume-bar{width:60px!important}.track-item{margin-bottom:4px!important;padding:8px 10px!important}.track-title-item{font-size:.78rem!important}.track-feat-item,.track-duration-item,.track-rank{font-size:.65rem!important}.spotify-mini-icon{width:14px!important;height:14px!important}.latest-badge{margin-right:4px!important;padding:1px 4px!important;font-size:.5rem!important}.tracks-section-divider{margin:10px 0 6px!important;font-size:.58rem!important}.profile-header{gap:12px!important;margin-bottom:14px!important}.profile-avatar-mini{width:52px!important;height:52px!important}.stat-number{font-size:1.35rem!important}.stat-label{font-size:.65rem!important}.profile-socials{gap:16px!important;margin-top:14px!important;padding-top:14px!important}.profile-socials .social-link-item{width:34px!important;height:34px!important}.profile-socials .social-link-item svg{width:16px!important;height:16px!important}.profile-tagline{padding-left:8px!important;font-size:.95rem!important}.profile-bio{font-size:.8rem!important;line-height:1.5!important}.profile-info-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.info-label{font-size:.6rem!important}.info-val{font-size:.75rem!important}}}@media (width<=480px){.site-title{font-size:1.4rem!important}.cover-art-container{width:100px;height:100px}.controls-wrapper{gap:6px}.primary-controls{flex-wrap:nowrap!important;gap:6px!important}.ctrl-btn{width:26px!important;height:26px!important}.ctrl-btn svg{width:12px!important;height:12px!important}.play-pause-btn{width:32px!important;height:32px!important}.play-pause-btn svg{width:14px!important;height:14px!important}.volume-slider-container{gap:4px}#volume-bar{width:60px}.profile-info-grid{grid-template-columns:1fr!important;gap:10px!important}.city-item,.city-name{font-size:.75rem!important}.city-count{font-size:.7rem!important}}@media (width<=480px) and (height<=739px){.spotify-main-stats{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.stat-group{text-align:left!important;align-items:flex-start!important}}@media (width<=360px){.site-title{font-size:1.15rem!important}.primary-controls{gap:4px!important}.ctrl-btn{width:20px!important;height:20px!important}.ctrl-btn svg{width:9px!important;height:9px!important}.play-pause-btn{width:26px!important;height:26px!important}.play-pause-btn svg{width:10px!important;height:10px!important}}.animate-fade-in{animation:.8s forwards fadeIn}.animate-scale-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards scaleUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.spotify-artist-stats{flex-direction:column;gap:16px;margin-top:8px;display:flex}.spotify-header{flex-direction:column;gap:8px;display:flex}.spotify-coordinates{font-family:var(--font-mono);color:var(--p-text-muted);letter-spacing:.5px;font-size:.72rem}.spotify-author{color:var(--p-text-muted);align-items:center;gap:8px;font-size:.78rem;display:flex}.spotify-avatar{object-fit:cover;border:1px solid var(--p-border);border-radius:50%;width:22px;height:22px}.spotify-claimed-box{border:1px solid var(--p-border);background:#ffffff0a;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.light-theme .spotify-claimed-box{background:#00000008}.claimed-title{color:var(--p-text);font-size:.8rem;font-weight:700}.claimed-desc{color:var(--p-text-muted);font-size:.7rem}.spotify-main-stats{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:4px 0;display:grid}.stat-group{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-number{color:var(--p-text);font-size:1.8rem;font-weight:800;line-height:1.1;font-family:var(--font-heading)}.stat-label{color:var(--p-text-muted);font-size:.75rem}.spotify-cities-list{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.city-title-label{font-family:var(--font-mono);color:var(--p-text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--p-border);text-align:center;width:100%;margin-bottom:4px;padding-bottom:4px;font-size:.65rem}.city-item{text-align:center;justify-content:center;align-items:center;width:100%;font-size:.8rem;display:flex}.city-name{color:var(--p-text);font-weight:600}.city-name:after{content:"•";color:var(--p-text-muted);margin-left:8px;margin-right:8px;font-weight:400}.city-count{font-family:var(--font-mono);color:var(--p-text-muted);font-size:.75rem}.profile-socials{border-top:1px solid var(--p-border);justify-content:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.profile-socials .social-link-item{background:var(--p-input-bg);border:1px solid var(--p-border);width:40px;height:40px;color:var(--p-text);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.profile-socials .social-link-item:hover{background:var(--p-text);color:var(--p-bg);border-color:var(--p-text);transform:translateY(-2px)}.profile-socials .social-link-item span{display:none}.profile-socials .social-link-item svg{stroke:currentColor;width:20px;height:20px}.lyrics-tab-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;padding:40px 20px;display:flex}#pane-lyrics #lyric-line-current{color:var(--p-text);text-shadow:0 2px 10px #0003;max-width:90%;margin:0 auto;font-size:1.4rem;font-style:italic;font-weight:500;line-height:1.7}.light-theme #pane-lyrics #lyric-line-current{text-shadow:none}.track-rank{width:24px;color:var(--p-text-muted);font-family:var(--font-mono);text-align:center;margin-right:8px;font-size:.8rem;display:inline-block}.track-right-container{align-items:center;gap:12px;display:flex}.track-spotify-link{opacity:.85;justify-content:center;align-items:center;transition:opacity .25s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1);display:flex;color:#1db954!important}.track-spotify-link:hover{opacity:1;transform:scale(1.2)}.spotify-mini-icon{pointer-events:none}.profile-header{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;margin-bottom:20px;display:flex}.profile-avatar-mini{object-fit:cover;border:1.5px solid var(--p-border);border-radius:50%;width:64px;height:64px;box-shadow:0 4px 12px #00000026}.light-theme .profile-avatar-mini{box-shadow:0 2px 6px #0000000d}.player-window.closed{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding:0;transition:opacity 1.8s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1),max-height 1.8s cubic-bezier(.16,1,.3,1),margin 1.8s cubic-bezier(.16,1,.3,1),padding 1.8s cubic-bezier(.16,1,.3,1),border-width 1.8s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:scale(.95)translateY(20px)}.main-content-grid.closed{gap:0;max-height:0;margin:0;transition:max-height 1.8s cubic-bezier(.16,1,.3,1),margin 1.8s cubic-bezier(.16,1,.3,1),gap 1.8s cubic-bezier(.16,1,.3,1);overflow:hidden}.site-header.closed{gap:20px;transition:all 1.8s cubic-bezier(.16,1,.3,1)}.site-header.closed .site-title{cursor:pointer;transform:scale(1.35)}.site-header.closed .site-title:hover{opacity:.8;transform:scale(1.38)}.site-header.closed.show-socials .header-socials{opacity:1;pointer-events:auto;height:28px;margin-top:8px;transition:opacity .5s cubic-bezier(.16,1,.3,1) 1.4s,transform .5s cubic-bezier(.16,1,.3,1) 1.4s,height .5s cubic-bezier(.16,1,.3,1) 1.4s,margin-top .5s cubic-bezier(.16,1,.3,1) 1.4s;transform:translateY(0)scale(1)}@media (width<=768px){.site-header.closed.show-socials .header-socials{margin-top:6px;transition-delay:1.4s}}@media (width>=1025px){.main-content-grid{transition:max-width 1.5s cubic-bezier(.16,1,.3,1),grid-template-columns 1.5s cubic-bezier(.16,1,.3,1),gap 1.5s cubic-bezier(.16,1,.3,1),max-height 1.8s cubic-bezier(.16,1,.3,1),margin 1.8s cubic-bezier(.16,1,.3,1);grid-template-columns:1fr 280px!important;max-width:1224px!important}.main-content-grid.widget-hidden{grid-template-columns:1fr 0!important;gap:0!important;max-width:920px!important}}.latest-release-widget{--p-bg:#0f0f0fa6;--p-border:#ffffff14;--p-text:#fff;--p-text-muted:#ffffff73;--p-accent:#fff;--p-accent-rgb:255, 255, 255;--p-btn-hover:#ffffff1a;--p-active-tab:#ffffff14;--p-input-bg:#ffffff0a;--p-shadow:0 24px 80px #000000b3, 0 0 0 1px #ffffff0d inset;background:var(--p-bg);width:100%;max-width:280px;height:540px;max-height:600px;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--p-border);box-shadow:var(--p-shadow);color:var(--p-text);opacity:1;border-radius:20px;flex-direction:column;transition:opacity 1.5s cubic-bezier(.16,1,.3,1),transform 1.5s cubic-bezier(.16,1,.3,1),height 1.5s cubic-bezier(.16,1,.3,1),max-height 1.5s cubic-bezier(.16,1,.3,1),margin 1.5s cubic-bezier(.16,1,.3,1),padding 1.5s cubic-bezier(.16,1,.3,1),border-width 1.5s cubic-bezier(.16,1,.3,1),width 1.5s cubic-bezier(.16,1,.3,1),max-width 1.5s cubic-bezier(.16,1,.3,1),background .5s,border-color .5s,color .5s,box-shadow .5s;display:flex;overflow:hidden;transform:scale(1)translateY(0)}.latest-release-widget.closed{opacity:0;pointer-events:none;border-width:0;max-height:0;margin:0;padding:0;transition:opacity 1.8s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1),max-height 1.8s cubic-bezier(.16,1,.3,1),margin 1.8s cubic-bezier(.16,1,.3,1),padding 1.8s cubic-bezier(.16,1,.3,1),border-width 1.8s cubic-bezier(.16,1,.3,1);overflow:hidden;transform:scale(.95)translateY(20px)}.latest-release-widget.light-theme{--p-bg:#f5f5f5c7;--p-border:#00000014;--p-text:#000;--p-text-muted:#00000080;--p-accent:#000;--p-accent-rgb:0, 0, 0;--p-btn-hover:#00000014;--p-active-tab:#0000000f;--p-input-bg:#0000000a;--p-shadow:0 24px 80px #00000059, 0 0 0 1px #0000000d inset}.widget-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.widget-cover-container{border:1px solid #ffffff0d;border-radius:12px;width:180px;height:180px;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0006}.widget-cover-container:hover{transform:scale(1.05)}.widget-cover{object-fit:cover;width:100%;height:100%}.widget-play-btn{color:#000;cursor:pointer;opacity:0;background:#1db954;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 4px 15px #00000080}.widget-cover-container:hover .widget-play-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.widget-play-btn:hover{background:#1ed760;transform:translate(-50%,-50%)scale(1.1)!important}.widget-meta{flex-direction:column;align-items:center;gap:6px;display:flex}.widget-label{text-transform:uppercase;letter-spacing:2px;color:#1db954;margin-bottom:4px;font-size:.7rem;font-weight:700}.widget-title{color:var(--p-text);letter-spacing:-.5px;margin:0;font-size:1.3rem;font-weight:700}.widget-artists{color:var(--p-text-muted);margin:0;font-size:.85rem}.widget-year{color:var(--p-text-muted);border:1px solid var(--p-border);border-radius:12px;margin-top:4px;padding:2px 8px;font-size:.75rem;display:inline-block}@media (width<=1024px){.latest-release-widget{display:none!important}}.track-item.latest-release-item{background:#1db9540d;border-radius:8px;padding:10px 14px;border:1px solid #1db95440!important;border-left:4px solid #1db954!important;margin-bottom:0!important}.track-item.latest-release-item:hover{background:#1db9541a!important}.latest-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;background:#1db954;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:.6rem;font-weight:800;display:inline-block}.latest-release-widget.light-theme .track-item.latest-release-item,.light-theme .track-item.latest-release-item{background:#1db95414}.latest-release-widget.light-theme .track-item.latest-release-item:hover,.light-theme .track-item.latest-release-item:hover{background:#1db95424!important}.tracks-section-divider{color:var(--p-text-muted);font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;margin:16px 0 10px;font-size:.65rem;font-weight:700;display:flex}.tracks-section-divider:before,.tracks-section-divider:after{content:"";background:var(--p-border);flex:1;height:1px}.tracks-section-divider:before{margin-right:12px}.tracks-section-divider:after{margin-left:12px}@media (width>=1025px){.track-item.latest-release-item,.tracks-section-divider{display:none!important}}.latest-release-widget.dismissed{pointer-events:none;opacity:0!important;border-width:0!important;width:0!important;max-width:0!important;margin:0!important;padding:0!important;transform:scale(.9)translate(-40px)!important}.header-actions{align-items:center;gap:0;display:flex}.widget-toggle-btn{background:var(--p-input-bg);border:1px solid var(--p-border);color:var(--p-text);cursor:pointer;opacity:0;pointer-events:none;border-width:0;border-radius:50%;justify-content:center;align-items:center;width:0;height:28px;margin-left:0;padding:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),width 1.2s cubic-bezier(.16,1,.3,1),margin-left 1.2s cubic-bezier(.16,1,.3,1),border-width 1.2s cubic-bezier(.16,1,.3,1),background .2s;display:flex;overflow:hidden;transform:scale(.5)}.widget-toggle-btn.visible{opacity:1;pointer-events:auto;border-width:1px;width:28px;margin-left:8px;transform:scale(1)}.widget-toggle-btn:hover{background:var(--p-btn-hover);transform:scale(1.1)!important}.widget-toggle-btn:active{transform:scale(.9)!important}@media (width<=1024px){.widget-toggle-btn{display:none!important}}