:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf5fb;background:#06121e;font-family:system-ui,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:#deeff6;cursor:pointer;background:#16384b;border:1px solid #376175;border-radius:8px;min-height:44px;padding:9px 12px;font-size:13px}button:hover,button[aria-pressed=true]{background:#24576b}button:focus-visible{outline-offset:2px;outline:3px solid #7ce5cf}.player{max-width:1700px;height:100dvh;padding:max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:auto;display:flex}:is(.player.expanded,.player:fullscreen){z-index:10;background:#06121e;gap:0;max-width:none;padding:0;position:fixed;inset:0}.bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:6px 12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand strong{font-size:16px}.brand small{letter-spacing:1.6px;color:#86b3c4;margin-top:3px;font-size:10px;display:block}.beacon{background:#63dbb9;border:3px solid #27576a;border-radius:50%;width:12px;height:12px;box-shadow:0 0 15px #50dcb077}nav{flex-wrap:wrap;gap:6px;display:flex}.viewport{border:1px solid #254557;border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden}.expanded .viewport{border:0;border-radius:0}iframe{border:0;width:100%;height:100%;display:block}.connection{text-align:center;background:#0a2234ed;place-content:center;display:grid;position:absolute;inset:0}dialog{color:#eaf5fb;background:#102d40;border:1px solid #557b8e;border-radius:16px;width:min(540px,92vw);padding:26px;line-height:1.7}dialog::backdrop{background:#00101dcc}dialog h2{margin-top:0;font-size:20px}dialog p{font-size:14px}@media (max-width:700px){.player{gap:0;padding:0}.bar{min-height:48px;padding:max(5px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 5px max(8px, env(safe-area-inset-left));gap:6px}.brand strong{font-size:12px}.brand small{letter-spacing:0;font-size:8px}.beacon{display:none}nav{gap:3px}nav button{min-height:44px;padding:7px;font-size:11px}.viewport{border-radius:0}}@media (max-width:460px){.bar{flex-wrap:wrap}nav{margin-left:auto}}