:root{color-scheme:dark;--paper: #f3eee6;--void: #02030a;--electric: #8effde;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--void)}body{min-width:1180px;color:var(--paper);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit}button:focus-visible{outline:1px solid var(--electric);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.latent-canvas{position:fixed;inset:0;width:100%;height:100%;cursor:crosshair}.camera-monitor{position:fixed;top:18px;right:20px;z-index:5;width:134px;aspect-ratio:4 / 3;overflow:hidden;border:1px solid rgba(243,238,230,.1);border-radius:2px;background:#02030a94;box-shadow:0 14px 42px #00000047;opacity:.68;transition:border-color .28s,opacity .28s,transform .28s}.camera-monitor:hover,.camera-monitor.is-loading,.camera-monitor.has-error,.camera-monitor.has-hand{opacity:1}.camera-monitor.is-live:not(.has-hand){opacity:.74}.camera-monitor:after{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(255,255,255,.025);background:linear-gradient(rgba(255,255,255,.018) 50%,transparent 50%);background-size:100% 4px;pointer-events:none;mix-blend-mode:screen}.camera-monitor canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}[data-kaleidoscope]{z-index:0}[data-hand-overlay]{z-index:2;opacity:.96;transform:scaleX(-1);mix-blend-mode:normal;filter:saturate(1.3) contrast(1.08)}.camera-monitor.has-hand{box-shadow:0 0 0 1px #8effde57,0 12px 44px #0000007a,0 0 28px #8effde29}.camera-trigger{position:absolute;inset:0;z-index:4;display:grid;place-items:center;width:100%;padding:0;border:0;background:radial-gradient(circle,rgba(142,255,222,.1),transparent 45%);color:var(--paper);cursor:pointer}.camera-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25;opacity:.72;transition:color .18s,opacity .18s,transform .18s}.camera-trigger:hover svg{color:var(--electric);opacity:1;transform:scale(1.12)}.camera-trigger:disabled{cursor:wait}.camera-monitor.is-loading .camera-trigger svg{animation:camera-pulse .8s ease-in-out infinite alternate}.camera-monitor.has-error{border-color:#ff70d180}.camera-monitor.is-live{border-color:#8effde42}.camera-monitor.has-hand{border-color:#8effdec7}.camera-signal{position:absolute;top:8px;right:8px;z-index:5;width:4px;height:4px;border-radius:50%;background:#f3eee647;pointer-events:none}.is-live .camera-signal{background:var(--electric);box-shadow:0 0 10px var(--electric)}.has-hand .camera-signal{animation:signal-pulse .85s ease-in-out infinite alternate}.spectral-cursor{--x: 50vw;--y: 50vh;--energy: 0;position:fixed;left:var(--x);top:var(--y);z-index:6;width:calc(27px - var(--energy) * 12px);height:calc(27px - var(--energy) * 12px);opacity:0;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;mix-blend-mode:screen;transition:width .11s,height .11s,opacity .22s}.spectral-cursor.is-visible{opacity:.76}.spectral-cursor i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.7)}.spectral-cursor i:nth-child(2){transform:rotate(30deg) scale(.66);border-color:#ff70d1}.spectral-cursor i:nth-child(3){transform:rotate(60deg) scale(.36);border-color:var(--electric)}.spectral-cursor.is-secondary{transform:translate(-50%,-50%) rotate(15deg)}.spectral-cursor.is-secondary i:nth-child(2){border-color:#8ea6ff}.spectral-cursor.is-secondary i:nth-child(3){border-color:#ff70d1}@keyframes camera-pulse{to{opacity:.25;transform:scale(.88)}}@keyframes signal-pulse{to{transform:scale(1.65)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}