:root{--night: oklch(.1 .018 148);--ink: oklch(.92 .04 95);--ink-mute: oklch(.72 .02 85);--ink-soft: oklch(.62 .02 90);--ink-faint: oklch(.42 .01 85);--line: 1px solid var(--ink);--line-mute: 1px solid var(--ink-mute);--radius: 0px;--bracket-len: 10px;--bracket-off: -2px;--t-xs: 10px;--t-sm: 11px;--t-md: 14px;--t-lg: 16px;--t-xl: 20px;--track-spec: .08em;--ease-push: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .3s;--sans: "Space Mono", "Courier New", monospace;--display: "Space Grotesk", "Helvetica Neue", sans-serif;--panel-bg: oklch(.1 .018 148 / .95)}.spec{font-family:var(--sans);font-size:var(--t-md);text-transform:uppercase;letter-spacing:var(--track-spec);color:var(--ink-mute);font-weight:400}.data{font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--ink)}.data-faint{font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-faint)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--night);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;touch-action:none;overscroll-behavior:none}body.body-lock{overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#root{width:100vw;height:100dvh;position:relative}canvas.grass{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.chrome>*{pointer-events:auto}.chrome-pedestal-top{position:absolute;top:0;left:0;right:0;height:110px;background:linear-gradient(to bottom,oklch(.04 .01 148 / .78) 0%,transparent 100%);pointer-events:none;z-index:1}.chrome-pedestal-bottom{position:absolute;bottom:0;left:0;right:0;height:130px;background:linear-gradient(to top,oklch(.04 .01 148 / .88) 0%,oklch(.04 .01 148 / .55) 55%,transparent 100%);pointer-events:none;z-index:1}.wordmark{position:absolute;top:max(22px,calc(env(safe-area-inset-top,0px) + 16px));left:max(24px,calc(env(safe-area-inset-left,0px) + 18px));font-family:var(--display);font-weight:700;font-size:32px;line-height:1;letter-spacing:-.04em;color:var(--ink);pointer-events:none;z-index:2}.wordmark-rule{width:120px;height:1px;background:var(--ink-mute);margin:8px 0 7px}.wordmark .sub{display:block;font-family:var(--sans);font-size:var(--t-lg);text-transform:uppercase;letter-spacing:var(--track-spec);color:var(--ink-mute);line-height:1}.chip{background:transparent;border:1px solid var(--ink-mute);color:var(--ink-mute);font-family:var(--sans);font-size:var(--t-lg);font-weight:400;padding:10px 14px;border-radius:0;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;letter-spacing:.01em;line-height:1;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-push),background var(--dur-fast) var(--ease-push),color var(--dur-fast) var(--ease-push),transform var(--dur-fast) var(--ease-push)}@media(hover:hover)and (pointer:fine){.chip:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-1px)}}.chip.active{background:var(--ink);color:var(--night);border-color:var(--ink)}.chip:active{opacity:.75}.picker-wrap{position:absolute;top:max(22px,calc(env(safe-area-inset-top,0px) + 16px));right:max(24px,calc(env(safe-area-inset-right,0px) + 18px));z-index:2}.input-picker{display:flex;align-items:center;gap:6px}.cam-panel{position:absolute;top:calc(max(22px,calc(env(safe-area-inset-top,0px) + 16px)) + 56px);right:max(24px,calc(env(safe-area-inset-right,0px) + 18px));width:240px;background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none;border-radius:0;padding:14px;color:var(--ink-soft);z-index:15;box-shadow:0 8px 36px #0000008c}.cam-video-wrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#000100;margin-bottom:10px}.cam-panel video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.cam-sketch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.hand-dot{position:absolute;width:8px;height:8px;background:var(--ink);transform:translate(-50%,-50%);pointer-events:none;transition:opacity .2s}.cam-status-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--t-md);line-height:1.6}.cam-status-strip .spec{font-size:var(--t-md);letter-spacing:.06em}.cam-status-strip .data{color:var(--ink)}.cam-sep{color:var(--ink-faint);font-size:var(--t-md)}.cam-track-dot{width:6px;height:6px;border:1px solid var(--ink-mute);display:inline-block;flex-shrink:0}.cam-track-dot.on{background:var(--ink);border-color:var(--ink)}.vc{position:absolute;width:8px;height:8px;z-index:2}.vc.tl{top:0;left:0;border-top:var(--line);border-left:var(--line)}.vc.tr{top:0;right:0;border-top:var(--line);border-right:var(--line)}.vc.bl{bottom:0;left:0;border-bottom:var(--line);border-left:var(--line)}.vc.br{bottom:0;right:0;border-bottom:var(--line);border-right:var(--line)}.tweaks{position:absolute;bottom:calc(max(18px,calc(env(safe-area-inset-bottom,0px) + 12px)) + 56px);right:max(24px,calc(env(safe-area-inset-right,0px) + 18px));width:290px;background:var(--panel-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:none;border-radius:0;padding:20px 22px 22px;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translate(16px);transition:opacity var(--dur-base) var(--ease-push),transform var(--dur-base) var(--ease-push),visibility 0s linear var(--dur-base);box-shadow:0 10px 48px #000000b3}.tweaks.on{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition:opacity var(--dur-base) var(--ease-push),transform var(--dur-base) var(--ease-push),visibility 0s linear 0s}.sheet-handle{display:none;width:32px;height:3px;background:var(--ink-mute);background-clip:content-box;border-radius:2px;margin:-12px auto 6px;padding:12px 24px;box-sizing:content-box;cursor:pointer;touch-action:none}.tweaks{touch-action:pan-y}.tweaks-heading{font-size:var(--t-md);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);font-family:var(--sans);padding-right:48px;margin-bottom:16px}.tweaks-close{position:absolute;top:14px;right:14px;width:40px;height:40px;padding:0;font-size:20px;display:flex;align-items:center;justify-content:center}.tweak-row{margin:14px 0 0}.tweak-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.tweak-label-row .spec{font-size:var(--t-md)}.tweak-label-row .data{font-size:var(--t-xl);font-weight:700;font-variant-numeric:tabular-nums}.tweak-track-wrap{display:flex;align-items:center;gap:8px}.tweak-bound{font-size:var(--t-md);flex-shrink:0;min-width:28px}.tweak-bound:last-child{text-align:right}.tweak-row input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:var(--ink-mute);outline:none;cursor:pointer;border-radius:0}.tweak-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:20px;border-radius:0;background:var(--ink);cursor:pointer;border:none}.tweak-row input[type=range]::-moz-range-thumb{width:12px;height:20px;border-radius:0;background:var(--ink);cursor:pointer;border:none}.palette-section-label{font-size:var(--t-md);margin-top:18px;margin-bottom:10px}.palette-row{display:flex;gap:8px}.palette-tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 10px;background:transparent;border:var(--line-mute);border-radius:0;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-push),background var(--dur-fast) var(--ease-push);pointer-events:auto}@media(hover:hover)and (pointer:fine){.palette-tile:hover{border-color:var(--ink)}}.palette-tile.active{background:var(--ink);border-color:var(--ink)}.palette-tile.active .spec{color:var(--night)}.palette-swatches{display:grid;grid-template-columns:1fr 1fr;gap:2px}.palette-swatches span{width:16px;height:16px;display:block}.palette-tile-label{font-size:var(--t-xs);letter-spacing:.06em}.pc{position:absolute;width:11px;height:11px}.pc.tl{top:var(--bracket-off);left:var(--bracket-off);border-top:var(--line-mute);border-left:var(--line-mute)}.pc.tr{top:var(--bracket-off);right:var(--bracket-off);border-top:var(--line-mute);border-right:var(--line-mute)}.pc.bl{bottom:var(--bracket-off);left:var(--bracket-off);border-bottom:var(--line-mute);border-left:var(--line-mute)}.pc.br{bottom:var(--bracket-off);right:var(--bracket-off);border-bottom:var(--line-mute);border-right:var(--line-mute)}.cursor-ring{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);pointer-events:none;z-index:5;will-change:left,top}.cr{position:absolute;width:10px;height:10px}.cr.tl{top:0;left:0;border-top:var(--line);border-left:var(--line)}.cr.tr{top:0;right:0;border-top:var(--line);border-right:var(--line)}.cr.bl{bottom:0;left:0;border-bottom:var(--line);border-left:var(--line)}.cr.br{bottom:0;right:0;border-bottom:var(--line);border-right:var(--line)}.status-strip{position:absolute;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 14px));left:max(24px,calc(env(safe-area-inset-left,0px) + 18px));display:flex;align-items:center;gap:8px;font-size:var(--t-lg);pointer-events:none;z-index:11}.status-strip .spec{font-size:var(--t-lg)}.strip-sep{color:var(--ink-faint);font-size:var(--t-lg)}.strip-val{font-size:var(--t-lg);font-variant-numeric:tabular-nums}.error-toast{position:absolute;top:calc(max(22px,calc(env(safe-area-inset-top,0px) + 16px)) + 56px);right:max(24px,14px);background:#070603f5;border:var(--line);color:var(--ink);padding:12px 14px;border-radius:0;font-family:var(--sans);font-size:var(--t-md);max-width:280px;z-index:30;display:flex;gap:8px;align-items:baseline}.error-toast .spec{color:var(--ink);font-size:var(--t-md)}.tweaks-dock{position:absolute;bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));right:max(24px,calc(env(safe-area-inset-right,0px) + 18px));z-index:11;pointer-events:none}.tweaks-dock>*{pointer-events:auto}.tweaks-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:transparent;cursor:default;display:none}.cta-btn{position:relative;background:transparent;color:var(--ink);border:1px solid oklch(.42 .025 100 / .65);padding:18px 52px;font-family:var(--sans);font-size:var(--t-lg);font-weight:400;border-radius:0;cursor:pointer;letter-spacing:.01em;transition:border-color var(--dur-fast),transform var(--dur-fast);flex-shrink:0}@media(hover:hover)and (pointer:fine){.cta-btn:hover{border-color:#93907b;transform:translateY(-1px)}}.cta-btn:active{opacity:.75}.cc{position:absolute;width:11px;height:11px}.cc.tl{top:-3px;left:-3px;border-top:var(--line);border-left:var(--line)}.cc.tr{top:-3px;right:-3px;border-top:var(--line);border-right:var(--line)}.cc.bl{bottom:-3px;left:-3px;border-bottom:var(--line);border-left:var(--line)}.cc.br{bottom:-3px;right:-3px;border-bottom:var(--line);border-right:var(--line)}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--night);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 clamp(28px,6vw,96px);transition:opacity .95s ease}.veil.hidden{opacity:0;pointer-events:none}.veil h1{font-family:var(--display);font-weight:700;font-size:clamp(48px,9vw,120px);line-height:.9;color:var(--ink);letter-spacing:-.055em;text-align:center;margin-bottom:56px}.veil-rule{position:absolute;bottom:clamp(36px,6vh,64px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;width:min(520px,90vw)}.veil-rule:before,.veil-rule:after{content:"";height:1px;background:var(--ink-mute);flex:1}.veil-rule-label{font-family:var(--sans);font-size:var(--t-lg);color:var(--ink-mute);text-transform:uppercase;letter-spacing:var(--track-spec);white-space:nowrap}@media(max-width:640px){.wordmark{font-size:20px;top:max(14px,calc(env(safe-area-inset-top,0px) + 10px));left:16px}.wordmark-rule,.wordmark .sub{display:none}.picker-wrap{top:max(44px,calc(env(safe-area-inset-top,0px) + 40px));right:auto;left:16px}.chip{font-size:var(--t-md);padding:8px 12px}.cam-panel{top:max(14px,calc(env(safe-area-inset-top,0px) + 10px));right:16px;left:auto;width:128px;padding:0;background:#000100e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 20px #0000008c}.cam-panel .cam-video-wrap{margin-bottom:0;aspect-ratio:auto;height:96px}.cam-panel .pc,.cam-status-strip{display:none}.tweaks{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:0;max-height:70dvh;overflow-y:auto;overscroll-behavior:none;padding:20px 20px max(24px,calc(env(safe-area-inset-bottom,0px) + 16px));transform:translateY(24px);transition:opacity var(--dur-base) var(--ease-push),transform var(--dur-base) var(--ease-push),visibility 0s linear var(--dur-base);box-shadow:0 -4px 40px #0009}.tweaks.on{transform:translateY(0);transition:opacity var(--dur-base) var(--ease-push),transform var(--dur-base) var(--ease-push),visibility 0s linear 0s}.sheet-handle{display:block}.tweaks-close{font-size:28px}.tweaks-scrim{display:block}.tweaks-dock{left:0;right:0;display:flex;justify-content:center;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 16px))}.status-strip{display:none}.chrome-pedestal-bottom{height:100px}.veil{padding:0 24px}.veil h1{font-size:clamp(44px,13vw,72px);margin-bottom:40px}.cta-btn{padding:16px 36px}.veil-rule{bottom:clamp(24px,5vh,40px);width:min(320px,90vw)}.veil-rule-label{font-size:var(--t-md)}}@media(max-width:420px){.veil h1{font-size:42px}.cta-btn{padding:14px 28px}}@media(max-height:700px){.veil h1{margin-bottom:36px}}