/* The listening room owns atmosphere only. The original player owns media. */
#cinema{
 --room-warm:#b96531;--room-gold:#e9bb73;--room-cool:#354e9c;--room-ember:#a83b52;
 --room-night:#090b15;--room-warm-floor:#211913;--room-paper:#fff3df;
 --room-transition:900ms;--room-ease:cubic-bezier(.22,1,.36,1);
 --room-edge:var(--spacing-64);--room-player:1060px;--room-space:clamp(32px,6vw,88px);
 --room-type:clamp(28px,3.2vw,46px);--room-chip:18px;--room-leading:1.5;
 position:relative;isolation:isolate;border:0;padding:var(--room-space) 0;
 color:var(--room-paper);margin-block:var(--spacing-48);
}
#cinema .cinema-atmosphere{position:absolute;inset:0 calc(-1 * var(--spacing-24));z-index:-1;overflow:hidden;pointer-events:none;background:var(--room-night);border-radius:50% 50% 0 0 / 4% 4% 0 0}
#cinema .vocal-light{position:absolute;inset:0;opacity:0;transition:opacity var(--room-transition) var(--room-ease)}
#cinema [data-vocal-light=husky]{background:radial-gradient(ellipse at 6% 39%,color-mix(in srgb,var(--room-gold) 66%,transparent),transparent 48%),radial-gradient(ellipse at 93% 70%,color-mix(in srgb,var(--room-warm) 70%,transparent),transparent 49%),linear-gradient(var(--canvas),var(--room-warm-floor) 26%,var(--room-warm-floor) 78%,var(--canvas))}
#cinema [data-vocal-light=growl]{background:radial-gradient(ellipse at 100% 34%,color-mix(in srgb,var(--room-ember) 82%,transparent),transparent 45%),radial-gradient(ellipse at 0% 65%,color-mix(in srgb,var(--room-cool) 90%,transparent),transparent 48%),linear-gradient(var(--canvas),var(--room-night) 22%,var(--room-night) 78%,var(--canvas))}
#cinema[data-vocal=husky] [data-vocal-light=husky],#cinema[data-vocal=growl] [data-vocal-light=growl]{opacity:1}
#cinema .section-head{max-width:var(--room-player);margin:0 auto;align-items:center;padding-inline:var(--spacing-24)}
#cinema .section-head .eyebrow{color:var(--room-paper);opacity:.7}
#cinema .section-head h2{font-size:var(--text-heading);line-height:1.22}
#cinema .tracks{display:flex;gap:var(--spacing-8);margin:0;align-self:flex-start;flex-wrap:wrap}
#cinema .track{display:flex;align-items:center;gap:var(--spacing-12);border:0;border-radius:var(--radius-full);background:transparent;padding:var(--spacing-16) var(--spacing-24);color:var(--room-paper);transition:background-color var(--room-transition),color var(--room-transition);min-height:52px}
#cinema .track[aria-pressed=true]{background:var(--room-paper);color:var(--room-night);box-shadow:none}
#cinema .track:hover{background:color-mix(in srgb,var(--room-paper) 15%,transparent)}
#cinema .track[aria-pressed=true]:hover{background:var(--room-paper)}
#cinema .track .name{font-size:var(--room-chip);line-height:var(--room-leading)}
#cinema .track .serial{font-size:var(--text-caption);opacity:.6}
#cinema .track .selection{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#cinema .room-caption{max-width:var(--room-player);margin:var(--spacing-48) auto var(--spacing-32);padding-inline:var(--spacing-24)}
#cinema .room-caption p{font-size:var(--room-type);line-height:1.35;letter-spacing:-.025em;max-width:24ch}
#cinema .room-kicker{display:block;font-size:var(--text-body);line-height:var(--room-leading);margin-bottom:var(--spacing-12);opacity:.78}
#cinema [data-room-copy]{display:none}
#cinema[data-vocal=husky] [data-room-copy=husky],#cinema[data-vocal=growl] [data-room-copy=growl]{display:block}
#cinema .player-shell{position:relative;width:calc(100% - var(--room-edge));max-width:var(--room-player);margin-inline:auto;border:0;box-shadow:0 28px 90px rgb(0 0 0 / .42);border-radius:var(--spacing-12);overflow:hidden;background:var(--color-pure-black)}
#cinema .player-shell:before{content:none}
#cinema .player-tools{padding:var(--spacing-12) var(--spacing-20);background:var(--color-pure-black)}
#cinema .player-tools .pill{padding:var(--spacing-12) var(--spacing-16)}
#cinema>.note,#cinema>noscript{max-width:var(--room-player);margin-inline:auto;padding-inline:var(--spacing-24);font-size:var(--text-body);line-height:var(--room-leading);color:var(--room-paper)}
#cinema>#playback-status{margin-top:var(--spacing-16);opacity:.75}
#cinema>.note:not(#playback-status){margin-top:var(--spacing-32);opacity:.78}
#cinema[data-motion-paused=true] .vocal-light{transition:none}
@media(min-width:1500px){#cinema .cinema-atmosphere{inset-inline:calc((var(--page-max-width) - 100vw) / 2 - var(--spacing-24))}}
@media(max-width:768px){#cinema{--room-edge:0px;--room-chip:16px;margin-block:var(--spacing-24)}#cinema .section-head{display:grid;gap:var(--spacing-24);padding-inline:0}#cinema .track{padding:var(--spacing-12) var(--spacing-20)}#cinema .room-caption{padding-inline:0;margin-top:var(--spacing-32)}#cinema .player-shell{border-radius:var(--spacing-8)}#cinema>.note,#cinema>noscript{padding-inline:0}#cinema .cinema-atmosphere{border-radius:0}}
@media(prefers-reduced-motion:reduce){#cinema .vocal-light,#cinema .track{transition:none}}