/* Public-page adapters only. The record, orbit, heading and transport come from public-orbit.css. */
.song-page{--np-panel:var(--surface);--np-accent:var(--accent);--np-border:var(--border);--np-bg:var(--bg);--np-fg:var(--text);--np-muted:var(--muted);--ks-surface:var(--surface);--ks-edge:var(--border);--ui-neon:var(--accent);--ui-bg:var(--bg)}
.song.np-player{height:clamp(480px,calc(100svh - 102px),800px);width:100%;margin:0;border:0;border-radius:0;min-width:0}.song .np-orbit-content{flex-shrink:0}.song .np-orbit-copy{padding-inline:0}.song .np-orbit-copy p{font-family:Manrope,system-ui,sans-serif}.np-orbit-label img{display:block;width:100%;height:100%;object-fit:cover}.song .np-orbit-record-zone{isolation:isolate}.player{width:100%;flex-shrink:0}.player audio{width:100%}.enhanced-ready audio{display:none}.np-icon{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex-shrink:0;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted)}.transport .np-icon svg{width:23px;height:23px}.song .np-orbit-transport{margin:14px 0 0}.play svg{width:28px;height:28px}.play-path{fill:currentColor;stroke:none}.pause-path{display:none;stroke-width:4}.playing .play-path{display:none}.playing .pause-path{display:block}
.scrubber input,.volume input{--progress:0%;--np-fill:var(--progress);display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:30px;border:0;border-radius:0;background:transparent;cursor:pointer;padding:0;margin:0}.scrubber input:disabled{opacity:.35;cursor:default}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--progress),color-mix(in srgb,var(--muted) 25%,transparent) var(--progress))}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--accent) var(--progress),color-mix(in srgb,var(--muted) 25%,transparent) var(--progress))}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--text);border:0;margin-top:-3px}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--text);border:0}.times{display:flex;justify-content:space-between;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums;color:var(--muted);margin-top:-3px}.volume{display:flex;gap:12px;align-items:center;color:var(--muted);margin:10px 0 20px}.volume input{flex:1;--progress:80%}.volume svg{width:20px;height:20px}.volume-label{font-size:13px;color:var(--muted)}#status{font-size:12px;line-height:18px;text-align:center;color:var(--muted);margin:0;overflow-wrap:anywhere}#status:not(:empty){margin-top:8px}#retry{font-size:12px;width:100%;min-height:44px;margin-top:8px}.public-song-info{width:min(440px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;inset:0;margin:auto;padding:24px;border:1px solid var(--edge);border-radius:24px;background:linear-gradient(145deg,var(--face),var(--bg) 80%);color:var(--text);box-shadow:0 24px 80px #0009;font:14px/1.6 Manrope,system-ui,sans-serif}.public-song-info::backdrop{background:#0009;backdrop-filter:blur(8px)}.public-song-info header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--edge);padding-bottom:18px;margin-bottom:22px}.public-song-info h2{font-size:20px;margin:0}.public-song-info h3{font-size:18px;overflow-wrap:anywhere;margin:0 0 12px}.public-song-info p{overflow-wrap:anywhere;margin:0 0 16px;color:var(--muted)}.public-song-info .genre{font-size:12px}.public-song-info .genre span{margin:0 5px}#info-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--edge);border-radius:12px;background:var(--face);color:var(--accent);font-size:24px;flex-shrink:0}
@media(hover:hover){.song .np-icon:hover:not(:disabled),.song .actions button:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}}@media(max-width:749px){.song-page .public-header{padding:14px 0}.song-page .public-header .text-link{display:none}.song.np-player{height:calc(100svh - 75px);min-height:480px;max-height:790px}.song .np-orbit-frame{padding-bottom:12px}.song .np-orbit-transport{margin-top:10px}.public-song-info{padding:22px}}
html[data-public-visible=false] .np-orbit-record,html[data-public-visible=false] .np-orbit-play{animation-play-state:paused!important}
body:has(>.unavailable){margin:0;min-height:100svh;background:#140d07;color:#fff4df;font:16px/1.7 system-ui,sans-serif}.unavailable{max-width:560px;margin:12vh auto;padding:28px}.unavailable .brand{font-size:19px;color:#ffd491;text-decoration:none}.unavailable h1{font-size:29px;line-height:1.4;margin-top:36px}.unavailable p{color:#d7c6ab}.unavailable .primary{display:inline-block;padding:12px 20px;border:1px solid #6c5534;border-radius:14px;color:#fff4df;text-decoration:none;background:#22160b}

/* A shared-song landing screen: playback and the create action fit one viewport. */
body.song-page{height:100svh;min-height:0;padding-top:env(safe-area-inset-top);display:flex;flex-direction:column;overflow:hidden}
.song-page>.public-header{flex-shrink:0}
html:root[data-neiro-theme] .song.np-player{flex:1;min-height:0;max-height:none;height:auto;display:flex;align-items:center;justify-content:center}
.song .np-orbit-frame{height:100%;max-height:780px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.song .np-orbit-content{justify-content:flex-start;gap:16px}
.song .np-orbit-record-zone{min-height:90px;padding:12px 0 18px}
.song .np-orbit-record{width:clamp(96px,min(248px,calc(100cqh - 300px),68cqw),248px)}
.song .song-create{flex-shrink:0;width:100%;min-height:54px;margin-top:2px;padding:12px 16px;font-size:14px;gap:12px;text-align:center}
.song-create>span:first-of-type{flex:1}.song-create svg{width:20px;height:20px}
.song:has(#status:not(:empty)) .np-orbit-record{width:clamp(96px,min(220px,calc(100cqh - 370px),60cqw),220px)}
.song:has(#retry:not([hidden])) .np-orbit-record{width:clamp(80px,min(190px,calc(100cqh - 440px),58cqw),190px)}
@media(max-width:749px){.song .np-orbit-frame{max-height:none;padding:12px 22px max(16px,env(safe-area-inset-bottom))}.song .np-orbit-content{gap:12px}.song .song-create{min-height:52px;font-size:13px}.song .np-orbit-transport{margin-top:8px}.song .np-orbit-record{width:clamp(96px,min(248px,calc(100cqh - 300px),68cqw),248px)}}
@media(max-height:680px){.song .np-orbit-frame{padding-top:6px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.song .np-orbit-content{gap:8px}.song .np-orbit-record-zone{min-height:60px;padding:8px 0 12px}.song .song-create{min-height:48px;padding:10px 14px;font-size:12px}.song .np-orbit-transport{margin-top:4px}.song .np-orbit-record{width:clamp(80px,min(220px,calc(100cqh - 280px),60cqw),220px)}}
@media(max-height:440px){.song .np-orbit-record-zone{display:none}.song .np-orbit-frame{padding-top:4px}.song .np-orbit-content{justify-content:space-evenly;gap:4px}}
@media(max-height:440px) and (min-width:600px){.song .np-orbit-content{display:grid;grid-template-columns:minmax(120px,180px) minmax(260px,430px);grid-template-rows:auto auto auto;align-content:center;align-items:center;gap:8px 24px;width:min(100%,720px)}.song .np-orbit-record-zone{display:flex;grid-column:1;grid-row:1/4;min-height:0;padding:12px}.song .np-orbit-record{width:clamp(110px,42cqh,160px)}.song .details,.song .player,.song .song-create{grid-column:2}.song .np-orbit-copy h1{font-size:16px}.song .np-orbit-copy p{margin-top:4px}}