/* Main-listening guidance: quiet editorial ink, never an interactive overlay. */
.listening-discovery{position:fixed;right:max(30px,env(safe-area-inset-right,0px));bottom:calc(var(--mobile-player-height,70px) + 115px);z-index:5;width:350px;max-width:calc(100vw - 40px);padding:14px 22px 16px;color:var(--paper);background:linear-gradient(110deg,#080f17d9,#080f1799 78%,#080f1700);text-shadow:0 1px 9px #000;opacity:0;transform:translateY(6px);transition:opacity 800ms ease,transform 800ms ease;pointer-events:none}
.listening-discovery.is-open{opacity:1;transform:none}.listening-discovery[hidden]{display:none}
.listening-discovery[data-kind="idle"]{bottom:calc(var(--mobile-player-height,70px) + 24px);padding:13px 22px}
.discovery-heading{font-size:12px;letter-spacing:.24em;font-weight:400;margin:0 0 17px;color:var(--gold)}
.discovery-line{position:relative;margin-bottom:15px}.discovery-gesture{font-size:16px;line-height:1.45;margin:0}.discovery-detail{font-size:14px;line-height:1.45;color:var(--muted);margin:2px 0 0}.discovery-portal{font-size:13px;line-height:1.5;margin:15px 0 0;opacity:.72}
.discovery-dismiss{position:absolute;top:0;right:-8px;width:44px;height:44px;pointer-events:auto;font-size:22px;font-weight:400;color:var(--muted);opacity:.75}
.discovery-swipe{float:left;margin:0 12px 16px 0;font-size:23px;line-height:1.4;animation:discovery-swipe 2400ms ease-in-out 1}
@keyframes discovery-swipe{0%,100%{transform:translateX(0);opacity:.7}35%{transform:translateX(-5px);opacity:1}70%{transform:translateX(5px);opacity:.9}}
.post-listen.discovery-quiet{text-shadow:0 1px 9px #000;background:linear-gradient(110deg,#080f1766,transparent);border-left-color:transparent;opacity:.76;transition:opacity 800ms,background 800ms,border-color 800ms;padding-top:8px;padding-bottom:8px}
.post-listen.discovery-quiet p{font-size:14px;margin-bottom:1px}.post-listen.discovery-quiet .relationship-action{font-size:10px;min-height:36px}.post-listen.discovery-quiet .post-dismiss{font-size:20px}
body:not([data-mode="listen"]) .listening-discovery,html[data-threshold-flight] .listening-discovery{display:none}
body[data-mode="listen"] .brand.discovery-identify::after{animation:discovery-source var(--discovery-cue-duration,2600ms) ease-in-out var(--discovery-cue-offset,0ms) 1}
@keyframes discovery-source{0%,100%{opacity:calc(.20 + var(--artifact-energy,0)*.50);transform:scale(calc(1.10 + var(--artifact-energy,0)*.16))}45%{opacity:.92;transform:scale(1.38)}}
@media(max-width:700px){.listening-discovery{left:18px;right:18px;bottom:calc(var(--mobile-player-height,70px) + 106px);width:auto;max-width:380px;padding:12px 18px}.discovery-heading{margin-bottom:13px}.discovery-gesture{font-size:15px}.discovery-detail{font-size:14px}.discovery-line{margin-bottom:12px}.discovery-portal{margin-top:12px}.listening-discovery[data-kind="idle"]{bottom:calc(var(--mobile-player-height,70px) + 14px)}.post-listen.discovery-quiet{max-width:380px}}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){.listening-discovery{left:auto;right:18px;width:300px;bottom:calc(var(--mobile-player-height,50px) + 80px);padding:10px 18px}.discovery-heading{margin-bottom:10px}.discovery-gesture{font-size:14px}.discovery-detail{font-size:13px}.discovery-line{margin-bottom:9px}.discovery-portal{font-size:12px;margin-top:10px}.post-listen.discovery-quiet{max-width:300px;padding:5px 18px}.post-listen.discovery-quiet p{font-size:13px}.post-listen.discovery-quiet .relationship-action{min-height:30px}.listening-discovery[data-kind="idle"]{bottom:calc(var(--mobile-player-height,50px) + 14px)}}
@media(prefers-reduced-motion:reduce){.listening-discovery,.post-listen.discovery-quiet{transition:none;transform:none}.discovery-swipe,.brand.discovery-identify::after{animation:none}}
/* The atmospheric backing dissolves at its edges; it is not a card surface. */
.listening-discovery{background:none;isolation:isolate}
.listening-discovery::before{content:'';position:absolute;inset:-18px -8px;z-index:-1;background:radial-gradient(ellipse at 38% 50%,#080f17c9 12%,#080f1780 48%,transparent 76%);pointer-events:none}
@media(max-width:700px) and (orientation:portrait){
 .listening-discovery[data-kind="guide"]{bottom:calc(var(--mobile-player-height,70px) + 42px);padding:8px 18px}
 .listening-discovery[data-kind="guide"] .discovery-heading{font-size:11px;line-height:1.3;margin-bottom:7px}
 .listening-discovery[data-kind="guide"] .discovery-gesture{font-size:14px;line-height:1.35}
 .listening-discovery[data-kind="guide"] .discovery-detail{font-size:13px;line-height:1.35;margin-top:1px}
 .listening-discovery[data-kind="guide"] .discovery-line{margin-bottom:6px}
 .listening-discovery[data-kind="guide"] .discovery-portal{font-size:12px;line-height:1.4;margin-top:7px}
 .listening-discovery[data-kind="guide"] .discovery-swipe{font-size:20px;line-height:1.5;margin-bottom:0}
 .post-listen.discovery-quiet{bottom:var(--mobile-player-height,70px);padding:3px 18px;background:none}
 .post-listen.discovery-quiet p{max-height:0;margin:0;overflow:hidden;opacity:0;transition:max-height 800ms,opacity 800ms,margin 800ms}
 .post-listen.discovery-quiet .relationship-action{min-height:32px;padding:6px 0}
 .post-listen.discovery-quiet .post-dismiss{height:32px;width:32px;top:3px;font-size:18px}
}
/* Main source life follows the existing irregular light clock, not a new renderer. */
@property --source-idle-breath{syntax:'<number>';inherits:true;initial-value:0}
body[data-mode="listen"] header .brand{transition:--source-idle-breath var(--source-idle-duration,5s) cubic-bezier(.37,0,.24,1)}
body[data-mode="listen"] .source-follow{transition:opacity 220ms ease,visibility 220ms,--source-idle-breath var(--source-idle-duration,5s) cubic-bezier(.37,0,.24,1)}
body[data-mode="listen"] .brand{--idle-life:calc(var(--source-idle-breath,0) * max(0,1 - var(--source-contact,0)))}
body[data-mode="listen"] .brand:before{opacity:calc(.18 + var(--artifact-energy,0)*.40 + var(--source-contact,0)*.30 + var(--entry-charge,0)*.38 + var(--idle-life,0)*.14);transform:scale(calc(1 + var(--source-contact,0)*.08 - var(--entry-charge,0)*.045 + var(--artifact-warp,0)*.012 + var(--idle-life,0)*.10))}
body[data-mode="listen"] .brand:after{opacity:calc(.20 + var(--artifact-energy,0)*.50 + var(--source-contact,0)*.40 + var(--entry-charge,0)*.30 + var(--idle-life,0)*.23);transform:scale(calc(1.10 + var(--artifact-energy,0)*.16 + var(--source-contact,0)*.11 - var(--entry-charge,0)*.18 + var(--source-warble,0)*.022 + var(--idle-life,0)*.24))}
body[data-mode="listen"] .brand :is(img,.source-visual){transform:scale(calc(1 + var(--entry-charge,0)*.035 + var(--artifact-warp,0)*.009 + var(--idle-life,0)*.035)) skewY(calc(var(--source-warble,0)*.24deg + var(--idle-life,0)*.16deg))}
@media(prefers-reduced-motion:reduce){body[data-mode="listen"] header .brand,body[data-mode="listen"] .source-follow{transition:none}body[data-mode="listen"] .brand :is(img,.source-visual){transform:none}}

/* Discovery belongs to the source; relationship remains its own lower-right pole. */
.listening-discovery,.listening-discovery[data-kind="idle"]{left:max(4vw,env(safe-area-inset-left,0px));right:auto;top:165px;bottom:auto;width:340px}
.post-listen.discovery-quiet{left:auto;right:max(25px,env(safe-area-inset-right,0px))}
@media(max-width:1100px) and (min-width:701px) and (min-height:501px){.listening-discovery,.listening-discovery[data-kind="idle"]{top:145px;width:280px;padding-left:12px;padding-right:12px}}
@media(max-width:700px) and (orientation:portrait){
 .listening-discovery,.listening-discovery[data-kind="idle"]{left:36px;right:36px;top:136px;bottom:auto;width:auto;max-width:none;padding:8px 18px}
 .listening-discovery[data-kind="guide"]{position:absolute;top:140px;bottom:auto}
 body[data-mode="listen"]:has(.listening-discovery[data-kind="guide"].is-open) .hero-content{padding-top:320px}
 .listening-discovery[data-kind="idle"][data-source="follow"]{position:fixed;top:var(--discovery-idle-top,136px);bottom:auto;left:72px;right:18px;padding-left:10px;padding-right:10px}
 .post-listen.discovery-quiet{left:auto;right:18px;bottom:calc(var(--mobile-player-height,70px) + 8px);max-width:300px;width:auto;padding:3px 18px}
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
 .listening-discovery,.listening-discovery[data-kind="idle"]{left:max(22px,env(safe-area-inset-left,0px));right:auto;top:78px;bottom:auto;width:285px;padding:8px 14px}
 .post-listen.discovery-quiet{left:auto;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(var(--mobile-player-height,50px) + 10px);max-width:310px;background:none}
}
@media(max-width:1000px) and (max-height:500px) and (orientation:landscape){
 .listening-discovery[data-kind="guide"]{top:auto;bottom:calc(var(--mobile-player-height,50px) + 16px)}
 .listening-discovery[data-kind="guide"] .discovery-heading{font-size:12px;line-height:1.25;margin-bottom:6px}
 .listening-discovery[data-kind="guide"] .discovery-line{margin-bottom:6px}
 .listening-discovery[data-kind="guide"] .discovery-gesture{font-size:14px;line-height:1.25}
 .listening-discovery[data-kind="guide"] .discovery-detail{font-size:13px;line-height:1.25;margin-top:1px}
 .listening-discovery[data-kind="guide"] .discovery-portal{font-size:12px;line-height:1.25;margin-top:6px}
}
