:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#141820;color:#f6f7fa}body{margin:0}header,main,footer{max-width:1250px;margin:auto;padding:16px}header h1{margin:0;color:#ffd56a}.panel{background:#202735;border:1px solid #47536a;border-radius:14px;padding:18px;margin:12px 0}.settings,.buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;gap:6px;margin:6px 0}button,input,select{font:inherit;border-radius:8px;border:1px solid #72819b;padding:9px;background:#303c52;color:#fff}button{background:#345fc5;cursor:pointer}button:hover{background:#4b73d1}button:disabled{opacity:.45;cursor:default}.danger{background:#983540}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.call,.remote{border:1px solid #60718a;border-radius:10px;padding:12px;background:#17202d}.call.active{border:2px solid #6ee3a7}.call h3{margin:4px 0}video{width:100%;max-height:440px;background:#080b10;border-radius:10px}#preview{max-width:280px;margin-top:12px}audio{display:none}#status{white-space:pre-wrap}#newCode{overflow-wrap:anywhere;color:#ffe69a}footer{font-size:.85em;color:#b3bdd0}[hidden]{display:none!important}