.music-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(2rem,5vw,5rem);background:#073527;color:#f2f3ef;position:relative;overflow:hidden}.music-command:after{content:"";position:absolute;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-7rem;top:-11rem;box-shadow:0 0 0 4rem rgba(255,255,255,.025),0 0 0 8rem rgba(255,255,255,.018)}.music-command small{font:500 .7rem "IBM Plex Mono",monospace;color:#ff745e;letter-spacing:.08em}.music-command h2{max-width:780px;margin:.6rem 0 1rem;font:clamp(2.8rem,6vw,6.8rem)/.86 "Archivo Black",sans-serif;letter-spacing:-.065em}.music-command p{max-width:62ch;color:#bcd0c7;line-height:1.6}.music-command>b{font:clamp(4rem,9vw,10rem)/.75 "Archivo Black",sans-serif;color:#2d6553;z-index:1}
.track-list{display:grid;grid-template-columns:1fr 1fr}.track-row{display:grid;grid-template-columns:2.2rem 3.6rem minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.72rem 1rem;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;text-align:left;cursor:pointer;color:var(--ink)}.track-row:hover,.track-row:focus-visible{background:#f6f7f2;outline:2px solid var(--hot);outline-offset:-2px}.track-row.playing{background:#0e1511;color:#fff}.track-row>span{font:.68rem "IBM Plex Mono",monospace;color:var(--muted)}.track-row img{width:3.6rem;height:3.6rem;object-fit:cover}.track-row b,.track-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row b{font-size:.86rem}.track-row small{margin-top:.28rem;color:var(--muted);font:.65rem "IBM Plex Mono",monospace}.track-row em{font-style:normal;color:var(--hot);font:.62rem "IBM Plex Mono",monospace;white-space:nowrap}
.artist-grid{display:grid;grid-template-columns:repeat(8,1fr)}.artist-grid a{min-width:0;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.artist-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:saturate(.85)}.artist-grid b,.artist-grid small{display:block}.artist-grid b{margin-top:.8rem;font-size:.78rem}.artist-grid small{margin-top:.35rem;color:var(--muted);font:.52rem "IBM Plex Mono",monospace}.artist-grid a:hover b{color:var(--hot)}
.square-grid{display:grid;grid-template-columns:repeat(6,1fr)}.square-grid>a{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.square-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.square-grid>a>div{padding:.85rem}.square-grid small,.square-grid span{display:block;color:var(--muted);font:.58rem "IBM Plex Mono",monospace}.square-grid b{display:block;margin:.35rem 0;font-size:.78rem;line-height:1.25}.dock-cover{display:flex!important;grid-template-columns:none!important;gap:.75rem!important;align-items:center}.dock-cover img{width:2.8rem;height:2.8rem;object-fit:cover}.dock-cover span{display:block!important}.dock-cover small,.dock-cover b,.dock-cover em{display:block}.dock-cover em{font-style:normal;color:#adb7b0;font-size:.68rem}
.media-card.poster{transition:transform .2s ease}.media-card.poster:hover{transform:translateY(-4px)}.media-card.poster:focus-visible,.album-card:focus-visible,.artist-grid a:focus-visible,.square-grid a:focus-visible{outline:2px solid var(--hot);outline-offset:-2px}.media-searchbar{position:sticky;top:68px;z-index:3;box-shadow:0 8px 24px rgba(16,19,15,.06)}
@media(max-width:1100px){.artist-grid{grid-template-columns:repeat(5,1fr)}.square-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.music-command{grid-template-columns:1fr;padding:2.4rem 1.1rem}.music-command>b{display:none}.track-list{grid-template-columns:1fr}.track-row{border-right:0;padding:.7rem .75rem;grid-template-columns:1.6rem 3rem minmax(0,1fr) auto}.track-row img{width:3rem;height:3rem}.artist-grid{display:flex;overflow-x:auto}.artist-grid a{flex:0 0 38vw}.square-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.square-grid>a{flex:0 0 70vw;scroll-snap-align:start}.media-searchbar{top:68px}.audio-dock{grid-template-columns:1fr!important;gap:.65rem!important}}
@media(max-width:400px){.track-row em{font-size:0}.track-row em:after{content:"▶";font-size:.7rem}.artist-grid a{flex-basis:48vw}}