*{box-sizing:border-box}body{margin:0;background:#10151d;color:#e8edf5;font-family:system-ui,sans-serif}header,main{max-width:1100px;margin:auto;padding:20px}h1{margin:0;font-size:26px}header p,.note{color:#a7b4c8}form{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input,button{font:inherit;font-size:18px;border-radius:8px;padding:14px;border:1px solid #516178}input{width:180px;background:#1e2939;color:white;letter-spacing:3px}button{background:#2578ce;color:white;cursor:pointer}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}#screen{position:relative;background:black;min-height:240px;height:62vh;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}video{width:100%;height:100%;object-fit:contain}#overlay{position:absolute;padding:24px;text-align:center;background:#10151de8;border-radius:10px}#screen:fullscreen{height:100vh;width:100vw;border-radius:0}#status{min-height:24px}.note{font-size:14px}[hidden]{display:none!important}

video{touch-action:none}#audio-status{color:#a7b4c8}
#sas{font-size:22px;letter-spacing:4px;color:#ffd166}