.now-playing{position:fixed;top:calc(env(safe-area-inset-top,0px) + 124px);left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:13px;width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid #779186;border-radius:14px;background:#17383df2;color:#fff8e6;box-shadow:0 8px 28px #0d272b30;pointer-events:none;opacity:1;transition:opacity .3s ease}
.topbar #sound.soundtrack-control{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:clamp(150px,30vw,310px);height:44px;min-width:0;padding:0 13px;border-radius:999px;white-space:nowrap;text-align:left;font-size:.78rem;font-weight:700}
.soundtrack-control-icon{flex:none;font-size:1.15rem}.soundtrack-credit-window{display:block;min-width:0;overflow:hidden;flex:1;white-space:nowrap}.soundtrack-credit{display:inline-block;white-space:nowrap}.soundtrack-credit.is-scrolling{animation:soundtrack-scroll var(--scroll-duration) linear 2s forwards}
@keyframes soundtrack-scroll{to{transform:translateX(var(--scroll-distance))}}
.now-playing[hidden]{display:none}.now-playing.is-leaving{opacity:0}.now-playing-icon{font-size:1.65rem;color:#f4cb75}.now-playing>div{min-width:0}.now-playing-heading{display:block;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d9bc7c}.now-playing strong{display:block;font-size:.92rem;line-height:1.4;margin:2px 0}.now-playing-artist{display:block;font-size:.73rem;color:#d0ded6}
dialog>.now-playing{top:calc(env(safe-area-inset-top,0px) + 18px)}
.soundtrack-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.soundtrack-row{display:flex;gap:15px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fffef8}.soundtrack-number{font-size:1.1rem;font-weight:700;color:#8b9b8f;flex:none}.soundtrack-row>div{min-width:0}.soundtrack-row h3{font-size:1rem;line-height:1.4}.soundtrack-row p{color:var(--muted);font-size:.8rem;margin-top:3px}.soundtrack-state{display:block;color:#24745d;font-size:.7rem;font-weight:700;margin-top:4px}.soundtrack-state:empty{display:none}.soundtrack-row.is-current{border-color:#59977c;background:#edf5e9}.soundtrack-row.is-current .soundtrack-number{color:#24745d}
@media(max-width:760px){.now-playing{top:calc(env(safe-area-inset-top,0px) + 228px);padding:10px 14px;gap:10px}.now-playing strong{font-size:.85rem}.soundtrack-row{padding:14px}.soundtrack-row h3{font-size:.94rem}.topbar #sound.soundtrack-control{width:min(48vw,210px);height:44px;padding:0 10px;font-size:.72rem}.topbar.has-soundtrack-credit .wordmark{display:none}}
@media(prefers-reduced-motion:reduce){.now-playing{transition:none}.soundtrack-credit.is-scrolling{animation:none}.soundtrack-control .soundtrack-credit-window{overflow:auto;scrollbar-width:thin}}

.sound-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.sound-actions .btn{white-space:normal}