.listening-page{padding:0;width:min(1180px,calc(100% - 32px));max-width:none;height:calc(100dvh - 64px);max-height:none;border:1px solid #425765;border-radius:14px;background:#06141e;color:#fff;overflow:hidden}
.listening-page::backdrop{background:rgba(0,9,16,.76)}
.listening-page-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #324957;background:#102736}
.listening-page-bar strong{margin-right:auto;font-size:15px}
.listening-page-bar button{border:1px solid #647581;border-radius:8px;padding:9px 12px;background:#0a1b28;color:#fff;font:inherit;cursor:pointer;min-height:44px}
.listening-page-bar .listening-page-play{background:#ff7d20;color:#06141e;border-color:#ff7d20}
.listening-page iframe{width:100%;height:calc(100% - 70px);border:0;background:#06141e}
.listening-page-status{position:absolute;top:80px;left:20px;right:20px;background:#102736;padding:16px;border-radius:8px}
.listening-page-status a{color:#ff873a}
@media(max-width:600px){.listening-page{width:100%;height:calc(100dvh - 16px);border-radius:12px 12px 0 0}.listening-page-bar{padding:10px;gap:8px}.listening-page-bar strong{font-size:13px}.listening-page-bar button{font-size:14px;padding:8px}.listening-page iframe{height:calc(100% - 66px)}}