:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#0d1422;color:#f4f6fa}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.ma-carousel{max-width:1600px;margin:auto;padding:clamp(12px,3vw,32px)}header p{font-size:.7rem;letter-spacing:.2em;color:#b8ff78}header h1{font-size:clamp(1.4rem,3vw,2.3rem);margin:.4rem 0 1.4rem}.carousel-shell{display:flex;align-items:center;gap:8px}.carousel-track{display:flex;gap:clamp(10px,2vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;flex:1;padding:8px 2px 18px}.album-tile{scroll-snap-align:start;flex:0 0 calc((100% - (var(--ma-columns,4) - 1)*clamp(10px,2vw,22px))/var(--ma-columns,4));background:transparent;color:inherit;border:2px solid transparent;border-radius:12px;text-align:left;padding:6px;min-width:0}.album-tile:hover,.album-tile:focus-visible,.album-tile[aria-expanded=true]{border-color:#b8ff78;outline:0}.album-art{display:grid;place-items:center;aspect-ratio:1;background:#253249;border-radius:8px;font-size:4rem;overflow:hidden}.album-art img{width:100%;height:100%;object-fit:cover}.album-tile strong,.album-tile small{display:block;overflow-wrap:anywhere;margin-top:8px}.album-tile{align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.album-art{flex:none;width:100%}.album-tile small{color:#b4c2d8}.nav{background:#283650;border:1px solid #536681;color:#fff;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:1.6rem}.album-detail{margin-top:14px;background:#18243a;border:1px solid #364966;border-radius:14px;padding:clamp(12px,3vw,24px)}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-head h2{margin:0}.detail-head button{background:#33445e;border:0;color:#fff;border-radius:8px;font-size:1.5rem;padding:2px 12px}.album-detail ol{list-style:none;padding:0}.album-detail li{border-bottom:1px solid #34445d}.album-detail li button{width:100%;padding:12px 4px;text-align:left;border:0;background:transparent;color:#f4f6fa}.album-detail li button:hover{color:#b8ff78}.audio-wrap audio{width:100%}.audio-wrap p{color:#b9c9dd;font-size:.9rem}.empty{color:#bdc7d6}@media(max-width:500px){.nav{width:28px;height:32px}.album-tile{min-width:0}}@media(prefers-reduced-motion:reduce){.carousel-track{scroll-behavior:auto}}

/* Responsive album counts. Breakpoints refer to iframe viewport. */
@media (max-width:599px){.carousel-track.cols-small-1{--ma-columns:1}.carousel-track.cols-small-2{--ma-columns:2}.carousel-track.cols-small-3{--ma-columns:3}.carousel-track.cols-small-4{--ma-columns:4}.carousel-track.cols-small-5{--ma-columns:5}.carousel-track.cols-small-6{--ma-columns:6}.carousel-track.cols-small-7{--ma-columns:7}.carousel-track.cols-small-8{--ma-columns:8}}
@media (min-width:600px) and (max-width:999px){.carousel-track.cols-medium-1{--ma-columns:1}.carousel-track.cols-medium-2{--ma-columns:2}.carousel-track.cols-medium-3{--ma-columns:3}.carousel-track.cols-medium-4{--ma-columns:4}.carousel-track.cols-medium-5{--ma-columns:5}.carousel-track.cols-medium-6{--ma-columns:6}.carousel-track.cols-medium-7{--ma-columns:7}.carousel-track.cols-medium-8{--ma-columns:8}}
@media (min-width:1000px) and (max-width:1599px){.carousel-track.cols-wide-1{--ma-columns:1}.carousel-track.cols-wide-2{--ma-columns:2}.carousel-track.cols-wide-3{--ma-columns:3}.carousel-track.cols-wide-4{--ma-columns:4}.carousel-track.cols-wide-5{--ma-columns:5}.carousel-track.cols-wide-6{--ma-columns:6}.carousel-track.cols-wide-7{--ma-columns:7}.carousel-track.cols-wide-8{--ma-columns:8}}
@media (min-width:1600px){.carousel-track.cols-ultrawide-1{--ma-columns:1}.carousel-track.cols-ultrawide-2{--ma-columns:2}.carousel-track.cols-ultrawide-3{--ma-columns:3}.carousel-track.cols-ultrawide-4{--ma-columns:4}.carousel-track.cols-ultrawide-5{--ma-columns:5}.carousel-track.cols-ultrawide-6{--ma-columns:6}.carousel-track.cols-ultrawide-7{--ma-columns:7}.carousel-track.cols-ultrawide-8{--ma-columns:8}}

.album-tile{min-width:0;align-self:flex-start}.album-tile strong,.album-tile small{max-width:100%;white-space:normal;overflow-wrap:anywhere}.album-art{flex:0 0 auto;aspect-ratio:1;width:100%}