body{margin:0;overflow:hidden;background-color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}canvas{display:block}#webcam:hover{opacity:1}#webcam-container{position:absolute;bottom:20px;right:20px;width:50px!important;height:38px!important;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #00000080;border:1px solid rgba(255,255,255,.2);z-index:1000;transition:all .3s ease;background:#000}#webcam-container video{width:100%!important;height:100%!important;object-fit:cover}#info{position:absolute;top:20px;left:20px;color:#e0e0ff;background:#0a0a2899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;border-radius:12px;border:1px solid rgba(100,150,255,.2);pointer-events:none;-webkit-user-select:none;user-select:none;max-width:300px}#info h1{margin:0 0 10px;font-size:1.4rem;color:#fff;text-shadow:0 0 10px rgba(100,200,255,.8);font-weight:600}#info p{margin:6px 0;font-size:.95rem;display:flex;align-items:center;gap:8px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;pointer-events:none}