:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#e6e9ec;--paper-raised:#f2f4f6;--paper-sunken:#d8dde2;--viewfinder:#0b0f14;--ink:#0f1620;--ink-soft:#4d5763;--ink-faint:#79838f;--rule:#c2c9d0;--rule-strong:#a7b0ba;--live:#d81b45;--live-ink:#fff;--true:#0d6b4a;--danger:#b3261e;--over:#fff;--over-soft:#ffffffb8;--over-scrim:#0a0e148c;--over-panel:#0a0e14a8;--face-display:"Archivo Black", Archivo, system-ui, sans-serif;--face-body:Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;--face-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--micro:.8rem;--micro-track:.11em;--gap:.875rem;--radius:4px;--radius-lg:14px;--tap:44px;--edge:max(.875rem, env(safe-area-inset-left));--shadow-sheet:0 -8px 40px #0f16202e;--ring:0 0 0 3px var(--paper), 0 0 0 5px var(--ink);--ease:cubic-bezier(.2, .7, .3, 1);--fast:.12s;--slow:.26s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1116;--paper-raised:#161b22;--paper-sunken:#070a0d;--viewfinder:#05070a;--ink:#e8ecf1;--ink-soft:#a3adb9;--ink-faint:#7b8593;--rule:#2a323c;--rule-strong:#3d4753;--live:#ff3b62;--live-ink:#17040a;--true:#35d39a;--danger:#ff6b5e;--ring:0 0 0 3px var(--paper), 0 0 0 5px var(--ink);--shadow-sheet:0 -8px 44px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1116;--paper-raised:#161b22;--paper-sunken:#070a0d;--viewfinder:#05070a;--ink:#e8ecf1;--ink-soft:#a3adb9;--ink-faint:#7b8593;--rule:#2a323c;--rule-strong:#3d4753;--live:#ff3b62;--live-ink:#17040a;--true:#35d39a;--danger:#ff6b5e;--shadow-sheet:0 -8px 44px #0009}@media (prefers-contrast:more){:root{--ink-soft:var(--ink);--ink-faint:var(--ink);--rule:var(--ink);--rule-strong:var(--ink)}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--face-body);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;flex-direction:column;font-size:16px;line-height:1.45;display:flex}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius);outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100px;left:var(--edge);z-index:60;background:var(--ink);color:var(--paper);font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;border-radius:var(--radius);padding:.75rem 1rem;text-decoration:none;position:absolute}.skip-link:focus{top:calc(env(safe-area-inset-top) + .5rem)}#bar{padding:.75rem var(--edge) .5rem;flex:none;align-items:baseline;gap:.5rem;display:flex}@media (max-width:419px){#bar .sub{display:none}}.wordmark{font-family:var(--face-display);letter-spacing:-.03em;margin:0;font-size:1.2rem;line-height:1}.sub{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--ink-faint)}.spacer{flex:1}.chip,.lv,.side,.btn,.tool,.linkish{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease)}.chip{min-height:var(--tap);min-width:var(--tap);border:1.5px solid var(--ink);color:var(--ink);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .75rem;display:inline-flex}.chip:active{background:var(--ink);color:var(--paper)}.chip-icon{font-size:1em;line-height:1}@media (max-width:419px){#bar .chip-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#bar .chip{padding:.4rem}}.btn{min-height:var(--tap);border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);padding:.75rem 1.1rem}.btn.primary{background:var(--live);border-color:var(--live);color:var(--live-ink)}.btn.ghost{color:var(--ink);background:0 0}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.45;cursor:default}.linkish{color:var(--ink-soft);text-underline-offset:3px;background:0 0;border:0;padding:.5rem 0;text-decoration:underline}#stage{min-height:0;margin:0 var(--edge);border:2px solid var(--ink);border-radius:var(--radius);background:var(--viewfinder);touch-action:none;flex:auto;position:relative;overflow:hidden}#vid,#shot,#wipe{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}#shot,#wipe,#stage[data-mode=result] #vid{display:none}#stage[data-mode=result] #shot,#stage[data-mode=result] #wipe{display:block}#stage[data-mode=frozen] #vid{display:none}#stage[data-mode=frozen] #shot{display:block}#rec{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--over);text-shadow:0 1px 4px #000000bf;pointer-events:none;align-items:center;gap:.45rem;display:flex;position:absolute;top:.625rem;left:.625rem}#stage[data-mode=result] #rec,#stage[data-mode=frozen] #rec{display:none}#recdot{background:var(--live);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}#recdot[data-state=filling]{background:var(--over-soft)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}#camtools{gap:.4rem;display:flex;position:absolute;top:.5rem;right:.5rem}.tool{width:var(--tap);height:var(--tap);border:1.5px solid var(--over-soft);background:var(--over-panel);color:var(--over);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;place-items:center;font-size:1rem;display:grid}.tool.is-on{background:var(--over);color:var(--viewfinder)}#stage[data-mode=result] #camtools,#stage[data-mode=frozen] #camtools{display:none}#zoomWrap{display:block;position:absolute;bottom:.75rem;left:12%;right:12%}#stage[data-mode=result] #zoomWrap,#stage[data-mode=frozen] #zoomWrap{display:none}#zoom{width:100%;accent-color:var(--live)}#focusRing{border:2px solid var(--over);pointer-events:none;width:68px;height:68px;animation:focus-pop .62s var(--ease);border-radius:50%;margin:-34px 0 0 -34px;position:absolute}@keyframes focus-pop{0%{opacity:0;transform:scale(1.35)}40%{opacity:1}to{opacity:0;transform:scale(1)}}#handle{background:var(--over);width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 0 1px #00000059,0 0 14px #ffffffb3}#handle:after{content:"";width:var(--tap);height:var(--tap);margin:calc(var(--tap) / -2) 0 0 calc(var(--tap) / -2);background:var(--over);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #00000073}#handle .lbl{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);color:var(--over);text-shadow:0 1px 4px #000000d9;white-space:nowrap;margin-top:-.5rem;position:absolute;top:50%}#handle .l{right:calc(var(--tap) / 2 + .75rem)}#handle .r{left:calc(var(--tap) / 2 + .75rem)}#veil,#tapme,#blocker{z-index:3;position:absolute;inset:0}#veil{background:var(--over-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;justify-content:center;align-items:center;gap:.9rem;display:flex}#veil .msg{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:.16em;text-transform:uppercase;color:var(--over);margin:0}#track{background:#ffffff4d;width:56%;height:2px;overflow:hidden}#fill{background:var(--live);width:0%;height:100%;transition:width var(--slow) var(--ease)}#tapme{cursor:crosshair}#tapme .hint{text-align:center;font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--over);text-shadow:0 1px 6px #000000e6;margin:0;position:absolute;bottom:1rem;left:1rem;right:1rem}#blocker{text-align:center;background:var(--viewfinder);color:var(--over);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex}.blocker-title{font-family:var(--face-display);margin:0;font-size:1.05rem}.blocker-body{max-width:34ch;color:var(--over-soft);margin:0;font-size:.9rem}#blocker .btn{background:var(--over);border-color:var(--over);color:var(--viewfinder)}#note{padding:.6rem var(--edge) 0;min-height:2.6rem;font-family:var(--face-mono);letter-spacing:.04em;color:var(--ink-soft);flex:none;margin:0;font-size:.85rem;line-height:1.5}#note b{color:var(--ink);font-weight:500}#levels{padding:.5rem var(--edge) 0;flex-direction:column;flex:none;gap:.4rem;display:flex}.lv-group{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.lv{border:1.5px solid var(--rule);min-height:34px;color:var(--ink-soft);background:0 0;border-radius:999px;padding:.4rem .7rem}.lv.is-on{border-color:var(--ink);color:var(--ink)}.lv.acc.is-on{border-color:var(--true);color:var(--true)}.lv:disabled{opacity:.4;cursor:default}#ctl{padding:.6rem var(--edge) 1.1rem;flex:none;justify-content:center;align-items:center;gap:1.6rem;display:flex}#shutter{border:3px solid var(--ink);background:var(--live);cursor:pointer;width:74px;height:74px;transition:transform var(--fast) var(--ease), background var(--fast) var(--ease);border-radius:50%;flex:none}#shutter:active{transform:scale(.93)}#shutter:disabled{background:var(--rule);border-color:var(--rule);cursor:default}.side{min-height:var(--tap);border:0;border-bottom:1.5px solid var(--ink);min-width:4.5rem;color:var(--ink);background:0 0;padding:.6rem .25rem}.side:disabled{color:var(--rule-strong);border-color:var(--rule);cursor:default}#toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 6.5rem);z-index:50;background:var(--ink);max-width:min(30rem,100vw - 2rem);color:var(--paper);font-family:var(--face-mono);font-size:var(--micro);letter-spacing:.04em;text-align:center;opacity:0;pointer-events:none;transition:opacity var(--slow) var(--ease), transform var(--slow) var(--ease);border-radius:999px;padding:.7rem 1rem;position:fixed;transform:translate(-50%,.5rem)}#toast.is-visible{opacity:1;transform:translate(-50%)}#toast[data-tone=good]{background:var(--true);color:var(--paper-sunken)}#toast[data-tone=warn]{background:var(--danger);color:#fff}#scrim{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1480;position:fixed;inset:0}.sheet{z-index:80;background:var(--paper);border-top:2px solid var(--ink);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:88svh;box-shadow:var(--shadow-sheet);animation:sheet-in var(--slow) var(--ease);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet--full{border-radius:0;max-height:100svh;top:0}@keyframes sheet-in{0%{opacity:0;transform:translateY(3%)}}.sheet-bar{padding:.9rem var(--edge);padding-top:max(.9rem, env(safe-area-inset-top));border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:.75rem;display:flex}.sheet-bar h2{font-family:var(--face-display);letter-spacing:-.02em;flex:1;margin:0;font-size:1.05rem}.sheet-body{-webkit-overflow-scrolling:touch;padding:.5rem var(--edge) calc(env(safe-area-inset-bottom) + 1.75rem);overscroll-behavior:contain;flex:auto;overflow-y:auto}.row{border:0;border-bottom:1px solid var(--rule);margin:0;padding:1rem 0}.row legend{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--ink-faint);padding:0}.row-note{color:var(--ink-soft);margin:.5rem 0 0;font-size:.85rem}.row-actions{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}.seg{border:1.5px solid var(--rule);border-radius:999px;margin-top:.7rem;display:flex;overflow:hidden}.seg button{min-height:var(--tap);color:var(--ink-soft);font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:1;padding:.5rem .4rem}.seg button[aria-checked=true]{background:var(--ink);color:var(--paper)}.switch{min-height:var(--tap);cursor:pointer;align-items:center;gap:.7rem;font-size:.95rem;display:flex}.switch input{width:1.35rem;height:1.35rem;accent-color:var(--live);flex:none}.field{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:var(--micro-track);text-transform:uppercase;color:var(--ink-faint);flex-direction:column;gap:.35rem;margin-top:.7rem;display:flex}.field select{min-height:var(--tap);border:1.5px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;padding:.5rem .6rem;font-size:.85rem}.sheet-foot{color:var(--ink-soft);padding:1.1rem 0 0;font-size:.82rem}.sheet-foot p{margin:0 0 .5rem}.prose{-webkit-user-select:text;user-select:text;max-width:42rem;font-size:.95rem}.prose h3{font-family:var(--face-display);margin:1.6rem 0 .4rem;font-size:.95rem}.prose ol{padding-left:1.1rem}.prose li{margin-bottom:.7rem}.prose b{font-weight:700}.onboard{text-align:left;flex-direction:column;justify-content:center;gap:1rem;min-height:100%;display:flex}.kicker{font-family:var(--face-mono);font-size:var(--micro);letter-spacing:.18em;text-transform:uppercase;color:var(--live);margin:0}.onboard h2{font-family:var(--face-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,7vw,2.4rem);line-height:1.1}.onboard-list{flex-direction:column;gap:.9rem;margin:.5rem 0 1rem;padding:0;list-style:none;display:flex}.onboard-list li{border-left:2px solid var(--rule);color:var(--ink-soft);padding-left:1rem;font-size:.95rem}.onboard-list b{color:var(--ink);display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.grid button{border:1.5px solid var(--rule);border-radius:var(--radius);background:var(--paper-sunken);cursor:pointer;width:100%;padding:0;display:block;overflow:hidden}.grid img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.grid figcaption{font-family:var(--face-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);text-align:left;padding:.4rem .5rem;font-size:.66rem}.viewer{padding:1rem var(--edge) calc(env(safe-area-inset-bottom) + 1.5rem);flex:auto;overflow-y:auto}.viewer img{object-fit:contain;background:var(--viewfinder);border-radius:var(--radius);width:100%;max-height:62svh;display:block}@media (min-width:700px){#stage{width:min(520px,92vw);margin:0 auto}.sheet{width:min(38rem,100vw);left:50%;right:auto;transform:translate(-50%)}#toast{bottom:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}#recdot{opacity:1}}