:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;color:#e5eef9;background:#0b1020}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#173d4c55,transparent 50%),#0b1020}main{max-width:1500px;margin:auto;padding:32px}header{display:flex;align-items:center;gap:18px;margin-bottom:30px}.mark{font-size:46px;color:#76e2ce;background:#14322f;border-radius:16px;padding:0 15px}.eyebrow{font-size:11px;letter-spacing:3px;color:#8cabc3;margin:0 0 7px}h1{font-size:clamp(22px,3vw,32px);font-weight:550;margin:0}.badge{margin-left:auto;background:#17283a;color:#a7bed2;border:1px solid #304458;border-radius:20px;padding:8px 12px;font-size:10px;letter-spacing:1px}.toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:#141e30;border:1px solid #26344a;padding:18px;border-radius:14px}.toolbar label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#a4b5ca}select,button{font:inherit;border-radius:8px;padding:11px 15px;border:1px solid #35465d;background:#0e1727;color:#eff6ff}button{cursor:pointer;font-weight:600;background:#79e2cb;color:#0a2925;border:0}button:disabled{opacity:.4;cursor:default}.stop{background:#fa938c;color:#3a1112}.secondary{background:transparent;border:1px solid #3a4d63;color:#cad7e5;padding:7px 12px}.session{padding:18px 2px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:#a7bdd0}#status{margin-right:auto}.control{display:flex;align-items:center;gap:7px}.control input{accent-color:#79e2cb;width:17px;height:17px}.screen{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;background:#050a12;border:1px solid #27354b;border-radius:14px;overflow:hidden}video{display:block;width:100%;max-height:72vh;object-fit:contain;outline:0}video:focus{box-shadow:inset 0 0 0 2px #79e2cb}#placeholder{position:absolute;text-align:center;color:#849aaf;pointer-events:none}.orbit{font-size:70px;color:#2b685f}h2{font-size:23px;font-weight:500;color:#cad7e5;margin:5px}footer{font-size:12px;color:#8295ab;line-height:1.7;margin:17px 2px}footer strong{color:#aabed0}.screen:fullscreen{border:0;border-radius:0}.screen:fullscreen video{max-height:100vh;height:100vh}@media(max-width:700px){main{padding:16px}.badge{display:none}.toolbar label{flex:1;min-width:125px}.screen{min-height:230px}.session{gap:12px}header{gap:12px}.eyebrow{letter-spacing:1.5px}}

[hidden]{display:none!important}.login{margin:24px 0;padding:26px;border:1px solid #304458;border-radius:14px;background:#141e30}.login h2{margin:0 0 10px;text-align:left}.login p{color:#a7bdd0;font-size:13px}.login form{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin-top:20px}.login label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#adc3d4}.login input{background:#0e1727;color:#eff6ff;border:1px solid #35465d;border-radius:8px;padding:11px 12px;font:inherit;width:250px}

/* Visible local pointing position; independent of remote video cursor capture. */
.screen:fullscreen.draw-pointer,.screen:fullscreen.draw-pointer video{cursor:none!important}
#viewerPointer{position:absolute;left:0;top:0;will-change:transform;width:20px;height:27px;pointer-events:none;z-index:10;filter:drop-shadow(0 0 1px #000) drop-shadow(1px 1px 1px #000)}
#viewerPointer::before{content:'';position:absolute;inset:0;background:white;clip-path:polygon(0 0,0 85%,24% 65%,44% 100%,60% 92%,40% 57%,77% 57%)}
#viewerPointer[hidden]{display:none}