.discovery-tools{margin-bottom:1.7rem;gap:1rem;align-items:center;flex-wrap:wrap}
.js .discovery-tools{display:flex!important}
.discovery-tools .button{min-height:3.2rem;padding:.7rem .9rem;font-size:.875rem;gap:.5rem}
.discovery-tools .button>.icon{width:1rem}
.listening-open{border:0;border-bottom:1px solid #73805e;background:transparent;font-size:.875rem;cursor:pointer;padding:.5rem 0}
#discovery-status{flex-basis:100%;color:#a2b592;font-size:.875rem;line-height:1.5}
/* Playback changes the scene's motion and the ring shows actual preview progress. */
.listening-dialog[open],body.has-player .listening-dialog[open]{display:flex;flex-direction:column;width:100%;max-width:none;height:100svh;max-height:100svh;margin:0;border:0;background:#070a06;overflow:hidden}
.listening-dialog .dialog-toolbar{flex-shrink:0;background:#0c120a;padding-inline:1.5rem}
.listening-stage{flex:1;min-height:0;overflow:auto;position:relative;isolation:isolate;--room-accent:#c3ff4c;--room-wash:#a3ff3233;scrollbar-color:#536740 #10180b}
.listening-stage[data-atmosphere=ice]{--room-accent:#87daff;--room-wash:#2f90ff44}
.listening-stage[data-atmosphere=ember]{--room-accent:#ffc27d;--room-wash:#ff5d2344}
.listening-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.32;filter:saturate(.35);z-index:-3;transform:scale(1.03)}
.listening-wash{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 40%,var(--room-wash),#020601bd 80%);transition:background .7s}
.listening-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;text-align:center;padding:2rem 1.5rem;gap:1.2rem;position:relative}
.listening-content>.eyebrow{color:var(--room-accent);margin:0;letter-spacing:.2em}
.room-record{width:clamp(8rem,23svh,16rem);aspect-ratio:1;padding:5px;flex-shrink:0;--room-progress:0%;background:conic-gradient(var(--room-accent) var(--room-progress),#ffffff20 0);box-shadow:0 20px 90px #000b;transition:box-shadow 1s}
.room-record>img{width:100%;height:100%;object-fit:cover;border:7px solid #0c1409}
.room-track{max-width:70rem}
#room-credit{font:400 .875rem/1.5 var(--mono);color:var(--room-accent);letter-spacing:.16em;text-transform:uppercase}
#listening-title{font-size:clamp(2.5rem,6vw,6rem);line-height:1;text-transform:uppercase;margin-top:.4rem;overflow-wrap:anywhere}
#room-status{font-size:.875rem;color:#b8c7ac;margin-top:.75rem;min-height:1.5rem}
#room-play{min-height:3rem;padding:.6rem 1rem;background:var(--room-accent)}
.atmosphere-controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.atmosphere-controls>button{font-size:.875rem;background:#0b120a9c;color:#b5c4ab;border:1px solid #66745d;padding:.55rem 1.3rem;min-height:2.75rem;backdrop-filter:blur(8px)}
.atmosphere-controls>button[aria-pressed=true]{border-color:var(--room-accent);color:var(--room-accent);background:#091106}
@media(prefers-reduced-motion:no-preference){html[data-motion=on] .listening-stage.is-playing .listening-backdrop{animation:room-drift 18s ease-in-out infinite alternate}html[data-motion=on] .listening-stage.is-playing .room-record{box-shadow:0 0 60px var(--room-wash),0 20px 90px #000b}}
@keyframes room-drift{from{transform:scale(1.03) translateX(-1%)}to{transform:scale(1.09) translateX(1%)}}
@media(max-width:720px){.listening-content{padding:1.5rem 1rem;gap:1rem}.listening-dialog .dialog-toolbar{padding-inline:.8rem}.room-record{width:clamp(7.5rem,21svh,13rem)}#listening-title{font-size:clamp(2.3rem,9vw,4rem)}.listening-dialog .player-track>img{display:none}}
/* BLACK TIDE: the release's original artwork becomes a controllable light study. */
.tide-section{background:#0b1114;border-block:1px solid #31434b;position:relative}.legacy-anchor{position:absolute;top:0}.tide-grid{display:grid;grid-template-columns:.85fr 1fr;gap:5rem;align-items:center}.tide-copy{min-width:0}.tide-copy h2{font-size:clamp(5rem,10vw,11rem);line-height:.83}.tide-description{font-size:1.25rem;color:#b3c6cd;margin-top:2rem;line-height:1.7}.tide-actions{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin-top:2rem}.tide-dive{background:transparent;border:0;border-bottom:1px solid #73805e}.tide-full{margin-top:1.3rem}.tide-moods{margin-top:2.5rem;gap:.5rem;flex-wrap:wrap}.js .tide-moods{display:flex!important}.tide-moods button{background:transparent;border:1px solid #536d78;padding:.65rem .85rem;min-height:2.75rem;font-size:.875rem;color:#afc3cb}.tide-moods button[aria-pressed=true]{background:#c3ff4c12;border-color:var(--lime);color:var(--lime)}.tide-status{font:.875rem/1.6 var(--mono);color:#a6c4cd;margin-top:1rem}.tide-art-column{min-width:0}.tide-art{--light-x:50%;--light-y:45%;--tide-progress:0%;position:relative;aspect-ratio:1;overflow:hidden;background:#010304;border:1px solid #617680;box-shadow:0 30px 100px #0008;touch-action:pan-y}.tide-image{width:100%;height:100%;object-fit:cover;filter:sepia(.18) hue-rotate(145deg) saturate(.8) brightness(1.15);transition:filter .65s;transform:scale(1.015)}.tide-art[data-mood=deep] .tide-image{filter:sepia(.8) hue-rotate(135deg) saturate(2.2) brightness(.95)}.tide-art[data-mood=ember] .tide-image{filter:sepia(.85) saturate(1.8) brightness(1.1)}.tide-shadow{position:absolute;inset:0;background:radial-gradient(circle at var(--light-x) var(--light-y),transparent 8%,#00000012 25%,#000a 66%);pointer-events:none}.tide-caption{position:absolute;left:1rem;bottom:1.1rem;font:700 .75rem/1.5 var(--mono);letter-spacing:.1em;background:#050a0dd9;padding:.4rem .6rem;color:#c5d6dc;pointer-events:none}.tide-progress{position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,var(--lime) var(--tide-progress),#ffffff20 var(--tide-progress));pointer-events:none}.tide-light-controls{margin-top:1.2rem;color:#a8c0c9}.tide-light-controls>p{font-size:.875rem;line-height:1.6;margin-bottom:.8rem}.tide-light-controls>div{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.tide-light-controls label{font-size:.875rem;flex:1;min-width:7rem}.tide-light-controls input{display:block;width:100%;height:1.8rem;accent-color:var(--lime);margin:0;cursor:pointer}.tide-light-controls button{border:0;border-bottom:1px solid #668793;background:transparent;padding:.5rem 0;font-size:.875rem;color:#c1d2d8;min-height:2.75rem}.tide-art.is-playing .tide-image{animation:tide-breathe 16s ease-in-out infinite alternate}.tide-art:not(.is-playing) .tide-image{animation-play-state:paused}@keyframes tide-breathe{from{transform:scale(1.015)}to{transform:scale(1.055)}}
@media(max-width:950px){.tide-grid{gap:2.5rem;grid-template-columns:1fr 1fr}.tide-copy h2{font-size:10vw}.tide-description{font-size:1rem}.tide-actions{gap:1rem}.tide-caption{font-size:.75rem;letter-spacing:0;left:.5rem}.desktop-nav{gap:1rem;margin-left:1rem}}
@media(max-width:720px){.tide-grid{grid-template-columns:1fr;gap:2.5rem}.tide-copy h2{font-size:clamp(5rem,22vw,8rem)}.tide-description{margin-top:1.5rem;font-size:1rem}.tide-moods{margin-top:1.5rem}.tide-art-column{width:100%}.tide-light-controls>div{gap:.8rem}.tide-light-controls button{flex-basis:100%;justify-self:start;width:fit-content}.tide-caption{left:.75rem;bottom:1rem}.tide-status{font-size:.875rem}}