:root{--void:#000;--bg:#030405;--panel:#10141a;--panel2:#151a21;--panel-lit:#2a2f36;--glow:#080a0d;--grid:#a0b4c80d;--line:#c8d6e238;--line-faint:#c8d6e214;--hair:#c8d6e280;--txt:#9aa6b2;--hi:#e4ebf1;--dim:#4c5866;--mute:#7b8692;--mute-d:#3a414a;--red:#c8102e;--red-ghost:#c8102e59;--blue:#5aa9dc;--deep:#2b5d82;--panel-fill:#050608d1;--hud-fill:#0506089e;--font-display:"Rajdhani", sans-serif;--font-data:"Share Tech Mono", ui-monospace, monospace;--font-read:system-ui, -apple-system, "Segoe UI", sans-serif;--fs-cap:8px;--fs-body:10px;--fs-label:11px;--fs-glyph:13px;--fs-title:18px;--fs-num:20px;--fs-display-s:40px;--track-body:.14em;--track-wide:.2em;--track-xwide:.3em;--sp-1:4px;--sp-2:8px;--sp-3:14px;--sp-4:24px;--sp-5:28px;--stroke:1px;--stroke-em:2px;--dur-fast:.2s;--dur-slow:.8s;--chroma:drop-shadow(-1px 0 0 #c8102eb3) drop-shadow(1px 0 0 #5aa9dcb3);--legible:0 0 2px #000000f2, 0 0 6px #000c, 0 0 14px #0009;--gutter:16px}html,body{background:var(--void);height:100%;color:var(--txt);font-family:var(--font-data);letter-spacing:var(--track-body);margin:0;overflow:hidden}::selection{background:var(--red);color:var(--hi)}*{scrollbar-width:thin;scrollbar-color:#c8d6e273 transparent}::-webkit-scrollbar{background:0 0;width:8px;height:8px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#0000 3.5px,#c8d6e224 3.5px 4.5px,#0000 4.5px)}::-webkit-scrollbar-thumb{background:linear-gradient(90deg, transparent 2.5px, var(--hi) 2.5px 5.5px, transparent 5.5px)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg, transparent 2px, var(--red) 2px 6px, transparent 6px)}::-webkit-scrollbar-corner{background:0 0}#video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#video.raw-preview{opacity:1;object-fit:cover;z-index:5;width:100%;height:100%;inset:0;transform:scaleX(-1)}#scene,#overlay{width:100%;height:100%;display:block;position:fixed;inset:0}#overlay{pointer-events:none}#scene{touch-action:manipulation}#corner button,#settings-toggle,#toggles>button,#toast button,#status button,#manual .manual-start button{box-sizing:border-box;font:var(--fs-label)/1.2 var(--font-data);letter-spacing:var(--track-wide);text-transform:uppercase;text-align:left;color:var(--txt);background:var(--hud-fill);border:var(--stroke) solid var(--line);cursor:pointer;text-shadow:var(--legible);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color var(--dur-fast), border-color var(--dur-fast);border-radius:0;margin:0;padding:8px 14px;position:relative}#corner>button:before,#corner>button:after,#settings-toggle:before,#settings-toggle:after,#toggles>button:before,#toggles>button:after,#status button:before,#status button:after,#manual .manual-start button:before,#manual .manual-start button:after{content:"";border:var(--stroke) solid var(--hi);pointer-events:none;width:5px;height:5px;position:absolute}#corner>button:before,#settings-toggle:before,#toggles>button:before,#status button:before,#manual .manual-start button:before{border-bottom:0;border-right:0;top:-3px;left:-3px}#corner>button:after,#settings-toggle:after,#toggles>button:after,#status button:after,#manual .manual-start button:after{border-top:0;border-left:0;bottom:-3px;right:-3px}#corner button:hover,#settings-toggle:hover,#toggles button:hover,#toast button:hover,#status button:hover,#manual .manual-start button:hover{color:var(--hi);border-color:var(--hair)}#settings-toggle[aria-expanded=true],#quality-button[aria-expanded=true]{color:var(--hi);border-color:var(--hair);box-shadow:inset 0 -2px 0 var(--red)}:is(button,a,input,[tabindex]):focus-visible{outline:var(--stroke) solid var(--hi);outline-offset:4px}#toggles .tog{align-items:center;gap:10px;display:flex}.tog i{border:var(--stroke) solid var(--line);box-sizing:border-box;flex:none;width:30px;height:10px;position:relative}.tog i:after{content:"";box-sizing:border-box;border:var(--stroke) solid var(--dim);width:10px;height:4px;transition:left var(--dur-fast), border-color var(--dur-fast);position:absolute;top:2px;left:2px}.tog[aria-pressed=true]{color:var(--hi)}.tog[aria-pressed=true] i{border-color:var(--hair)}.tog[aria-pressed=true] i:after{border-color:var(--red);background:var(--red-ghost);filter:var(--chroma);left:16px}#status{z-index:6;justify-content:center;align-items:center;gap:var(--sp-3);text-align:center;text-transform:uppercase;font-size:var(--fs-label);color:var(--txt);background:linear-gradient(var(--grid) 1px, transparent 1px) 50% 50% / 72px 72px, linear-gradient(90deg, var(--grid) 1px, transparent 1px) 50% 50% / 72px 72px, radial-gradient(60% 45% at 30% 30%, #1e345647, transparent 70%), radial-gradient(ellipse at 50% 45%, var(--glow), var(--bg) 55%, var(--void));flex-direction:column;padding:24px;display:flex;position:fixed;inset:0}#status[hidden]{display:none}#status:before{content:"CYBERSTARLINK";font:300 var(--fs-display-s)/1 var(--font-display);letter-spacing:.12em;color:var(--hi);order:-1;padding-left:.12em}#status:after{content:"HOLOGRAPHIC TECH";left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));font-size:var(--fs-body);letter-spacing:var(--track-wide);color:var(--dim);position:absolute}#status p{max-width:46ch;padding-top:var(--sp-3);color:var(--hi);margin:0;line-height:1.6;position:relative}#status p:before{content:"";width:14px;height:var(--stroke-em);background:var(--red);margin-left:-7px;position:absolute;top:0;left:50%}#status:not(:has(button)) p:after{content:"";width:180px;height:1px;margin:var(--sp-3) auto 0;background:linear-gradient(90deg, transparent 0 40%, var(--red) 40% 60%, transparent 60%) 0 0 / 300% 100%, var(--line);animation:1.6s linear infinite status-sweep;display:block}@keyframes status-sweep{0%{background-position:100% 0,0 0}to{background-position:0 0,0 0}}#status button{text-align:center;background:0 0;min-width:140px}#status .safe{color:var(--hi);border-color:var(--hair);box-shadow:inset 0 -2px 0 var(--red)}#corner{top:calc(var(--gutter) + env(safe-area-inset-top));left:calc(var(--gutter) + env(safe-area-inset-left));z-index:2;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}#corner button[hidden],#quality-menu[hidden],#toast[hidden],#toggles button[hidden],#dim-control[hidden],#camera-menu[hidden]{display:none}#quality-menu,#camera-menu{box-sizing:border-box;background:var(--panel-fill);border:var(--stroke) solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-label);color:var(--txt);flex-direction:column;gap:2px;padding:10px 8px 8px;display:flex;position:relative}#quality-menu:before,#camera-menu:before{content:"";top:-1px;left:var(--sp-2);width:14px;height:var(--stroke-em);background:var(--red);position:absolute}#quality-menu{width:min(300px, calc(100vw - 2 * var(--gutter)))}#camera-menu{width:max-content;max-width:min(320px, calc(100vw - 2 * var(--gutter)))}#quality-menu p,#camera-menu p{font-size:var(--fs-body);letter-spacing:var(--track-body);text-transform:uppercase;color:var(--mute);margin:0 4px 6px;line-height:1.5}#corner #quality-menu button,#toggles #camera-menu button{cursor:pointer;width:100%;font:var(--fs-label)/1.3 var(--font-data);letter-spacing:var(--track-body);text-transform:uppercase;text-align:left;color:var(--txt);border:var(--stroke) solid transparent;text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex-direction:column;gap:2px;margin:0;padding:7px 10px;display:flex}#toggles #camera-menu button{text-transform:none;letter-spacing:.04em}#corner #quality-menu button:hover,#toggles #camera-menu button:hover{border-color:var(--line);background:#c8d6e20a}#corner #quality-menu button small{font-size:var(--fs-body);color:var(--mute);text-transform:none;letter-spacing:.04em}#corner #quality-menu button[aria-current=true]{color:var(--hi);border-color:var(--line);box-shadow:inset 2px 0 0 var(--red)}#toggles{top:calc(var(--gutter) + env(safe-area-inset-top));right:calc(var(--gutter) + env(safe-area-inset-right));z-index:2;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}#dim-control{font-size:var(--fs-label);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--txt);text-shadow:var(--legible);background:var(--hud-fill);border:var(--stroke) solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:10px;padding:7px 12px;display:flex}#dim-control output{text-align:right;min-width:4ch;color:var(--hi);font-family:var(--font-display);font-size:var(--fs-glyph);letter-spacing:.06em}#dim-control input{--v:0%;cursor:pointer;appearance:none;width:110px;height:18px;accent-color:var(--red);background:0 0;margin:0}#dim-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--red) var(--v), var(--line) var(--v));height:1px}#dim-control input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--hi);border:0;border-radius:0;width:3px;height:14px;margin-top:-7px}#dim-control input::-moz-range-track{background:var(--line);height:1px}#dim-control input::-moz-range-progress{background:var(--red);height:1px}#dim-control input::-moz-range-thumb{background:var(--hi);border:0;border-radius:0;width:3px;height:14px}#settings-toggle{top:calc(var(--gutter) + env(safe-area-inset-top));right:calc(var(--gutter) + env(safe-area-inset-right));z-index:3;display:none;position:fixed}#toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:4;box-sizing:border-box;width:max-content;max-width:calc(100vw - 2 * var(--gutter));background:var(--panel-fill);border:var(--stroke) solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-label);letter-spacing:var(--track-body);text-transform:uppercase;color:var(--hi);align-items:center;gap:12px;padding:10px 12px 10px 14px;line-height:1.5;display:flex;position:fixed;transform:translate(-50%)}#toast:before{content:"";top:-1px;left:var(--sp-2);width:14px;height:var(--stroke-em);background:var(--red);position:absolute}#toast button{text-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex:none;padding:6px 12px}#toast button:first-of-type{color:var(--hi);border-color:var(--hair);box-shadow:inset 0 -2px 0 var(--red)}#toast button:last-of-type{padding:6px 9px}#footer{bottom:calc(14px + env(safe-area-inset-bottom));left:calc(var(--gutter) + env(safe-area-inset-left));right:calc(var(--gutter) + env(safe-area-inset-right));pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed}#hint{font-size:var(--fs-body);letter-spacing:var(--track-body);text-transform:uppercase;color:var(--hi);text-shadow:var(--legible);line-height:1.6}#brand{pointer-events:auto;text-shadow:var(--legible);border-bottom:var(--stroke) solid transparent;transition:border-color var(--dur-fast);align-items:baseline;gap:.6em;padding:2px 6px;text-decoration:none;display:inline-flex}#brand .name{font:500 15px/1 var(--font-display);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--hi)}#brand .by{font-size:var(--fs-body);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--hi);opacity:.75;transition:opacity var(--dur-fast)}#brand:hover{border-bottom-color:var(--red)}#brand:hover .by{opacity:1}.key{border:var(--stroke) solid var(--hair);text-align:center;min-width:1.5em;font-family:var(--font-data);color:var(--hi);padding:0 .35em;line-height:1.5;display:inline-block}#manual{--cut:22px;box-sizing:border-box;overscroll-behavior:contain;width:min(720px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--txt);border:var(--stroke) solid var(--hair);font:15px/1.6 var(--font-read);letter-spacing:normal;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:linear-gradient(var(--red), var(--red)) var(--sp-5) 0 / 40px var(--stroke-em) no-repeat border-box, linear-gradient(to top right, transparent calc(50% - .75px), var(--hair) calc(50% - .25px) calc(50% + .25px), transparent calc(50% + .75px)) 100% 0 / var(--cut) var(--cut) no-repeat border-box, linear-gradient(to top right, transparent calc(50% - .75px), var(--hair) calc(50% - .25px) calc(50% + .25px), transparent calc(50% + .75px)) 0 100% / var(--cut) var(--cut) no-repeat border-box, radial-gradient(80% 50% at 20% 0%, #1e345638, transparent 70%) border-box, #050608e6;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-radius:0;margin:auto;padding:30px 34px;overflow-y:auto}#manual[open]{animation:.35s pop-in}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}#manual::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c}#manual h1{font:400 34px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--hi);margin:2px 0 0}#manual h1 em{font:400 var(--fs-label) var(--font-data);letter-spacing:var(--track-wide);color:var(--red);vertical-align:middle;margin-left:.4em}#manual .sub{border-bottom:var(--stroke) solid var(--line);font:var(--fs-body) var(--font-data);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--mute);justify-content:space-between;gap:12px;margin:8px 0 14px;padding-bottom:8px;display:flex}#manual h2{font:400 var(--fs-label) var(--font-data);letter-spacing:var(--track-xwide);text-transform:uppercase;color:var(--hi);border-bottom:var(--stroke) solid var(--line);margin:28px 0 10px;padding:8px 0 6px;position:relative}#manual h2:before{content:"";width:14px;height:var(--stroke-em);background:var(--red);position:absolute;top:0;left:0}#manual h3{font:500 var(--fs-title)/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--hi);margin:16px 0 4px}#manual p,#manual ul,#manual ol{margin:6px 0}#manual ul,#manual ol{padding-left:22px}#manual li{margin:5px 0}#manual li::marker{color:var(--mute);font-family:var(--font-data)}#manual b{color:var(--hi);font-weight:600}#manual i{color:var(--mute)}#manual code{font:13px var(--font-data);color:var(--hi);border:var(--stroke) solid var(--line-faint);padding:0 .3em}#manual .lede{color:var(--hi)}#manual .gestures{border-collapse:collapse;width:100%}#manual .gestures th{text-align:left;vertical-align:top;width:9.5em;font:400 var(--fs-label)/1.5 var(--font-data);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--hi);padding:9px 12px 9px 0}#manual .gestures th,#manual .gestures td{border-bottom:var(--stroke) solid var(--line-faint)}#manual .gestures td{padding:8px 0}#manual .keys{line-height:2.1}#manual .key{font-size:12px}#manual .privacy{color:var(--mute);margin-top:22px;font-size:13px}#manual .about p{color:var(--txt)}#manual .links{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}#manual .links li{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;display:flex}#manual .links span{min-width:9em;font:var(--fs-body) var(--font-data);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--mute)}#manual a{color:var(--hi);border-bottom:var(--stroke) solid var(--line);overflow-wrap:anywhere;transition:border-color var(--dur-fast), color var(--dur-fast);text-decoration:none}#manual a:hover{border-bottom-color:var(--red)}#manual .manual-close{z-index:1;float:right;margin:-14px -18px 0 0;position:sticky;top:0}#manual .manual-close button{width:28px;height:28px;font:var(--fs-glyph)/1 var(--font-data);color:var(--hi);background:var(--panel-fill);border:var(--stroke) solid var(--hair);cursor:pointer;transition:color var(--dur-fast), border-color var(--dur-fast);border-radius:0;padding:0}#manual .manual-close button:hover{color:var(--red);border-color:var(--red)}#manual .manual-start{text-align:center;margin:26px 0 4px}#manual .manual-start button{font-size:var(--fs-glyph);letter-spacing:var(--track-xwide);text-align:center;color:var(--hi);border-color:var(--hair);text-shadow:none;box-shadow:inset 0 -2px 0 var(--red);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:12px 44px}#manual .manual-start button:hover{filter:var(--chroma)}@media (width<=720px){:root{--gutter:12px}#settings-toggle{display:block}#toggles{top:calc(58px + env(safe-area-inset-top));max-width:calc(100vw - 2 * var(--gutter));display:none}#toggles.open{display:flex}#corner button,#settings-toggle,#toggles>button{font-size:var(--fs-body);letter-spacing:var(--track-body);padding:7px 10px}#hint{font-size:9px}#brand .name{font-size:13px}#brand .by{font-size:9px}#status:before{font-size:32px}#status:after{letter-spacing:var(--track-body);font-size:9px}#manual{--cut:16px;padding:22px 18px;font-size:14px}#manual h1{font-size:26px}#manual h1 em{display:none}#manual .manual-close{margin:-8px -6px 0 0}#manual .gestures th{width:6.5em;letter-spacing:var(--track-body);font-size:var(--fs-body)}#manual .links{gap:10px}#manual .links span{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}#manual[open]{animation:none}#status:not(:has(button)) p:after{background:linear-gradient(90deg, transparent 40%, var(--red) 40% 60%, transparent 60%), var(--line);animation:none}}