:root{color-scheme:light dark}
*{box-sizing:border-box}
/* The browser's [hidden] default loses to any later display rule, which is how
   a hidden <audio> once rendered as a stray second player. */
[hidden]{display:none!important}
html,body{margin:0;height:100%;background:#000}
.embed-root{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}
/* object-fit:contain so an embed never crops the media to fit the iframe. */
#embed-video,#embed-image{width:100%;height:100%;object-fit:contain;display:block;background:#000}
#embed-audio{width:100%;padding:0 12px}
.embed-message{margin:0;padding:18px;color:#9fb0c2;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}

.media-unlock{padding:24px;margin:16px auto;max-width:360px;color:#182638;background:#fff;border:1px solid #dce4ec;border-radius:12px;font:14px/1.5 system-ui}.media-unlock label{display:block}.media-unlock input{display:block;width:100%;box-sizing:border-box;margin:12px 0;padding:10px;border:1px solid #99a8b9;border-radius:6px;background:white;color:#182638}.media-unlock button{padding:10px 16px;border:0;border-radius:6px;background:#047c72;color:#fff;cursor:pointer}.media-unlock p{color:#b03030}.media-unlock button:disabled{opacity:.5}