/* Owner-selected draft 02: full Siren / quiet listening chamber. */
html{scroll-snap-type:y proximity}body{background:var(--black);color:var(--paper)}.site-shell{max-width:none;padding:0}.topbar{position:absolute!important;top:0;left:40%;width:60%;height:12vh;padding:0 3vw 0 1vw;background:transparent!important;box-shadow:none!important;border:0;z-index:20;display:flex;gap:2vw}.brand{width:12vw!important;height:auto!important;flex:none}.brand img{width:100%;height:100%;object-fit:contain}.section-nav{gap:1.25vw;font-size:12px;flex:1;justify-content:center}.section-nav a{font-family:monospace;text-transform:none;letter-spacing:.06em}.nav-separator{opacity:.3}.topbar-right{margin:0}.appearance-panel{background:var(--black);color:var(--paper)}
#player{height:100svh;min-height:650px;position:relative;display:block;padding:0;isolation:isolate;scroll-snap-align:start;overflow:hidden;background:var(--black)}.siren-portrait{position:absolute;left:0;top:0;width:41%;height:100%;background:url(assets/siren.png) 16% center / auto 112% no-repeat;z-index:-1;mask-image:linear-gradient(90deg,#000 92%,transparent)}#landing-scriptboard{position:absolute;inset:0 0 0 40%;width:60%;height:100%;z-index:-2;opacity:.65}.hero{position:absolute!important;left:41%;top:12%;width:57%;height:40%;min-height:0!important;margin:0!important;padding:0!important;background:none!important;display:flex!important;align-items:center;justify-content:center;overflow:visible!important}.hero::before,.hero::after,.cinema-field,.hero-art,.hero-name,.crossline,.eyebrow,.transport-atmosphere,#playback-wake{display:none!important}.hero-copy{position:static!important;margin:0!important;padding:0!important;width:100%!important;text-align:center}.record-title{font:500 clamp(26px,3vw,56px)/1.2 monospace!important;letter-spacing:1.15em!important;text-indent:1.15em!important;color:#f50046!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important}.listening-desk{position:static!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important}.transport-row{position:absolute;left:42%;top:55%;width:55%;height:18%;display:flex!important;gap:2vw;padding:2.5vh 1.5vw!important;border-top:1px solid #7778;border-bottom:1px solid #7778;background:color-mix(in srgb,var(--black) 88%,transparent)!important;box-shadow:none!important}.play-button{width:6.5vw!important;height:6.5vw!important;min-width:65px;min-height:65px;border-radius:50%!important;border:2px solid var(--paper)!important;background:transparent!important;color:var(--paper)!important;overflow:visible!important;flex:none}.play-symbol{font-size:28px!important}.play-word{position:absolute!important;top:calc(100% + 10px);left:50%;transform:translateX(-50%);white-space:nowrap;font:11px monospace!important;letter-spacing:.12em}.seek-block{flex:1;min-width:0;border-left:1px solid #7777;padding-left:2vw}.seek-caption{font:14px monospace!important;letter-spacing:.13em;margin-bottom:20px}.seek-times{font:11px monospace!important}.volume-control{border-left:1px solid #7777;padding-left:2vw;width:14vw;flex:none}.volume-lever{width:8vw}.signal-glyph svg{display:none}.signal-glyph>span{width:12px;height:12px;border-radius:50%;background:var(--paper);display:block}.record-index{position:absolute!important;bottom:9%;left:5%;width:92%;height:13%;display:flex!important;padding:2vh 0!important;margin:0!important;gap:0;overflow-x:auto!important;border-top:1px solid #7778;border-bottom:1px solid #7778;background:color-mix(in srgb,var(--black) 90%,transparent)!important;scrollbar-width:thin}.record-index button{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;flex:0 0 16.666%!important;min-width:150px!important;height:100%!important;border:0!important;border-right:1px solid #7778!important;border-radius:0!important;padding:0 1.5vw!important;background:transparent!important;color:var(--paper)!important;text-align:left;box-shadow:none!important}.record-index button[aria-current=true]{border-bottom:2px solid #f50046!important}.record-art,.record-duration{display:none!important}.record-number{font:16px monospace!important;color:inherit}.record-index strong{font:14px/1.4 monospace!important;letter-spacing:.04em;max-width:90%;margin-top:7px}.record-index button[aria-current=true] .record-number{color:#f50046}.record-cue{position:absolute;right:16px;bottom:0}.platform-dock{position:absolute!important;bottom:0;left:5%;width:92%;height:9%;padding:0!important;display:flex!important;gap:2vw;align-items:center;border:0!important;background:transparent!important}.platform-card{border:0!important;padding:0!important;background:none!important;height:auto!important;width:auto!important;min-width:0!important;font:12px monospace!important;gap:10px!important;display:flex!important}.platform-logo{max-width:65px!important;max-height:18px!important}.radio-placeholder,.origin-lexicon{display:none!important}.archive-link{font:12px monospace;order:5;white-space:nowrap}.archive-link:first-child{margin-left:auto}.about-starman{background:url(assets/mercury-wave.png) center / contain no-repeat!important}.about-being,.about-starman .being-orb{visibility:hidden}.guestbook-being{background-image:url(assets/siren.png)!important}.sirens-album{display:flex;gap:40px;align-items:center;padding-bottom:60px}.sirens-album img{width:220px}.sirens-album h2{font-size:40px}.sirens-album p{margin:20px 0}.album-room{padding:80px 8vw!important}.record-index [data-album-queue=archive]{display:none!important}body[data-library=archive] .record-index [data-album-queue=archive]{display:flex!important}body[data-library=archive] .record-index [data-album-queue=sirens]{display:none!important}
@media(max-width:900px){.topbar{left:0;width:100%;padding:15px 5%;height:80px}.brand{width:150px!important}.section-nav{font-size:10px;gap:8px}.siren-portrait{width:55%;opacity:.65;background-size:auto 100%;background-position:25% center}.hero{left:40%;width:60%;top:15%;height:30%}.record-title{font-size:24px!important;letter-spacing:.45em!important;text-indent:.45em!important}.transport-row{left:6%;width:88%;top:53%;height:20%}.play-button{width:70px!important;height:70px!important}.volume-control{width:140px}.volume-lever{width:80px}.seek-caption{font-size:11px!important}.record-index button{flex-basis:33.33%!important}.platform-dock{gap:15px}.archive-link{font-size:10px}}
@media(max-width:600px){#player{min-height:780px}.section-nav .nav-separator{display:none}.section-nav{gap:9px;flex-wrap:wrap}.brand{width:110px!important}.topbar{gap:12px}.siren-portrait{width:100%;height:54%;background-size:auto 140%;background-position:20% 35%;mask-image:linear-gradient(#000 65%,transparent)}#landing-scriptboard{inset:0;width:100%}.hero{left:0;top:41%;width:100%;height:12%}.record-title{font-size:28px!important}.transport-row{top:55%;height:21%;gap:18px;flex-wrap:wrap;padding:20px 0!important}.seek-block{padding-left:15px}.volume-control{border:0;width:100%;height:30px;justify-content:flex-end}.volume-lever{width:100px}.play-word{font-size:9px!important}.record-index{bottom:10%;height:13%}.record-index button{min-width:160px!important;padding:0 15px!important}.record-index strong{font-size:12px!important}.platform-dock{height:10%;flex-wrap:wrap;justify-content:space-between;gap:5px 15px;padding:10px 0!important}.archive-link:first-child{margin-left:0}.platform-card{font-size:10px!important}.sirens-album{gap:20px}.sirens-album img{width:140px}.sirens-album h2{font-size:28px}.about-board{min-height:100svh}}
/* Reset legacy scene treatments without changing their event APIs. */
html body .site-shell{width:100%!important;left:0!important;right:0!important;margin:0!important;max-width:none!important;transform:none!important}html body .topbar{width:60%!important;left:40%!important;right:auto!important;padding:0 3vw 0 1vw!important;height:12vh!important;min-height:0!important}html[data-theme=dark] .brand img{filter:invert(1)}html body #player::before,html body #player::after,html body .transport-row::before,html body .transport-row::after,html body .record-index::before,html body .record-index::after{display:none!important}.play-button::before,.play-button::after{display:none!important}.play-button{box-shadow:none!important}.signal-glyph{width:12px!important;height:12px!important;filter:none!important;box-shadow:none!important}.signal-glyph::before,.signal-glyph::after,.signal-glyph>span::before,.signal-glyph>span::after{display:none!important}.signal-glyph>span{width:12px!important;height:12px!important;box-shadow:none!important;animation:none!important;filter:none!important}html body .record-index button{flex:0 0 16.666%!important;min-width:0!important;max-width:none!important;width:auto!important}html body .volume-control input{appearance:none!important;height:2px!important;border:0!important;border-radius:0!important;background:#777!important}html body .volume-control input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--paper)}.seek-caption #current-index{display:none}.seek-caption{justify-content:flex-start!important}.play-button .play-word{font-size:11px!important}.platform-dock .platform-card[data-platform=suno]{order:1}.platform-dock .platform-card[data-platform=youtube]{order:2}html body .archive-link{order:3}.platform-dock .archive-link:first-child{margin-left:auto}
@media(max-width:900px){html body .topbar{left:0!important;width:100%!important;height:80px!important;padding:15px 5%!important}html body .record-index button{flex-basis:33.333%!important;min-width:150px!important}}
@media(max-width:600px){html body .record-index button{min-width:160px!important}.platform-dock .archive-link:first-child{margin-left:0}.topbar .brand img{filter:invert(1)}html body .volume-control input{height:2px!important}}
html body .transport-row .seek-rail #seek-stareye,html body .transport-row .seek-rail #seek-stareye span{width:12px!important;height:12px!important;filter:none!important;animation:none!important}html body .transport-row .seek-rail #seek-stareye::before,html body .transport-row .seek-rail #seek-stareye::after,html body .transport-row .seek-rail #seek-stareye .stareye{display:none!important}html body .transport-row .volume-control{display:flex!important;align-items:center;gap:12px;width:14vw!important;padding-left:2vw!important}.volume-label,.volume-value{font:11px monospace!important}.play-button .play-word{letter-spacing:.12em!important}.siren-portrait{background-size:auto 100%;background-position:14% center;mask-image:linear-gradient(90deg,#000 96%,transparent)}.platform-dock .platform-logo{display:none!important}.platform-card[data-platform=suno] .platform-action::after{content:' on Suno'}.platform-card[data-platform=youtube] .platform-action::after{content:' on YouTube'}html body #player .record-index button[aria-current=true]{border-bottom:2px solid #f50046!important}.topbar{backdrop-filter:none!important}.record-title{animation:resolve-title 9s ease-out both}@keyframes resolve-title{0%{opacity:.15;letter-spacing:1.3em;filter:blur(3px)}30%,100%{opacity:1;letter-spacing:1.15em;filter:none}}html[data-motion=off] .record-title{animation:none}@media(prefers-reduced-motion:reduce){.record-title{animation:none}}@media(max-width:900px){.record-title{animation:none}html body .transport-row .volume-control{width:140px!important}}@media(max-width:600px){html body .transport-row .volume-control{width:100%!important;height:30px;padding:0!important}.siren-portrait{background-size:auto 140%;background-position:20% 35%;mask-image:linear-gradient(#000 65%,transparent)}.brand img{max-height:34px}}
html body #player .platform-dock .platform-card{width:max-content!important;height:auto!important;flex:none!important;overflow:visible!important;min-height:0!important;white-space:nowrap!important}html body #player .platform-action{display:block!important;font:12px monospace!important;color:var(--paper)!important}html body #player .platform-dock .native-suno,html body #player .platform-dock .youtube-mark{display:none!important}html body #player .seek-rail::before,html body #player .seek-rail::after{display:none!important}html body #player #seek{background:none!important}html body #player .seek-rail{background:none!important}html body #player .play-symbol{display:block!important;font:28px/1 Arial!important}html body #player .record-index button{border-bottom:0!important}
@media(max-width:600px){html body .site-shell>.topbar{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:40px 28px!important;height:94px!important;padding:10px 5%!important;gap:4px!important;background:linear-gradient(#080808cc,transparent)!important}.topbar .brand{grid-column:1;grid-row:1}.topbar .section-nav{grid-column:1/-1;grid-row:2;justify-content:space-between!important;gap:5px!important;width:100%;flex-wrap:nowrap!important;align-items:center!important}.topbar .section-nav a{font:11px monospace!important;padding:5px 0!important}.topbar .topbar-right{grid-column:2;grid-row:1}html body #player .platform-dock{align-content:center;justify-content:space-between!important;gap:14px 20px!important}html body #player .platform-action{font-size:11px!important}.archive-link{font-size:11px!important}}

/* Final typography and volume alignment matched against selected draft 02. */
.record-title{font-weight:700!important}.record-index strong{font-weight:600!important}.seek-caption{font-weight:600!important}.volume-lever{grid-template-columns:1fr auto!important;gap:8px 6px!important}#volume{grid-column:1/-1!important}.mute-button{border:0!important;background:transparent!important;box-shadow:none!important}html body #player .volume-control input::-webkit-slider-thumb{height:13px!important;border-radius:50%!important;background:var(--paper)!important;box-shadow:none!important}html body #player .volume-control input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--paper);border:0}
