/* Isolated player window and site-wide remote dock. */
html body.fpc-popout-body {margin:0;background:#090f16;color:#f0f3f7;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
html body #fpc-podcast-popout.fpc-podcast-floating {max-width:620px;margin:0 auto;padding:25px;box-sizing:border-box}
html body .fpc-podcast-floating *,html body .fpc-podcast-floating *::before {box-sizing:border-box}
html body .fpc-podcast-floating [hidden] {display:none!important}
html body #fpc-podcast-popout .fpc-popout-kicker {margin:0 0 22px;color:#ffa155;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.fpc-popout-identity {display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;margin-bottom:24px}
.fpc-popout-art {display:grid;place-items:center;position:relative;width:100px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#202c3a;color:#ffa155;font-weight:850}
.fpc-popout-art img {position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
html body #fpc-podcast-popout h1 {font-size:20px;line-height:1.35;margin:5px 0 0;overflow-wrap:anywhere}
html body #fpc-podcast-popout .fpc-popout-identity p {margin:0;font-size:11px;color:#adbac9}
html body #fpc-podcast-popout audio {width:100%;display:block;margin:0}
.fpc-popout-controls {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}
.fpc-popout-controls label {display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:#adbac9}
html body #fpc-podcast-popout :is(button,select),html body #fpc-podcast-dock.fpc-podcast-floating button {background:#263342!important;color:#f0f3f7!important;border:0!important;border-radius:8px!important;box-shadow:none!important;text-shadow:none!important;min-width:40px;min-height:42px;font:750 12px/1.2 system-ui!important;padding:10px!important;cursor:pointer}
html body #fpc-podcast-popout :is(button,select):hover,html body #fpc-podcast-dock.fpc-podcast-floating button:hover {background:#3a4b60!important;color:#fff!important}
html body #fpc-podcast-popout .fpc-popout-help {color:#adbac9;font-size:12px;line-height:1.6;margin:22px 0}
html body #fpc-podcast-popout nav {display:flex;align-items:center;justify-content:space-between;gap:12px}
html body #fpc-podcast-popout nav a {color:#ffa155;font-size:12px;text-decoration:none}
html body #fpc-podcast-popout .fpc-popout-status,html body #fpc-podcast-dock [data-dock-status] {color:#ffd3ae!important;font:12px/1.5 system-ui!important;margin:12px 0 0!important;grid-column:1/-1}
.fpc-popout-status:empty,[data-dock-status]:empty {display:none!important}
html body aside#fpc-podcast-dock.fpc-podcast-floating {position:fixed!important;z-index:999990;right:20px;bottom:calc(94px + env(safe-area-inset-bottom,0px));width:min(460px,calc(100vw - 32px));display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px 12px;background:#141d27!important;color:#f0f3f7!important;border:0!important;border-radius:14px!important;padding:15px!important;margin:0!important;box-shadow:0 10px 40px #0007!important;font-family:system-ui!important}
html body aside#fpc-podcast-dock.fpc-podcast-floating[hidden] {display:none!important}
html body #fpc-podcast-dock .fpc-dock-art {width:48px;height:48px;object-fit:contain;border-radius:8px}
html body #fpc-podcast-dock :is(small,strong,span,p) {border:0!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
html body #fpc-podcast-dock .fpc-dock-copy {min-width:0}
html body #fpc-podcast-dock .fpc-dock-copy small {display:block;font-size:10px;line-height:1.4;color:#ffa155!important}
html body #fpc-podcast-dock .fpc-dock-copy strong {display:block;font-size:13px;line-height:1.35;color:#f0f3f7!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #fpc-podcast-dock .fpc-dock-copy span {display:block;font-size:11px;line-height:1.5;color:#adbac9!important;margin-top:2px}
html body #fpc-podcast-dock .fpc-dock-actions {grid-column:1/-1;display:flex;gap:7px}
html body #fpc-podcast-dock.fpc-podcast-floating [data-dock-toggle] {background:#ffa155!important;color:#111820!important;flex:1}
html body #fpc-podcast-popout :is(a,button,select):focus-visible,html body #fpc-podcast-dock button:focus-visible {outline:2px solid #ffa155!important;outline-offset:3px!important}
@media(max-width:480px){html body #fpc-podcast-popout.fpc-podcast-floating{padding:20px}.fpc-popout-identity{grid-template-columns:76px minmax(0,1fr);gap:14px}.fpc-popout-art{width:76px}html body #fpc-podcast-popout h1{font-size:18px}html body aside#fpc-podcast-dock.fpc-podcast-floating{right:12px;width:calc(100vw - 24px);padding:12px!important}}