.youtube-popup{position:fixed;inset:0;margin:auto;padding:0;border:1px solid #ffffff30;border-radius:16px;width:min(960px,94vw,calc((100dvh - 150px)*16/9));max-width:94vw;max-height:94dvh;background:#151b18;color:#fff;box-shadow:0 24px 100px #0008}
.youtube-popup::backdrop{background:#000c}
.youtube-popup-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px}
.youtube-popup .youtube-popup-bar h2{margin:0;font:600 16px/1.4 sans-serif;color:#fff;letter-spacing:0}
.youtube-popup-close{min-width:72px;min-height:44px;padding:8px 14px;border:1px solid #ffffff50;border-radius:8px;color:#fff;background:#ffffff10;font:600 14px sans-serif;cursor:pointer}
.youtube-popup-close:focus-visible,.youtube-popup-help a:focus-visible{outline:3px solid #c2f568;outline-offset:2px}
.youtube-popup-screen{width:100%;aspect-ratio:16/9;background:#000}
.youtube-popup-screen iframe{display:block;width:100%;height:100%;border:0}
.youtube-popup-help{margin:0;padding:12px;text-align:center;font:12px/1.5 sans-serif;color:#ccc}
.youtube-popup-help a{color:#c2f568;text-decoration:underline}
.youtube-popup.youtube-popup-vertical{width:min(420px,94vw,calc((100dvh - 150px)*9/16))}
.youtube-popup-vertical .youtube-popup-screen{aspect-ratio:9/16}
html.youtube-popup-open{overflow:hidden}