/* DENGR colors with a quieter library and an artwork-first listening view. */
:root{--player-surface:#141a10;--player-soft:#1e2817;--player-line:#324026}
.track-card{border-radius:18px;padding:10px;background:linear-gradient(160deg,#18201180,#0d120a40);border:1px solid #26341b55;transition:background .18s,border-color .18s}.track-card:hover{background:#1b2513;border-color:#3b5029}.track-card .artwork-button{border-radius:12px;box-shadow:0 8px 24px #0004}.track-info{margin-top:14px}.track-card .track-title{font-weight:650;line-height:1.35}.track-card .track-tools{padding-top:8px}.track-card .track-meta{min-height:25px;gap:8px}.track-card.is-current{border-color:#b3ff305c}.version-tag{font-size:10px;border-radius:5px}.source-badge{display:inline-flex;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--player-line);background:#1a2413;padding:3px 7px;border-radius:5px;font-size:10px;color:#b7c6a7}.source-badge+.version-tags{display:none}.topbar{gap:16px}.settings-open{flex-shrink:0;width:36px;height:36px;border:1px solid var(--player-line);border-radius:50%;background:#17200f}.settings-open .icon{width:18px;height:18px}.now-art{border:0;padding:0;cursor:pointer;overflow:hidden}.now-copy .now-title{cursor:pointer}.player{background:#11190ff2;backdrop-filter:blur(24px);border-top-color:#41533288}.page-footer{opacity:.65}.hero{border-radius:24px}.genre-chip{border-color:#324026}.settings-tabs{display:flex;gap:5px;padding:5px;background:#0c1109;border-radius:12px;margin:20px 0}.settings-tabs button{flex:1;padding:10px;border:0;border-radius:9px;background:transparent;color:#aab49f;font:inherit;cursor:pointer}.settings-tabs [aria-selected="true"]{background:var(--player-soft);color:#b3ff30}.playback-settings-dialog{max-width:560px;width:calc(100% - 32px);padding:26px;background:#11190f;border:1px solid #3a4b2d;border-radius:24px}.playback-settings-dialog h2{font-size:28px}.settings-intro{color:#a8b49e;font-size:13px;line-height:1.65;margin:10px 0 16px}.setting-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #2a3721;font-size:14px}.setting-row>span:first-child{min-width:0}.setting-row small,.addon-source small,.source-default small{display:block;font-size:12px;line-height:1.5;color:#9cae8f;margin-top:4px}.setting-row select{background:#1b2713;color:#eaf2e2;border:1px solid #3b512a;border-radius:9px;padding:9px;max-width:190px;font:inherit;font-size:12px}.setting-row input[type="checkbox"],.addon-source input{width:19px;height:19px;accent-color:#b3ff30}.setting-row :disabled{opacity:.4;cursor:not-allowed}.setting-section-title{font-size:15px;margin:25px 0 6px}.setting-slider{width:130px;display:grid;gap:8px;text-align:right;font-size:12px;color:#b3ff30}.setting-slider input{width:100%;accent-color:#b3ff30}.source-default{display:flex;gap:12px;padding:16px;background:#1a2513;border:1px solid #324626;border-radius:14px;align-items:center}.source-icon{color:#b3ff30;font-size:24px}.source-status{margin-left:auto;color:#b3ff30;font-size:12px}.addon-source{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #2a3721;padding:16px 0}.addon-source label{display:flex;align-items:center;gap:12px;font-size:14px;min-width:0}.addon-source b{overflow-wrap:anywhere}.addon-source button{font-size:12px;white-space:nowrap}
.now-playing-dialog{width:min(960px,calc(100% - 48px));max-width:none;border:1px solid #3a4c2c;border-radius:28px;background:radial-gradient(ellipse at 20% 0,#314421 0,transparent 65%),linear-gradient(130deg,#17210f,#0d140b);padding:28px 36px;color:#edf5e8;box-shadow:0 30px 100px #000b}.now-playing-dialog::backdrop,.playback-settings-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.full-player-header{display:flex;align-items:center;justify-content:space-between;text-align:center;margin-bottom:30px}.full-player-header .eyebrow{font-size:9px;letter-spacing:2px}.full-player-header p{margin:6px 0 0;font-size:12px;color:#acbca0}.full-player-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}.full-art{aspect-ratio:1;border-radius:18px;overflow:hidden;background:#28371d;box-shadow:0 20px 44px #0006;display:grid;place-items:center}.full-art img{width:100%;height:100%;object-fit:cover}.full-art>.icon{width:90px;height:90px;color:#a5d66a}.full-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.full-title-row>div{min-width:0}.full-title-row h2{font-size:26px;line-height:1.25;letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}.full-title-row p{color:#b6c5aa;font-size:15px;margin:8px 0}.full-quality{margin:10px 0 0;font-size:11px;display:inline-flex}.full-state{font-size:11px;color:#a3b594;min-height:18px;margin:12px 0}.full-player-detail>input[type="range"]{width:100%;height:4px;background:linear-gradient(to right,#b3ff30 var(--progress,0%),#465638 var(--progress,0%));appearance:none;border-radius:9px;cursor:pointer}.full-player-detail input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:#b3ff30;border-radius:50%}.full-times{display:flex;justify-content:space-between;font-size:11px;color:#a3b594;margin-top:10px;font-variant-numeric:tabular-nums}.full-controls{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.full-controls .play-button{width:68px;height:68px}.full-controls .icon-button{width:42px;height:42px}.full-controls .icon{width:27px;height:27px}.full-controls .play-button .icon{width:32px;height:32px}.full-controls [aria-pressed="true"]{color:#b3ff30}.full-controls [data-mode="one"]::after{content:'1';font-size:10px;position:absolute;margin:18px 0 0 -4px}.full-secondary{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #3a4c2c;padding-top:20px}.full-secondary button{display:grid;gap:7px;place-items:center;color:#b2c3a6;font-size:11px}.full-secondary .icon{width:21px;height:21px}.full-sleep{font-size:11px;text-align:center;color:#b3ff30;margin:15px 0 0}
@media(max-width:760px){.track-grid{gap:16px 12px}.track-card{padding:7px;border-radius:15px}.track-card .track-title{font-size:14px}.track-card .track-artist{font-size:12px}.track-card .track-meta{gap:5px}.track-card .track-meta>span:last-child{font-size:11px}.settings-open{order:5}.topbar .search-box{flex-basis:100%}.now-playing-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;max-width:100%;border:0;border-radius:0;padding:max(18px,env(safe-area-inset-top)) 28px max(24px,env(safe-area-inset-bottom));overflow-y:auto}.full-player-header{margin:0 0 22px}.full-player-content{display:block;width:min(100%,400px);margin:auto}.full-art{width:min(100%,38dvh);margin:auto;border-radius:16px}.full-player-detail{margin-top:26px}.full-title-row h2{font-size:23px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.full-controls{margin:20px 0}.full-controls .play-button{width:66px;height:66px}.full-secondary{padding-top:16px}.playback-settings-dialog{padding:23px 20px;max-height:90dvh}.setting-row{gap:10px}.setting-row select{max-width:155px}.full-state{margin:8px 0}.now-art{border-radius:9px}.source-badge{max-width:95px}}
.full-quality-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.full-output{font-size:11px;color:#b2c3a6;margin-top:10px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-tabs button{transition:none}
.hero{min-height:230px;padding:30px 34px;grid-template-columns:minmax(0,1fr) 240px;gap:28px;margin-bottom:32px;background:linear-gradient(115deg,#203216,#10190c);border:1px solid #364a29}.hero h1{font-family:inherit;font-weight:750;font-size:42px;line-height:1.05;letter-spacing:-1.7px;margin:14px 0 10px}.hero h1 em{font-style:normal}.hero p{font-size:13px;max-width:330px;margin:0 0 20px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero .primary{font-size:12px;min-height:38px;padding:9px 14px;border-radius:22px}.hero-visual{height:190px;position:relative}.hero .hero-cover{width:190px;height:190px;top:0;right:15px;opacity:1;transform:rotate(5deg);border-radius:18px;box-shadow:0 16px 32px #0007;overflow:hidden}.hero .hero-cover img{width:100%;height:100%;object-fit:cover}.hero .frequency-ring,.hero .orbit-label,.hero .hero-stamp,.hero-edition{display:none}.library-highlights{margin:0 0 32px}.library-highlights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library-highlight{display:flex;align-items:center;gap:12px;background:#182112;border:1px solid #2f4121;border-radius:12px;padding:8px;text-align:left;min-width:0;transition:background .15s}.library-highlight:hover{background:#26381b}.library-highlight-art{width:54px;height:54px;border-radius:8px;overflow:hidden;flex:none;background:#2a3b1e;display:grid;place-items:center}.library-highlight-art img{width:100%;height:100%;object-fit:cover}.library-highlight>span:nth-child(2){min-width:0;flex:1}.library-highlight b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-highlight small{display:block;margin-top:5px;color:#a1b391;font-size:11px}.library-highlight>.icon{width:16px;margin-right:6px;color:#9bb783}.track-card .track-info{padding-top:0;margin-top:12px}.track-card .track-meta{margin-top:6px}.track-card .track-tools{margin-top:4px;padding-top:0}.track-card .track-add{width:28px;height:28px;min-width:28px}.track-card .artwork-button{aspect-ratio:1;height:auto}.settings-tabs button[aria-selected="true"]{background:#2c421c;color:#c4ff77;box-shadow:inset 0 0 0 1px #577c35}.settings-tabs button[aria-selected="false"]{background:transparent;color:#aab49f}
@media(max-width:1000px){.library-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hero{min-height:200px;padding:22px 20px;grid-template-columns:minmax(0,1fr) 108px;gap:8px;border-radius:20px;margin-bottom:28px}.hero h1{font-size:29px;letter-spacing:-1px;margin:12px 0 8px}.hero p{font-size:11px;max-width:195px;margin-bottom:16px;line-height:1.6}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero .primary{font-size:11px;min-height:36px;padding:8px 11px}.hero .primary .icon{width:16px;height:16px}.hero-visual{height:125px;min-width:0}.hero .hero-cover{width:110px;height:125px;right:-5px;top:0;border-radius:12px;transform:rotate(5deg);opacity:1}.library-highlights-grid{grid-template-columns:1fr}.library-highlight{padding:7px}.library-highlight-art{width:46px;height:46px}.track-card .track-tools{flex-wrap:wrap;gap:0}.track-card .track-title{font-size:13px}.track-card .track-info{margin-top:10px}.track-card .track-meta{font-size:10px}.track-card .track-add{width:26px;height:26px;min-width:26px;padding:4px}}
@media(max-width:640px){.settings-open{order:1}.topbar{gap:12px}}
@media(max-width:640px){.genre-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:18px}.genre-chip{flex-shrink:0}.genre-bar::-webkit-scrollbar{display:none}}
@media(max-width:640px){.track-card .track-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:stretch;gap:0}.track-card .track-tools .icon-button,.track-card .track-tools .offline-download{width:100%;min-width:0;height:40px;min-height:40px;padding:7px}.track-card .track-tools .download-slot{min-width:0;justify-content:center}.track-card .track-tools .download-slot:has(.audio-format-badge){grid-column:1/-1}.track-card .track-tools .icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.track-card{transition:none}}