:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body,html,main{margin:0;width:100%;height:100%;overflow:hidden;background:#020206}.stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 18% 12%,rgba(64,140,255,.24) 0,transparent 44%),radial-gradient(ellipse at 84% 88%,rgba(255,80,190,.2) 0,transparent 48%),radial-gradient(ellipse at 64% 35%,#0d1730 0,#12081f 40%,#05030c 76%)}.stage:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(100deg,transparent 48%,rgba(181,244,255,.12) 49.8%,transparent 50.2%) 0 0 /330px 330px,linear-gradient(80deg,transparent 48%,rgba(255,190,230,.08) 49.8%,transparent 50.2%) 70px 40px /440px 440px;-webkit-mask-image:radial-gradient(ellipse at 65% 42%,#000 0,transparent 68%);mask-image:radial-gradient(ellipse at 65% 42%,#000 0,transparent 68%)}canvas,video{position:absolute;inset:0;width:100%;height:100%}video{object-fit:cover;opacity:0;filter:saturate(.42) contrast(1.22) brightness(.55);transition:opacity .2s ease}.stage-debug video{opacity:.42}video.mirrored{transform:scaleX(-1)}canvas{z-index:1;pointer-events:none}.webgl-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.webgl-layer,.webgl-layer *{pointer-events:none!important}.webgl-layer canvas{position:static;display:block}.panel{position:absolute;z-index:3;top:20px;padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(8,6,17,.58);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 30px rgba(95,222,255,.08),inset 0 0 24px rgba(255,129,215,.04)}.status{left:20px;display:grid;grid-gap:5px;gap:5px;min-width:202px}.status strong{color:#fff;font-size:13px;letter-spacing:.12em;margin-bottom:5px}.status span{display:flex;justify-content:space-between;gap:25px;color:#aaa4b5;font-size:12px}.status b{color:#f4eff8;font-weight:650}.status b[data-ok=true]{color:#75efff}.error{max-width:260px;margin:6px 0 0;color:#ff9fd9;font-size:12px;line-height:1.45}.controls{right:20px;display:grid;grid-gap:9px;gap:9px;min-width:170px}.controls label{display:flex;gap:9px;align-items:center;color:#eee8f2;font-size:13px;cursor:pointer}input{accent-color:#77edff}button{color:#fff;border:1px solid rgba(119,237,255,.35);border-radius:9px;padding:8px 10px;background:linear-gradient(110deg,rgba(255,128,212,.18),rgba(94,222,255,.14));cursor:pointer}button:hover{border-color:rgba(255,255,255,.7)}.camera-prompt{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:12px;gap:12px;pointer-events:none;background:radial-gradient(circle,rgba(10,7,19,.3),transparent 45%)}.camera-prompt button{pointer-events:auto;min-width:190px;padding:14px 24px;font-size:16px;font-weight:750;box-shadow:0 0 28px rgba(112,236,255,.2),0 0 45px rgba(255,159,221,.12)}.camera-prompt button:disabled{opacity:.55;cursor:wait}.camera-prompt small{color:rgba(255,255,255,.7)}.hint{position:absolute;z-index:2;bottom:22px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.06em;text-shadow:0 1px 8px #000;white-space:nowrap}.debug-toggle{position:absolute;z-index:3;right:16px;bottom:16px;padding:6px 9px;font-size:11px;opacity:.32;transition:opacity .2s ease}.debug-toggle:hover{opacity:1}@media (max-width:650px){.panel{top:10px;padding:10px 12px}.status{left:10px;min-width:170px}.controls{right:10px;min-width:145px}}