:root{--ease-spring:linear(0, .0221, .0779, .1541, .2411, .3319, .4213, .5062, .5845, .655, .7172, .7713, .8176, .8567, .8892, .9159, .9375, .9549, .9685, .9791, .9872, .9932, .9976, 1.0006, 1.0027, 1.004, 1.0047, 1.005, 1);--dur-spring:.42s;--ease-snappy:linear(0, .0221, .0779, .1541, .2411, .3319, .4213, .5062, .5845, .655, .7172, .7713, .8176, .8567, .8892, .9159, .9375, .9549, .9685, .9791, .9872, .9932, .9976, 1.0006, 1.0027, 1.004, 1.0047, 1.005, 1);--dur-snappy:.25s;--ease-exit:cubic-bezier(.25, .8, .4, 1);--dur-exit:.15s;--dur-press:.12s;--radius-chip:8px;--radius-control:12px;--radius-card:14px;--radius:var(--radius-card);--radius-panel:18px;--radius-sheet:24px;color-scheme:dark;--bg:#0a0a0c;--stage:#111114;--panel:#18181cdb;--panel-solid:#18181c;--raised:#ffffff0f;--raised-hover:#ffffff1a;--line:#ffffff14;--line-strong:#ffffff29;--ink-pill:#f4f4f5;--ink-pill-text:#111114;--text:#f4f4f5;--muted:#9b9ba4;--faint:#88888f;--accent:#9be52f;--accent-ink:#0e1410;--shutter:#9be52f;--focus:#ffd60a;--shutter-ink:#0e1410;--accent-text:#9be52f;--spark:#3c8f0e;--glow-haze:radial-gradient(closest-side, #6ec828d9, #78cd3299 25%, #96d75057 55%, #bee6821f 80%, #d2f0a000);--glow-core:radial-gradient(closest-side, #50a01480, #64af1e47 40%, #73b92800);--glow-dot:#3c8c0fcc;--danger:#ff6b6b;--dot:#ffffff0d;--shadow:0 10px 40px #00000073, 0 1px 0 #ffffff0a inset;--page:#0d0d0f;--card-line:#ffffff12;--pill:#1a1a1d;--pill-line:#ffffff12;--pill-shadow:0 1px 2px #0000004d, 0 4px 12px #0003;--pill-text:#a1a1aa;--pill-strong:#f4f4f5;--pill-fill:#ffffff14;--bar:#262a27;--bar-line:#ffffff1a;--bar-shadow:0 1px 2px #0003, 0 10px 28px -10px #00000073;--bar-text:#c9ccc9;--bar-dim:#979a97;--bar-hi:#fff;--bar-hover:#ffffff14;--bar-edge:#fff3;--hdr:#262a27;--hdr-line:#161917;--hdr-shadow:0 1px 2px #0003, 0 10px 28px -10px #00000073;--hdr-text:#c9ccc9;--hdr-hi:#fff;--hdr-fill:#ffffff14;--hdr-div:#ffffff1a;--rec:#e0281c;--cta:#b4e35a;--cta-ink:#0e1410}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg:#e9eaee;--stage:#f2f3f5;--panel:#ffffffe6;--panel-solid:#fff;--raised:#0000000b;--raised-hover:#00000014;--line:#00000014;--line-strong:#00000029;--ink-pill:#1c1c1e;--ink-pill-text:#fff;--accent-text:#3c8f0e;--spark:#9be52f;--glow-haze:radial-gradient(closest-side, #beff78f2, #82e137cc 25%, #3c8c148c 55%, #163c0a40 80%, #0a1c0500);--glow-core:radial-gradient(closest-side, #e6ffc88c, #cdfaa04d 40%, #bef58c00);--glow-dot:#e1ffc8cc;--text:#111114;--muted:#5f5f68;--faint:#6e6e77;--dot:#0000000f;--shadow:0 10px 40px #14142824, 0 1px 0 #fffc inset;--page:#f5f5f7;--card-line:#1d1d200f;--pill:#fff;--pill-line:#1d1d200d;--pill-shadow:0 1px 2px #0f172a09, 0 4px 12px #0f172a06;--pill-text:#77747e;--pill-strong:#1d1d20;--pill-fill:#1d1d200f;--danger:#d92d20}}:root[data-theme=light]{color-scheme:light;--bg:#e9eaee;--stage:#f2f3f5;--panel:#ffffffe6;--panel-solid:#fff;--raised:#0000000b;--raised-hover:#00000014;--line:#00000014;--line-strong:#00000029;--ink-pill:#1c1c1e;--ink-pill-text:#fff;--accent-text:#3c8f0e;--spark:#9be52f;--glow-haze:radial-gradient(closest-side, #beff78f2, #82e137cc 25%, #3c8c148c 55%, #163c0a40 80%, #0a1c0500);--glow-core:radial-gradient(closest-side, #e6ffc88c, #cdfaa04d 40%, #bef58c00);--glow-dot:#e1ffc8cc;--text:#111114;--muted:#5f5f68;--faint:#6e6e77;--dot:#0000000f;--shadow:0 10px 40px #14142824, 0 1px 0 #fffc inset;--page:#f5f5f7;--card-line:#1d1d200f;--pill:#fff;--pill-line:#1d1d200d;--pill-shadow:0 1px 2px #0f172a09, 0 4px 12px #0f172a06;--pill-text:#77747e;--pill-strong:#1d1d20;--pill-fill:#1d1d200f;--danger:#d92d20}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg);overscroll-behavior:none}body{--edge:#262a27;--edge-line:#161917;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));color:var(--text);background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:22px 22px;flex-direction:column;align-items:center;margin:0;font:16px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;display:flex;overflow-x:hidden}:root[data-theme=light],:root[data-theme=light] body{background-color:var(--page)}:root[data-theme=light] .finder{background:#f2f2f4}@media (prefers-color-scheme:light){:root:not([data-theme=dark]),:root:not([data-theme=dark]) body{background-color:var(--page)}:root:not([data-theme=dark]) .finder{background:#f2f2f4}}.glow{aspect-ratio:16/9;z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);filter:blur(20px);width:min(1100px,140vw);position:fixed;top:52%;left:50%;transform:translate(-50%,-30%)}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.brand img{width:36px;height:36px;box-shadow:0 6px 18px -6px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:9px}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1040px;padding-top:clamp(20px,4vh,56px);display:flex}h1{text-align:center;text-wrap:balance;letter-spacing:-.035em;max-width:16ch;margin:0;font-size:clamp(2.1rem,5.6vw,4rem);font-weight:750;line-height:1.04}.when{color:var(--muted);text-align:center;margin:18px 0 0;font-size:clamp(1.02rem,1.8vw,1.2rem)}.when time,.ph{color:var(--text);font-weight:600}.ph{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--accent) 55%, transparent) 62%);padding:0 2px}.cam{background:var(--edge);border:1px solid var(--edge-line);border-radius:var(--radius-sheet);width:min(100%,max(600px,160svh - 704px));margin:clamp(28px,5vh,48px) 0 0;padding:10px;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -24px #00000073,0 12px 24px -12px #0000004d}.finder{aspect-ratio:16/10;isolation:isolate;background:#111114;border-radius:15px;position:relative;overflow:hidden}.shot{object-fit:cover;width:100%;height:100%;animation:pull 1.6s var(--ease-exit) .2s both;position:absolute;inset:0}.shot-dark{display:none}.shot-light{translate:0 8%}:root[data-theme=dark] .shot-dark{display:block}:root[data-theme=dark] .shot-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot-dark{display:block}:root:not([data-theme=light]) .shot-light{display:none}}@keyframes pull{0%{filter:blur(14px);transform:scale(1.04)}60%{filter:blur()}to{filter:blur();transform:scale(1)}}.corner{mix-blend-mode:difference;border:2px solid #ffffffd9;width:26px;height:26px;position:absolute}.corner.tl{border-bottom:0;border-right:0;border-top-left-radius:6px;top:16px;left:16px}.corner.tr{border-bottom:0;border-left:0;border-top-right-radius:6px;top:16px;right:16px}.corner.bl{border-top:0;border-right:0;border-bottom-left-radius:6px;bottom:16px;left:16px}.corner.br{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:16px;right:16px}.reticle{aspect-ratio:1;border:1.5px solid var(--focus);opacity:0;width:17%;animation:lock 1.6s var(--ease-exit) .2s both;border-radius:4px;position:absolute;top:44%;left:50%;translate:-50% -50%;box-shadow:0 0 0 1px #00000026}.reticle:before,.reticle:after{content:"";background:var(--focus);position:absolute;top:50%;left:50%;translate:-50% -50%}.reticle:before{width:10px;height:1.5px}.reticle:after{width:1.5px;height:10px}@keyframes lock{0%{opacity:0;scale:1.5}20%{opacity:1;scale:1.18}45%{scale:.94}62%{scale:1.03}78%,88%{opacity:1;scale:1}to{opacity:.55;scale:1}}.hud{letter-spacing:.04em;color:#fff;gap:14px;font:600 12px/1 ui-monospace,SF Mono,Menlo,monospace;display:flex;position:absolute}.hud-top{-webkit-backdrop-filter:blur(8px);background:#0e14108c;border-radius:999px;padding:7px 12px;top:22px;left:50%;translate:-50%}.flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.snap .flash{animation:flash .52s var(--ease-exit)}.snap .shot{animation:pull .9s var(--ease-exit) both}.snap .reticle{animation:lock .9s var(--ease-exit) both}@keyframes flash{0%{opacity:.9}to{opacity:0}}.deck{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 8px 4px;display:grid}.readout{letter-spacing:.03em;color:var(--bar-text);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font:600 13px/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-flex}.readout.right{color:var(--bar-dim);justify-self:end}.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;animation:2s ease-in-out infinite beat}@keyframes beat{50%{opacity:.35}}.shutter{cursor:pointer;width:56px;height:56px;transition:transform var(--dur-press) var(--ease-exit);background:#ffffff24;border:0;border-radius:50%;place-items:center;padding:5px;display:grid}.shutter span{background:var(--shutter);width:100%;height:100%;box-shadow:0 0 0 3px var(--edge) inset;border-radius:50%}.shutter:hover span{filter:brightness(1.06)}.shutter:active{transform:scale(.92)}.shutter:focus-visible{outline:2px solid var(--cta);outline-offset:3px}@media (width<=640px){.cam{border-radius:20px;padding:7px}.finder{aspect-ratio:4/3.4;border-radius:14px}.corner{width:18px;height:18px}.corner.tl,.corner.tr{top:12px}.corner.bl,.corner.br{bottom:12px}.corner.tl,.corner.bl{left:12px}.corner.tr,.corner.br{right:12px}.hud{gap:10px;font-size:11px}.hud-top{top:10px}.shot-light{translate:0 11%}.reticle{width:24%;top:46%}.readout.right{display:none}.deck{grid-template-columns:1fr auto;padding:10px 6px 3px}.shutter{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.shot,.reticle,.snap .shot,.snap .reticle,.snap .flash,.dot{animation:none}.reticle{opacity:.55}}