body{background-color:#020508;color:#00f2ff;margin:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;font-family:Courier New,Courier,monospace}#ui-layer{position:absolute;top:20px;z-index:10;pointer-events:none;text-align:center;width:100%}.mode-selector{margin-top:15px;display:flex;justify-content:center;gap:10px}h1{margin:0;font-size:1.2em;letter-spacing:4px}p{margin:5px 0 15px;font-size:.8em;opacity:.7}button{background:#00f2ff1a;border:1px solid #00f2ff;color:#00f2ff;padding:10px 20px;cursor:pointer;pointer-events:auto;text-transform:uppercase;letter-spacing:2px;transition:all .3s;font-family:inherit}button:hover,button.active{background:#00f2ff;color:#000;box-shadow:0 0 15px #00f2ff}button:disabled{opacity:.5;cursor:not-allowed}#liveView{position:fixed;bottom:20px;right:20px;max-height:20vh;width:auto;border:1px solid #00f2ff;background:#00000080;z-index:100;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 20px #00f2ff33}#liveView:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none}#liveView.invisible{display:none}#webcam{max-height:20vh;width:auto;object-fit:contain;transform:scaleX(-1);filter:brightness(.8) contrast(1.2) sepia(.5) hue-rotate(140deg)}.key-point{position:absolute;width:6px;height:6px;background:#00f2ff;border-radius:50%;box-shadow:0 0 10px #00f2ff;pointer-events:none}.fps-counter{position:absolute;top:5px;left:5px;font-size:10px;color:#00f2ff;background:#00000080;padding:2px 4px}#eye-controls{position:absolute;bottom:5px;width:100%;display:flex;justify-content:center;pointer-events:none}#eye-controls button{font-size:10px;padding:4px 8px;pointer-events:auto}#canvas-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;opacity:.3}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#00f2ff}#crosshair:before{width:40px;height:1px;left:-20px;top:0}#crosshair:after{width:1px;height:40px;left:0;top:-20px}#source-link{position:fixed;top:20px;left:20px;z-index:20;font-size:9px;letter-spacing:2px}#source-link a{color:#00f2ff;text-decoration:none;opacity:.6;transition:all .3s}#source-link a:hover{opacity:1;text-shadow:0 0 8px #00f2ff}#footer{position:fixed;bottom:20px;left:20px;z-index:10;font-size:.7em;letter-spacing:2px}#footer a{color:#00f2ff;text-decoration:none;opacity:.4;transition:all .3s}#footer a:hover{opacity:1;text-shadow:0 0 8px #00f2ff}