#media-dialog{width:min(1100px,calc(100% - 48px));max-height:calc(100svh - 48px);background:#080806;color:#f8f0e5;border:1px solid #35332e;padding:0;overflow:auto}
#media-dialog::backdrop{background:#080806ed;backdrop-filter:blur(12px)}
#media-dialog .media-close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;background:#11110e;border:1px solid #59554d;border-radius:50%;color:#f8f0e5;font-size:30px;line-height:1;z-index:1}
#media-dialog .media-close:hover{background:#24221e}
.media-meta{padding:24px 80px 24px 28px}
#media-kind{font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#a59f94;margin-bottom:8px}
#media-title{font-family:var(--body-font,SourceSans),Arial,sans-serif;font-size:clamp(19px,2.3vw,28px);line-height:1.3;letter-spacing:-.02em;font-weight:500}
#media-screen{aspect-ratio:16/9;min-height:200px;background:#000}
#media-screen iframe{display:block;width:100%;height:100%;border:0}
#media-source{display:inline-block;padding:20px 28px;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
#media-source:hover{color:#d8c7af}
#media-dialog.is-listening{width:min(560px,calc(100% - 48px));padding:20px 24px 10px;border-radius:20px;background:#11110e}
#media-dialog.is-listening .media-meta{display:flex;align-items:center;min-height:44px;padding:0 60px 0 0;margin-bottom:14px}
#media-dialog.is-listening #media-kind{margin:0;color:#f8f0e5}
#media-dialog.is-listening #media-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#media-dialog.is-listening .media-close{top:20px;right:24px;border:0;background:transparent}
#media-dialog.is-listening .media-close:hover{background:#24221e}
#media-dialog.is-listening #media-screen{height:352px;aspect-ratio:auto;border-radius:12px;overflow:hidden;background:#11110e}
#media-dialog.is-listening #media-screen iframe{border-radius:12px}
#media-dialog.is-listening #media-source{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;padding:0;font-size:12px;color:#a59f94}
#media-dialog.is-listening #media-source:hover{color:#f8f0e5}
@media(max-width:700px){#media-dialog{width:calc(100% - 24px);max-height:calc(100svh - 24px)}#media-dialog.is-listening{width:min(560px,calc(100% - 24px));padding:16px 16px 8px}.media-meta{padding:22px 70px 22px 20px}#media-dialog .media-close{top:14px;right:12px}#media-dialog.is-listening .media-close{top:16px;right:16px}#media-source{padding:18px 20px}}