:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080907;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.stage{background:radial-gradient(circle at 70% 35%,#ff4b912b,#0000 30%),radial-gradient(circle at 22% 72%,#47ffae24,#0000 34%),linear-gradient(135deg,#080907 0%,#11130e 48%,#060706 100%);width:100vw;height:100vh;min-height:620px;position:relative;overflow:hidden}.stage:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#f4f6ef09 1px,#0000 1px),linear-gradient(90deg,#f4f6ef09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.stage:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(#ffffff0a,#0000 18%),repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 6px);position:absolute;inset:0}.scene-canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d0aa3;border:1px solid #f4f6ef21;border-radius:8px;position:absolute;box-shadow:0 18px 70px #0000006b}.hud-main{width:min(420px,100vw - 32px);padding:clamp(18px,2.6vw,28px);top:clamp(16px,5vh,52px);left:clamp(16px,4vw,54px)}.brand-row,.preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{color:#7dffbe;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.status-light{background:#ffd86b;border-radius:999px;flex:none;width:10px;height:10px;box-shadow:0 0 0 6px #ffd86b1f,0 0 28px #ffd86be6}.status-light.live{background:#55ffba;box-shadow:0 0 0 6px #55ffba1f,0 0 28px #55ffbae6}.status-light.error{background:#ff5b87;box-shadow:0 0 0 6px #ff5b871f,0 0 28px #ff5b87d9}h1{color:#fbfff8;letter-spacing:0;max-width:8ch;margin:10px 0 0;font-size:clamp(2.6rem,8vw,5.8rem);line-height:.86}.lede{color:#f4f6efb8;max-width:54ch;margin:18px 0 0;font-size:clamp(.92rem,1.55vw,1.02rem);line-height:1.6}.action-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.action-row button{color:#07110b;cursor:pointer;background:#7dffbe;border:1px solid #7dffbe6b;border-radius:8px;min-width:132px;min-height:42px;padding:0 15px;font-weight:900;transition:transform .16s,border-color .16s,background .16s,color .16s}.action-row button:hover{transform:translateY(-1px)}.action-row button:focus-visible{outline-offset:3px;outline:2px solid #ffd86b}.action-row .secondary{color:#f4f6ef;background:#ffffff0a;border-color:#f4f6ef2e}.action-row .secondary.active{color:#ffd86b;border-color:#ffd86bbd}.status-copy{color:#f4f6ef9e;min-height:42px;margin:18px 0 0;font-size:.82rem;line-height:1.45}.hud-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:min(280px,100vw - 32px);padding:1px;display:grid;top:clamp(16px,5vh,52px);right:clamp(16px,3vw,44px);overflow:hidden}.metric{background:#ffffff09;min-height:76px;padding:14px}.metric span{color:#f4f6ef8c;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.metric strong{color:#fbfff8;margin-top:10px;font-size:1.28rem;line-height:1;display:block}.preview{width:min(338px,100vw - 32px);padding:12px;bottom:clamp(16px,4vh,42px);right:clamp(16px,3vw,44px)}.preview-header{color:#f4f6efb8;letter-spacing:.12em;text-transform:uppercase;padding:0 2px 10px;font-size:.76rem;font-weight:800}.preview-header span:last-child{color:#ffd86b;text-align:right}.preview-frame{aspect-ratio:16/10;background:#050605;border-radius:8px;width:100%;position:relative;overflow:hidden}#camera-video,#landmark-canvas,.preview-empty{width:100%;height:100%;position:absolute;inset:0}#camera-video{object-fit:cover;opacity:0;transition:opacity .18s;transform:scaleX(-1)}#camera-video.active{opacity:.6}#landmark-canvas{z-index:1}.preview-empty{z-index:2;color:#f4f6ef70;text-align:center;background:linear-gradient(135deg,#7dffbe14,#ff5b8714),#050605;place-items:center;padding:18px;font-size:.85rem;display:grid}.preview-empty.hidden{display:none}@media (width<=900px){html,body{overflow:auto}.stage{height:auto;min-height:1000px}.hud-main,.hud-metrics,.preview{width:min(100vw - 32px,520px);margin-left:16px;margin-right:16px;position:relative;inset:auto}.hud-main{margin-top:16px}.hud-metrics,.preview{margin-top:14px}.scene-canvas{position:fixed}}