:root { color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; background: #000; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; background: #000; }
body { display: grid; place-items: center; }
main { position: relative; width: min(100vw, calc(100vh * 16 / 9)); height: min(100vh, calc(100vw * 9 / 16)); overflow: hidden; background: #050305; box-shadow: 0 0 80px #2e0c2c66; }
#program-output > .OT_subscriber { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; }
#program-waiting { position: absolute; z-index: 2; inset: 0; display: grid; place-content: center; gap: 12px; text-align: center; background: radial-gradient(circle, #3c1235, #080508 65%); }
#program-waiting[hidden] { display: none; }
#program-waiting img { display: block; width: clamp(180px, 32vw, 430px); height: auto; margin: 0 auto; filter: drop-shadow(0 0 24px #ffbd2e44); }
#program-waiting span { color: #d7c9d4; font-size: clamp(12px, 1.5vw, 21px); }
#enable-audio { position: fixed; z-index: 5; left: 50%; bottom: 8%; transform: translateX(-50%); padding: 14px 22px; border: 1px solid #ffcf64; border-radius: 999px; background: #5a1648; color: #fff5d6; font-weight: 900; cursor: pointer; }