/* NexMusic FIX80 — CHROMA CLUB UI: a full visual reset */
:root{--c80-bg:#0c0b0f;--c80-paper:#f4efe6;--c80-ink:#111014;--c80-pink:#ff4fb8;--c80-lime:#c7ff3d;--c80-blue:#4ba3ff;--c80-purple:#7b5cff;--c80-line:#2b2831;--c80-muted:#9e98a8}
html,body{background:var(--c80-bg)!important;color:#f7f3ff!important}
body{overflow-x:hidden!important}
.shell{display:block!important;min-height:100vh!important;background:linear-gradient(180deg,#0d0b10 0%,#12101a 100%)!important}
.sidebar{position:fixed!important;z-index:90!important;left:18px!important;right:18px!important;top:14px!important;height:74px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:10px 14px!important;border:1px solid #2f2b37!important;border-radius:20px!important;background:#131017f2!important;box-shadow:0 18px 45px rgba(0,0,0,.34)!important;overflow:hidden!important}
.brand-wrap{display:flex!important;align-items:center!important;gap:12px!important}.brand{display:flex!important;align-items:center!important;gap:10px!important}.brand-logo{width:40px!important;height:40px!important}.brand strong{font-size:18px!important;letter-spacing:-.03em!important}.brand-nex{color:var(--c80-lime)!important}.brand-wrap small{display:none!important}
.nav-list{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:0 2px!important}.nav-list::-webkit-scrollbar{display:none!important}.nav{flex:0 0 auto!important;height:44px!important;display:flex!important;align-items:center!important;gap:8px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#9f99aa!important;padding:0 12px!important;font-size:12px!important;font-weight:750!important;transition:background .15s ease,color .15s ease,transform .15s ease!important}.nav span{font-size:15px!important}.nav:hover{color:#fff!important;background:#1d1922!important}.nav.active{color:#131014!important;background:var(--c80-lime)!important;box-shadow:none!important;transform:translateY(-1px)!important}.nav.active:before{display:none!important}
.playlist-heading,.sidebar-playlists{display:none!important}.account{min-width:0!important;justify-self:end!important}.account .account-user{padding:7px 10px!important;border-radius:12px!important;background:#1b1720!important;border:1px solid #2c2731!important}.account .account-user>div{max-width:130px!important}
.main{padding-top:102px!important;min-height:100vh!important;background:linear-gradient(180deg,#0e0c11,#100f15)!important}.topbar{position:sticky!important;top:100px!important;z-index:50!important;height:66px!important;padding:9px 24px!important;background:linear-gradient(180deg,rgba(14,12,17,.98),rgba(14,12,17,.86))!important;border:0!important;backdrop-filter:none!important}.search-wrap{max-width:none!important}.search-shell{height:48px!important;border-radius:14px!important;border:1px solid #302b35!important;background:#16131a!important;box-shadow:none!important}.search-shell:focus-within{border-color:var(--c80-pink)!important;box-shadow:0 0 0 3px rgba(255,79,184,.12)!important}.search-shell input{color:#fff!important}.search-shell input::placeholder{color:#756f7f!important}.icon-btn{width:44px!important;height:44px!important;border-radius:12px!important;border:1px solid #302b35!important;background:#19151d!important;color:#bcb4c5!important}.icon-btn:hover{border-color:#5b5162!important;color:#fff!important}
.content{width:100%!important;max-width:1900px!important;margin:0 auto!important;padding:18px 24px 132px!important}
.content:before{content:"NEXMUSIC / CHROMA CLUB";display:block;margin:2px 0 14px;color:#726b7b;font-size:9px;font-weight:900;letter-spacing:.24em}.content>*{animation:c80In .18s ease both}@keyframes c80In{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero,.nexflow-hero,.playlist-hero,.artist-hero,.profile-hero,.album-detail-hero{position:relative!important;overflow:hidden!important;border:1px solid #332d38!important;border-radius:20px!important;background:#19151e!important;box-shadow:none!important}.hero:before,.nexflow-hero:before,.profile-hero:before{content:"";position:absolute!important;inset:auto -7% -40% auto!important;width:420px!important;height:420px!important;border-radius:50%!important;background:conic-gradient(from 20deg,var(--c80-pink),var(--c80-purple),var(--c80-blue),var(--c80-lime),var(--c80-pink))!important;opacity:.14!important;filter:none!important}.hero:after,.nexflow-hero:after,.profile-hero:after{content:"PLAY / SAVE / FLOW";position:absolute;right:22px;top:18px;color:#6f6876;font-size:8px;letter-spacing:.18em;font-weight:900}.home-greeting{font-size:clamp(34px,4.3vw,74px)!important;line-height:.93!important;letter-spacing:-.055em!important}.eyebrow{color:var(--c80-lime)!important}.home-sub,.muted{color:#9d96a7!important}
.cards,.quick-grid,.playlist-grid,.album-grid,.user-grid,.artist-chip-grid,.stats-grid{gap:12px!important}.card,.quick-card,.playlist-card,.album-card,.user-card,.stat-card,.wrapped-preview{position:relative!important;border:1px solid #312c36!important;border-radius:16px!important;background:#17131b!important;box-shadow:none!important;overflow:hidden!important;transition:transform .15s ease,border-color .15s ease!important}.card:nth-child(4n+1),.playlist-card:nth-child(4n+1),.album-card:nth-child(4n+1){border-top:3px solid var(--c80-pink)!important}.card:nth-child(4n+2),.playlist-card:nth-child(4n+2),.album-card:nth-child(4n+2){border-top:3px solid var(--c80-blue)!important}.card:nth-child(4n+3),.playlist-card:nth-child(4n+3),.album-card:nth-child(4n+3){border-top:3px solid var(--c80-lime)!important}.card:nth-child(4n),.playlist-card:nth-child(4n),.album-card:nth-child(4n){border-top:3px solid var(--c80-purple)!important}.card:hover,.quick-card:hover,.playlist-card:hover,.album-card:hover,.user-card:hover{transform:translateY(-2px)!important;border-color:#5c5263!important}.card img,.album-card img,.playlist-card img{border-radius:0!important;object-fit:cover!important}.card-play,.quick-play,.row-play,.nexflow-play,.play-btn,.np-play{background:var(--c80-paper)!important;color:#111!important;border:0!important;box-shadow:none!important}.pill,.tag,.source-badge{border-radius:10px!important;border:1px solid #38313f!important;background:#1b1720!important;color:#b0a9ba!important}.pill:hover{border-color:var(--c80-lime)!important;color:#fff!important}.danger{border-color:#66303c!important;color:#ff8ea1!important}
.track-list,.recent-list{display:grid!important;gap:5px!important}.track-row,.recent-row,.history-group,.queue-row,.np-queue-item{border:1px solid transparent!important;border-radius:12px!important;background:#151219!important}.track-row:hover,.recent-row:hover,.queue-row:hover{background:#1c1720!important;border-color:#332d38!important}.track-row.current,.queue-row.current{background:#201827!important;border-color:var(--c80-pink)!important}.thumb{border-radius:8px!important}
.search-tabs,.search-filters,.wrapped-tabs,.np-tabs{gap:6px!important}.search-tabs button,.search-filters button,.wrapped-tabs button,.np-tabs button{border:1px solid #332d38!important;border-radius:10px!important;background:#18141b!important;color:#9f98a8!important;padding:9px 13px!important}.search-tabs button.active,.search-filters button.active,.wrapped-tabs button.active,.np-tabs button.active{background:var(--c80-lime)!important;border-color:var(--c80-lime)!important;color:#111!important}.search-mode-note,.lyrics-sync-note{border:1px solid #302a35!important;border-radius:10px!important;background:#17131b!important;color:#91899a!important}
.player{position:fixed!important;left:18px!important;right:18px!important;bottom:14px!important;height:92px!important;z-index:95!important;border:1px solid #39313e!important;border-radius:18px!important;background:#f4efe6!important;color:#121014!important;box-shadow:0 20px 50px rgba(0,0,0,.42)!important;padding:10px 14px!important}.player .track-meta strong,.player .track-meta small,.player .plain-btn,.player-right,.timeline{color:#171217!important}.cover-wrap{width:64px!important;height:64px!important;border-radius:12px!important;background:#ded5c9!important}.play-btn{width:48px!important;height:48px!important;border-radius:12px!important;background:#111014!important;color:#fff!important}.player input[type=range]{accent-color:var(--c80-pink)!important}.heart-btn{color:#111!important}
.queue-panel,.lyrics-panel{position:fixed!important;top:98px!important;right:18px!important;bottom:120px!important;width:min(430px,92vw)!important;border:1px solid #3b3340!important;border-radius:18px!important;background:#17131b!important;box-shadow:-14px 18px 45px rgba(0,0,0,.38)!important}.queue-head,.lyrics-head{border-bottom:1px solid #302a35!important}.lyrics-line.active,.lyric-line.active{background:#24202a!important;color:var(--c80-lime)!important;transform:none!important}.popover,.context-menu{border:1px solid #3b3340!important;border-radius:12px!important;background:#17131b!important;box-shadow:0 16px 45px rgba(0,0,0,.42)!important}
.now-playing-screen{background:#0e0b10!important}.np-backdrop{opacity:.18!important;filter:none!important}.np-card,.np-side{border:1px solid #3b3340!important;border-radius:18px!important;background:#17131b!important;box-shadow:none!important}.np-cover{border-radius:16px!important}.np-info span{color:var(--c80-lime)!important}.profile-avatar,.user-avatar-fallback{border:3px solid var(--c80-lime)!important;box-shadow:none!important}.profile-stats>*,.stats-grid>*{background:#17131b!important;border:1px solid #312b36!important;border-radius:14px!important}.profile-logout{background:#25151a!important;border-color:#713543!important;color:#ff91a3!important}
@media(max-width:1180px){.sidebar{grid-template-columns:auto minmax(0,1fr)!important}.account{display:none!important}.nav{padding:0 10px!important}.nav{font-size:0!important}.nav span{font-size:16px!important}.main{padding-top:100px!important}.topbar{top:98px!important}}
@media(max-width:760px){.sidebar{left:10px!important;right:10px!important;top:auto!important;bottom:10px!important;height:62px!important;grid-template-columns:1fr!important;padding:6px!important;border-radius:16px!important}.brand-wrap,.account{display:none!important}.nav-list{height:100%!important}.nav{flex:0 0 48px!important;height:48px!important;justify-content:center!important;padding:0!important}.main{padding-top:0!important;padding-bottom:160px!important}.topbar{top:0!important;height:62px!important;padding:9px 10px!important}.content{padding:14px 10px 176px!important}.player{left:10px!important;right:10px!important;bottom:80px!important;height:72px!important;border-radius:16px!important;padding:8px 10px!important}.cover-wrap{width:48px!important;height:48px!important}.timeline,.player-right{display:none!important}.track-meta{max-width:38vw!important}.queue-panel,.lyrics-panel{top:8px!important;left:8px!important;right:8px!important;bottom:160px!important;width:auto!important}.cards,.quick-grid,.playlist-grid,.album-grid,.user-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:440px){.cards,.quick-grid,.playlist-grid,.album-grid,.user-grid{grid-template-columns:1fr!important}.top-actions{display:none!important}.search-shell{height:44px!important}.track-meta{max-width:43vw!important}}
@media(prefers-reduced-motion:reduce){.content>*,.card,.quick-card,.playlist-card,.album-card,.user-card{animation:none!important;transition:none!important}}