:root{--music-green:#c0f682;--music-line:#252525;--music-muted:#8a8a8a}*{box-sizing:border-box}[hidden]{display:none!important}.music-page{background:#090a09;color:#eee;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.music-page main{display:block;min-height:0;padding:0}.music-shell{width:min(1056px,100%);margin:0 auto;padding:0 30px!important;text-align:left}.music-page a{border:0;text-decoration:none}.music-page button,.music-page input,.music-page select,.music-page textarea{font:inherit;font-size:12px}.music-page button,.music-page select{border:1px solid #363836;border-radius:7px;background:#151715;color:#ddd;padding:10px 13px;cursor:pointer}.music-page button:hover{border-color:#78866b}.music-page button:disabled{opacity:.45;cursor:default}.music-page button:focus-visible,.music-page a:focus-visible,.music-page summary:focus-visible{outline:2px solid var(--music-green);outline-offset:4px}.music-page button.primary{background:var(--music-green);color:#182112;border-color:var(--music-green);font-weight:700}.music-page input,.music-page textarea{background:#101210;border:1px solid #373b37;border-radius:6px;padding:12px;color:#eee;min-width:0}.music-page select{max-width:100%}.music-page h1,.music-page h2,.music-page h3,.music-page p{margin:0}.music-page h2{font-size:18px;font-weight:500}.muted,.music-page small{color:var(--music-muted)}.music-top{min-height:96px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--music-line);font-size:12px}.music-top>a:first-child{color:#ddd}.music-top .lang-switcher{margin:0;flex:1;font-size:10px;display:flex;flex-wrap:wrap;gap:7px}.music-top .lang-switcher a{margin:0}.admin-link{color:#888;font-size:10px;white-space:nowrap}.collection-hero{display:flex;align-items:center;gap:35px;padding:48px 0 38px}.eyebrow{font-size:10px;letter-spacing:.15em;color:var(--music-green);text-transform:uppercase}.collection-hero h1{font-size:clamp(44px,8vw,78px);letter-spacing:-.07em;font-weight:650;line-height:1.25;margin:4px 0 8px}.collection-hero .muted{font-size:12px;line-height:1.7;max-width:510px}.hero-record{width:160px;height:160px;flex-shrink:0;border-radius:50%;background:repeating-radial-gradient(circle,#141714 0 2px,#252925 2.5px 3px);box-shadow:0 0 0 1px #353b35;display:grid;place-items:center}.hero-record>div{width:60px;height:60px;border-radius:50%;background:var(--music-green);color:#121912;display:grid;place-items:center;font-size:26px;font-weight:700}.collection-meta{display:flex;align-items:center;gap:8px;margin-top:22px!important;font-size:10px;color:#9d9d9d}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--music-green)}.separator{margin:0 5px;color:#555}.platform-poll{border:1px solid #30372b;background:linear-gradient(100deg,#161b12,#10120f);padding:22px 24px;border-radius:10px;display:grid;grid-template-columns:1fr 310px;gap:20px;margin-bottom:30px}.platform-poll h2{font-size:14px;margin:8px 0;line-height:1.6}.platform-poll small{font-size:10px}.poll-buttons{display:flex;gap:8px}.poll-buttons button{flex:1;background:#151a12;display:flex;justify-content:space-between;gap:10px;font-size:11px}.poll-buttons button:first-child{color:var(--music-green)}.poll-buttons button:last-child{color:#f5a4b4}.poll-buttons button.selected{border-color:currentColor;opacity:1}.poll-meter{height:4px;background:#f5a4b4;border-radius:10px;margin:13px 0 7px;overflow:hidden}.poll-meter span{display:block;width:50%;height:100%;background:var(--music-green)}.notice{position:sticky;top:8px;z-index:20;font-size:12px;color:var(--music-green);background:#1a2116;line-height:1.6;border-radius:5px}.notice:not(:empty){padding:12px 16px;border:1px solid #39492f;margin-bottom:16px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 22px}.catalog-heading .muted{font-size:11px}.catalog-controls,.play-controls,.filter-row{display:flex;gap:8px;align-items:center}.catalog-controls{justify-content:space-between;margin-bottom:16px}.play-controls button{font-size:11px}.filter-row{margin-bottom:14px}.search-box{display:flex;align-items:center;gap:10px;flex:1;background:#111411;border:1px solid #303630;border-radius:6px;padding:0 12px}.search-box>span:first-child{color:#899481;font-size:22px}.music-page .search-box input{background:none;border:0;width:100%;outline:none}.search-box:focus-within{border-color:var(--music-green)}button[aria-pressed=true]{border-color:var(--music-green);color:var(--music-green)}.genre-chips{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:20px}.genre-chips button{font-size:10px;border-radius:20px;padding:6px 10px;color:#999;background:none}.genre-chips button.active{background:#222c1b;color:var(--music-green);border-color:#526340}.genre-chips small{margin-left:5px;color:inherit;opacity:.6}.track-head,.track-row{display:grid;grid-template-columns:30px minmax(0,1fr) 110px 72px 40px;gap:15px;align-items:center}.track-head{font-size:9px;color:#777;border-bottom:1px solid #343734;padding:10px 8px;text-transform:uppercase;letter-spacing:.08em}.track-list{list-style:none;padding:0;margin:0}.track-row{min-height:67px;padding:10px 8px;border-bottom:1px solid #1d211d;position:relative}.track-row:hover{background:#121612}.track-row.current{background:#172015}.track-row.current .track-title{color:var(--music-green)}.track-rank{font-size:11px;color:#6c7468;font-variant-numeric:tabular-nums;text-align:center}.music-page .track-title{display:block;text-align:left;border:0;background:none;border-radius:0;padding:0;font-size:13px;color:#eee;line-height:1.6;max-width:100%;overflow-wrap:anywhere}.track-info>small{display:block;margin-top:2px;font-size:11px;line-height:1.5}.genre-tag{color:#778471;font-size:10px}.music-page .like{border:0;background:none;font-size:14px;padding:8px 3px;color:#929a8d;text-align:left;white-space:nowrap}.like span{font-size:11px;font-variant-numeric:tabular-nums}.music-page .like.mine{color:var(--music-green);opacity:1}.song-links summary{list-style:none;cursor:pointer;font-size:20px;color:#999;text-align:center;padding:8px}.song-links summary::-webkit-details-marker{display:none}.song-links summary>span{display:none}.link-menu{position:absolute;right:5px;top:50px;background:#1c211a;border:1px solid #45513b;border-radius:8px;padding:10px;box-shadow:0 10px 40px #000;z-index:15;min-width:265px;font-size:11px}.link-menu>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.link-menu a{padding:10px 4px;flex:1;color:#d1dfc8}.music-page .copy-link{border:0;padding:5px;background:transparent;font-size:18px}.link-menu>.share-song{width:100%;margin-top:8px}.song-note{font-size:11px;color:#aaa;line-height:1.7;margin-top:5px}.song-note summary{color:#aaa;cursor:pointer;font-size:10px}.song-note p{padding:5px 0;max-width:550px}.review-label{font-size:9px;color:#b8a16b;margin-left:8px}.empty{padding:35px;color:#999;text-align:center;font-size:12px}.suggestion-panel{margin-top:44px;padding:28px;border:1px solid #30362c;border-radius:10px;background:#10130e}.suggestion-panel h2{margin:9px 0 12px}.suggestion-panel p{font-size:12px;line-height:1.7}.suggest-form{display:flex;gap:8px;align-items:center;margin:20px 0 32px}.suggest-form>input{flex:1}.suggestion-panel h3{font-size:13px;font-weight:400}.suggestion-list{margin-top:12px}.suggestion-list .track-row{grid-template-columns:25px minmax(0,1fr) 65px 35px}.suggestion-list .genre-tag{display:none}#countdown{font-size:11px;color:var(--music-green);white-space:nowrap;font-variant-numeric:tabular-nums}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.music-page footer{margin:40px 0 320px;padding:0;font-size:10px;color:#646d60;line-height:1.8}.music-page footer p{margin-top:8px}.now-playing{position:fixed;bottom:0;left:0;right:0;background:#131910f5;border-top:1px solid #37442c;backdrop-filter:blur(20px);z-index:25;padding:12px max(18px,calc((100vw - 996px)/2));}.now-meta{display:flex;align-items:center;gap:12px}.now-meta>div{min-width:0;flex:1}.now-meta strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-meta small{display:block;font-size:10px;margin-top:5px;line-height:1.4}.mini-record{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#26331d;color:var(--music-green)}#embed:not(:empty){margin-top:8px}#embed iframe{width:100%;border:0;border-radius:8px;height:80px;display:block}#player-links{display:flex;gap:14px;font-size:10px;margin-top:5px}#player-links:empty{margin:0}#player-links a{color:var(--music-green)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.music-page .corner-nav{bottom:95px}.admin-heading{margin:36px 0 22px}.admin-heading h1{font-size:32px;margin:10px 0}.admin-heading p{font-size:12px;line-height:1.7}.admin-toolbar{display:flex;gap:10px;align-items:center;position:sticky;top:0;z-index:10;background:#090a09;padding:12px 0;border-bottom:1px solid #303630;flex-wrap:wrap}.admin-toolbar small{flex:1}.admin-row{display:grid;grid-template-columns:32px 30px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #252a22;padding:12px 0;font-size:12px}.music-page .drag-handle{cursor:grab;touch-action:none;padding:8px;border:0;background:none;font-size:21px;color:#9ca694}.admin-row .row-actions{display:flex;gap:4px}.admin-row .row-actions button{padding:7px;font-size:10px}.admin-row small{display:block;margin-top:3px;font-size:10px}.sortable-ghost{opacity:.25;background:#90c45e}.login-box{max-width:520px;margin:45px auto}.login-box form{display:flex;gap:10px;margin-top:15px}.login-box input{flex:1}.admin-add{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-add input[type=url]{flex:1;min-width:240px}.position-input{width:85px}.admin-suggestions{margin:35px 0}.admin-suggestions h2{margin-bottom:18px}.music-page dialog{width:min(560px,calc(100% - 24px));border:1px solid #536248;border-radius:12px;background:#12180e;color:#eee;padding:25px}.music-page dialog::backdrop{background:#000b}.edit-form{display:grid;gap:14px}.edit-form label{display:grid;gap:6px;font-size:11px;color:#aab79f}.edit-form input,.edit-form textarea,.edit-form select{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.edit-form textarea{min-height:90px}.admin-row:target{background:#22301b}
@media(max-width:700px){.music-shell{padding:0 16px!important}.music-top{flex-wrap:wrap;gap:10px;padding:18px 0}.music-top .lang-switcher{order:3;flex-basis:100%}.admin-link{margin-left:auto}.collection-hero{gap:20px;padding:30px 0}.hero-record{width:100px;height:100px}.hero-record>div{width:40px;height:40px;font-size:20px}.collection-hero h1{font-size:48px}.collection-hero .eyebrow{font-size:8px}.collection-meta{flex-wrap:wrap;gap:5px;margin-top:12px!important;font-size:9px}.platform-poll{grid-template-columns:1fr;padding:18px;gap:15px}.platform-poll h2{font-size:13px}.catalog-controls{flex-wrap:wrap}.catalog-controls select{flex:1}.track-head,.track-row{grid-template-columns:23px minmax(0,1fr) 55px 26px;gap:8px}.genre-column,.track-row>.genre-tag{display:none}.track-row{min-height:70px}.track-title{font-size:12px!important}.track-info>small{font-size:10px}.track-info .review-label{display:block;margin:3px 0 0}.genre-chips{flex-wrap:nowrap;overflow:auto;padding-bottom:16px;margin-bottom:8px}.genre-chips button{white-space:nowrap}.suggestion-panel{padding:18px}.suggest-form{flex-wrap:wrap}.suggest-form>input{flex-basis:100%}.track-head{font-size:8px}.music-page footer{margin-bottom:330px}.admin-row{grid-template-columns:26px 22px minmax(0,1fr);gap:6px}.admin-row .row-actions{grid-column:3;flex-wrap:wrap}.login-box form{flex-wrap:wrap}.login-box input{width:100%}.collection-hero .muted{font-size:10px}.song-links .link-menu{min-width:250px}.now-meta small{max-width:95%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Override the homepage grid's inherited child alignment on these full-width pages. */
.music-page main{place-items:normal}.music-shell>section,.music-shell>header{width:100%;min-width:0}.catalog,.genre-chips,.filter-row{min-width:0;max-width:100%}.collection-hero>div:last-child{min-width:0}
/* Sound atlas */
.collection-views{display:flex;gap:6px;margin:20px 0;padding:5px;width:max-content;border:1px solid #30382d;border-radius:30px;background:#10140e}.collection-views button{border:0;border-radius:24px;padding:10px 22px}.collection-views button[aria-pressed=true]{background:#c1f783;color:#111}.atlas-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 26px 0;gap:10px}.atlas-heading h3{font-size:clamp(23px,3vw,38px);letter-spacing:-1.5px;margin:8px 0 20px}.atlas-zoom{display:flex;gap:5px}.atlas-zoom button{min-width:38px;padding:8px}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px}.atlas-canvas{position:relative;min-width:0;align-self:start;background:radial-gradient(ellipse at 40% 35%,#22312b66,transparent 65%)}.atlas-canvas svg{width:100%;height:auto;display:block;touch-action:none;cursor:grab;user-select:none}.atlas-canvas svg:active{cursor:grabbing}.atlas-edge{fill:none;stroke:#738d83;stroke-width:1;stroke-dasharray:4 7;transition:opacity .2s}.atlas-edge.lit{stroke:#d3edc2;stroke-width:2;stroke-dasharray:none}.atlas-core{fill:#111b19;stroke:var(--cluster);stroke-width:1.5}.atlas-halo{fill:var(--cluster);opacity:.055;stroke:var(--cluster);stroke-width:1}.atlas-node{cursor:pointer;outline:none}.atlas-node:hover .atlas-halo,.atlas-node:focus .atlas-halo,.atlas-node.selected .atlas-halo{opacity:.23}.atlas-node:focus .atlas-core,.atlas-node.selected .atlas-core{stroke-width:3;fill:#263328}.atlas-count{font-size:23px;font-weight:700;fill:var(--cluster);text-anchor:middle}.atlas-unit{font-size:10px;fill:#b7c5bd;text-anchor:middle}.atlas-label{font-size:14px;font-weight:700;fill:var(--cluster);text-anchor:middle;paint-order:stroke;stroke:#0b100e;stroke-width:5px;stroke-linejoin:round}.atlas-hint{font-size:10px;color:#a3b7ac;text-align:center;padding:0 18px 16px}.atlas-detail{border-left:1px solid #2b3831;padding:24px;min-width:0;background:#11191477}.atlas-detail h3{font-size:24px;letter-spacing:-.8px;margin:12px 0}.atlas-detail p{font:13px/1.8 system-ui,sans-serif;color:#c0cec5}.atlas-detail h4{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#a0b7a8;margin:26px 0 12px}.atlas-key,.atlas-related,.atlas-songs{display:grid;gap:7px}.atlas-key button{display:flex;align-items:center;gap:10px;text-align:left;font-size:12px}.atlas-key i{width:8px;height:8px;border-radius:50%;background:var(--cluster);box-shadow:0 0 12px var(--cluster)}.atlas-related button,.atlas-songs button{text-align:left;display:grid;gap:5px;padding:10px;font-size:12px}.atlas-related small,.atlas-songs small{font-size:10px;color:#96a99d;line-height:1.5}.atlas-songs{max-height:270px;overflow:auto}.atlas-reading{font-size:11px;color:#b4c5b9;margin-top:22px}.atlas-reading a{display:block;margin-top:12px}.atlas-caption{border-top:1px solid #2b3831;margin:0;padding:18px 25px;font:11px/1.8 system-ui,sans-serif;color:#97aa9e}#genre-atlas{border:1px solid #2b3831;border-radius:18px;overflow:hidden;background:#0b110e;margin-top:20px}#genre-atlas[hidden],#list-view[hidden]{display:none}@media(min-width:1100px){body:has(#genre-atlas:not([hidden])) .music-shell{max-width:1320px}}@media(max-width:800px){.atlas-layout{grid-template-columns:1fr}.atlas-detail{border-left:0;border-top:1px solid #2b3831}.atlas-key{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-heading{padding:18px 15px 0}.atlas-heading .eyebrow{font-size:9px}.atlas-heading h3{font-size:25px}.atlas-canvas svg{min-height:350px}.atlas-related{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-detail{padding:20px}.atlas-zoom button{min-width:32px;padding:7px}.collection-views{margin-top:16px}}@media(prefers-reduced-motion:reduce){.atlas-edge{transition:none}}
.device-tip{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid #64573b;border-radius:14px;background:#241f14;color:#dfcda8;margin:0 0 18px}.device-tip[hidden]{display:none}.device-tip p{flex:1;margin:0;font:13px/1.6 system-ui,sans-serif}.device-tip button{padding:5px 10px}.suggest-bird{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px dashed #536443;border-radius:14px;color:#c1f783;text-decoration:none;margin:0 0 25px;background:#131b10}.suggest-bird>span:nth-child(2){flex:1;font-size:12px;line-height:1.6}.bird-icon{font-size:30px}.suggest-bird:hover,.suggest-bird:focus-visible{background:#1e2b16;border-color:#c1f783}.load-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:24px 0}.load-controls button[hidden],#load-suggestions[hidden]{display:none}.load-controls .muted{font-size:11px}#suggest-a-banger{scroll-margin-top:24px}#suggest-a-banger:focus{outline:1px dashed #c1f783;outline-offset:8px}.suggest-egg{font-size:32px;margin-bottom:15px}#load-tracks{border-color:#697d52;color:#c1f783}
.shuffle-mode{display:inline-flex;align-items:center;gap:9px}.shuffle-switch{display:inline-block;position:relative;width:27px;height:16px;flex:none;border-radius:20px;background:#3c4139}.shuffle-switch:after{content:"";position:absolute;width:10px;height:10px;left:3px;top:3px;border-radius:50%;background:#b6bcae}.shuffle-mode[aria-checked=true]{border-color:#c1f783;background:#26351b;color:#d7ffab}.shuffle-mode[aria-checked=true] .shuffle-switch{background:#b8ed7d}.shuffle-mode[aria-checked=true] .shuffle-switch:after{left:14px;background:#182111}.shuffle-hint{font-size:11px;line-height:1.6;color:#a5ae9b;margin:10px 0 18px}
