:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7f0f3;background:#101519;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid #34464d;border-radius:9px;background:#202d33;color:#e7f0f3;padding:9px 13px;cursor:pointer}button:hover{background:#2c4149}button:disabled{opacity:.4;cursor:default}.primary{background:#91e4cb;color:#10271e;border-color:#91e4cb;font-weight:650}.primary:hover{background:#b3f3df}.danger{color:#ffb9b9;border-color:#734548}input,textarea{display:block;width:100%;margin:8px 0 19px;border:1px solid #3b4a52;background:#10191d;border-radius:9px;color:#f1f8fa;padding:12px;resize:vertical}label{font-size:13px;color:#b9cbd2}p{font-size:14px;line-height:1.6;color:#a9bcc6}small{color:#849ba5}.login{display:grid;place-items:center;min-height:100dvh;padding:20px}.card{max-width:440px;width:100%;padding:36px;background:#182228;border:1px solid #30434c;border-radius:22px}.brand{display:flex;align-items:center;gap:16px;color:#91e4cb;font-weight:800}.brand span{font-size:11px;letter-spacing:3px;color:#b3c6cd}h1{font-size:30px;letter-spacing:-1px;margin:30px 0 8px}.card .primary{width:100%}#loginError{color:#ffb9b9;min-height:22px}main{height:100dvh;display:flex;flex-direction:column}header{min-height:56px;display:flex;gap:9px;align-items:center;padding:9px 16px;border-bottom:1px solid #293a43}header strong{color:#91e4cb;margin-right:5px}#connection{font-size:13px;color:#c1d4dc}.spacer{flex:1}#workspace{display:flex;flex:1;min-height:0}#stage{position:relative;min-width:0;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#0b1013;padding:8px}#screen{position:relative;flex:none;max-width:100%;max-height:100%;aspect-ratio:375/812;height:100%}canvas{display:block;width:100%;height:100%;object-fit:contain}#video{touch-action:none;outline:none;background:#070b0d;cursor:crosshair}#video:focus-visible{outline:2px solid #91e4cb;outline-offset:2px}#trail{position:absolute;inset:0;pointer-events:none}#overlay{position:absolute;inset:0;background:#101519e8;display:grid;place-items:center;text-align:center;padding:30px;color:#b9cbd2}aside{width:280px;overflow:auto;flex-shrink:0;padding:22px;background:#172127;border-left:1px solid #2b3e48}aside.left{order:-1;border-left:0;border-right:1px solid #2b3e48}h2{font-size:17px;margin:0 0 14px}.row{display:flex;gap:8px;margin:18px 0}aside p{font-size:12px}aside>button{width:100%;margin:4px 0}footer{height:30px;font-size:11px;display:flex;justify-content:space-between;gap:10px;color:#8aa2ad;padding:7px 16px;border-top:1px solid #293a43}#feedback{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[hidden]{display:none!important}@media(max-width:650px){header{flex-wrap:wrap;padding:8px;font-size:12px;gap:6px}button{padding:8px 10px}#connection{max-width:150px;overflow:hidden;white-space:nowrap}aside{position:absolute;right:0;top:65px;bottom:30px;z-index:3;width:260px;box-shadow:-8px 0 25px #0008}aside.left{left:0;right:auto;box-shadow:8px 0 25px #0008}.card{padding:25px}}
#phone{font:inherit;font-weight:700;color:#91e4cb;background:#202d33;border:1px solid #34464d;border-radius:9px;padding:8px 10px;max-width:230px;cursor:pointer}