:root{--font-display: "Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body: "Afacad", "Segoe UI", sans-serif;--color-ink: oklch(94% .018 24);--color-muted: oklch(78% .026 24);--color-bg: oklch(8% .026 24);--color-panel: oklch(15% .042 24 / .9);--color-line: oklch(44% .09 24 / .46);--color-red: oklch(61% .22 28);--color-red-deep: oklch(36% .17 28);--color-red-soft: oklch(74% .15 30);--color-ivory: oklch(92% .02 58);--color-shadow: oklch(3% .012 24 / .74);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--color-bg)}body{color:var(--color-ink);font-family:var(--font-body);font-size:1rem;line-height:1.5;letter-spacing:0;text-rendering:optimizeLegibility}button,input{font:inherit}button{color:inherit}img{display:block;max-width:100%}.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}.site-shell,.hero{width:100%;height:100svh;overflow:hidden}.hero{position:relative;display:grid;place-items:center;padding:clamp(.9rem,4vw,1.5rem);isolation:isolate}.hero__media,.hero__overlay{position:absolute;inset:0;z-index:-2}.hero__media{background-image:url(/assets/images/red-radio-booth.png);background-position:66% center;background-size:cover;filter:saturate(1.08) contrast(1.08)}.hero__overlay{z-index:-1;background:linear-gradient(180deg,#01000094,#060000b3 48%,#010000db),linear-gradient(90deg,#010000b8,#0b010161)}.hero__content{display:grid;place-items:center;width:min(100%,31rem);min-height:0}.player{display:grid;gap:clamp(.75rem,2vh,1rem);width:100%;border:1px solid var(--color-line);border-radius:8px;padding:clamp(.9rem,3.6vw,1.2rem);background:var(--color-panel);box-shadow:0 24px 70px var(--color-shadow);backdrop-filter:blur(22px)}.player__head,.transport{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.player__kicker{margin:0 0 .32rem;color:var(--color-red-soft);font-size:.74rem;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase}h2,h3,p{margin:0}h2,h3{font-family:var(--font-display);line-height:1;letter-spacing:0}.player h2{font-size:clamp(1.18rem,5vw,1.5rem)}.icon-button,.play-button{display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--color-line);border-radius:50%;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.icon-button{width:2.45rem;height:2.45rem;background:#2a0909d6}.icon-button:hover,.play-button:hover{transform:translateY(-1px);border-color:#fb594dbf}.icon-button:focus-visible,.play-button:focus-visible,.volume-control input:focus-visible{outline:2px solid var(--color-red-soft);outline-offset:3px}.track{display:grid;grid-template-columns:clamp(3.8rem,16vw,4.8rem) minmax(0,1fr);gap:var(--space-sm);align-items:center;min-width:0}.track__art{position:relative;display:grid;width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid var(--color-line);border-radius:8px;color:var(--color-red-soft);background:linear-gradient(135deg,#5c0e0c,#0f0202),#1b0605}.track__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease}.track__art[data-has-art=true] img{opacity:1}.track__meta{display:grid;min-width:0;gap:.15rem}.track__artist,.track__album,.transport__state span,.player__message{color:var(--color-muted)}.track__artist{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.track h3{overflow-wrap:anywhere;font-size:clamp(1.24rem,5vw,1.55rem);line-height:1.04}.track__album{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.transport{padding:var(--space-sm);border:1px solid var(--color-line);border-radius:8px;background:#090101b8}.play-button{width:3.25rem;height:3.25rem;color:var(--color-ivory);background:linear-gradient(180deg,var(--color-red),var(--color-red-deep))}.play-button [data-play-icon]{transform:translate(1px)}.play-button[data-state=playing]{background:#400404}.transport__state{display:grid;flex:1 1 auto;min-width:0;gap:.1rem}.transport__state strong,.transport__state span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volume-control{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-weight:700}.volume-control input{width:min(22vw,5.75rem);min-width:4.4rem;accent-color:var(--color-red)}.player__message{min-height:1.35rem;font-size:.9rem}.player__message[data-tone=error]{color:oklch(78% .15 28)}@media(max-height:520px){.track__album,.volume-control span{display:none}.player{gap:.66rem;padding:.78rem}.track{grid-template-columns:3.5rem minmax(0,1fr)}.play-button{width:3rem;height:3rem}}@media(min-width:760px){.hero__content{width:min(100%,430px)}.hero__media{background-position:center center}.hero__overlay{background:linear-gradient(90deg,#010000ad,#06000057 45%,#01000094),linear-gradient(180deg,#0100001f,#010000d1)}.player{gap:var(--space-lg);padding:clamp(1rem,2vw,1.35rem)}.track{grid-template-columns:5.25rem minmax(0,1fr);gap:var(--space-md)}.track h3{font-size:clamp(1.45rem,3vw,2rem)}.play-button{width:3.6rem;height:3.6rem}}