: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);scroll-padding-top:88px}body{--edge:#262a27;--edge-line:#161917;--hero-muted:#ccd4cc;min-height:100dvh;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;isolation:isolate;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif}:root[data-theme=light] body{--hero-muted:#384138}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) body{--hero-muted:#384138}}.sky{z-index:-1;pointer-events:none;filter:hue-rotate(235deg)saturate(.45);opacity:.3;background:url(/img/mockcam-hero-sky.webp) 50% 75%/cover no-repeat;position:fixed;inset:0}.site-header{top:max(14px, env(safe-area-inset-top));z-index:50;pointer-events:none;justify-content:center;padding-inline:12px;display:flex;position:fixed;left:0;right:0}.capsule{pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(1.4);color:#fff;background:#0e1410e0;border-radius:18px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 34px #0003}.brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:8px;min-height:40px;padding:0 10px 0 7px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.nav-link,.theme-toggle{color:#d4d9d4;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.nav-link:hover,.theme-toggle:hover{color:#fff;background:#ffffff14}.nav-launch,.btn-hero{background:var(--cta);min-height:44px;color:var(--cta-ink);transition:transform var(--dur-press) var(--ease-exit), filter var(--dur-press);border-radius:13px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -12px #00000080}.nav-launch:hover,.btn-hero:hover{filter:brightness(1.06)}.nav-launch:active,.btn-hero:active{transform:scale(.97)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}.capsule a:focus-visible,.capsule button:focus-visible{outline-color:var(--accent);outline-offset:2px}.skip{z-index:100;background:var(--text);color:var(--bg);border-radius:10px;padding:10px 16px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{width:100%;max-width:1440px;min-height:100svh;padding:clamp(92px, 8svh, 144px) 20px max(40px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;display:flex}.launch-copy{text-align:center;width:100%}h1{letter-spacing:-.035em;text-wrap:balance;margin:clamp(24px,2.4svh,40px) auto 0;font-size:clamp(38px,min(4.2vw,6svh),88px);font-weight:600;line-height:1.08}.when{max-width:42rem;color:var(--hero-muted);text-wrap:pretty;margin:14px auto 0;font-size:clamp(15px,1.1vw,20px);line-height:1.5}.when time,.ph{color:var(--text);font-weight:600}[data-local]{display:block}.count{justify-content:center;align-items:center;gap:20px;margin-top:28px;display:flex}.unit{justify-items:center;gap:9px;display:grid}.dial{aspect-ratio:1;place-items:center;width:60px;display:grid;position:relative}.dial-ring{width:100%;height:100%;color:var(--accent-text);position:absolute;inset:0}.dial-tick{stroke:currentColor;stroke-width:.7px;stroke-linecap:round;opacity:.4}.dial-tick.major{opacity:.9}.num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:600;line-height:1}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--hero-muted);font-size:9px;font-weight:600}.btn-hero{min-height:48px;margin-top:28px;padding:0 22px;font-size:15px}.fine{color:var(--hero-muted);margin:14px auto 0;font-size:12px}.live{margin:18px 0 0;font-weight:600}.live[hidden]{display:none}.live a{color:var(--text)}.cam{--finder-inset:16px;background:var(--edge);border:1px solid var(--edge-line);border-radius:var(--radius-sheet);width:min(100%,clamp(380px,min(38vw,47svh),720px));margin:0;padding:8px;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -24px #00000073,0 12px 24px -12px #0000004d}.finder{aspect-ratio:16/8.5;background:var(--stage);isolation:isolate;border-radius:15px;position:relative;overflow:hidden}.card-stage{perspective:1100px;justify-content:center;align-items:center;display:flex;position:absolute;inset:50px 46px 30px}.shot{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;animation:pull 1.2s var(--ease-exit) both;border-radius:12px;display:block;transform:rotateX(8deg)rotateY(-12deg)rotate(-4deg);box-shadow:0 20px 34px -14px #0000007a}.shot-dark,:root[data-theme=dark] .shot-light{display:none}:root[data-theme=dark] .shot-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot-light{display:none}:root:not([data-theme=light]) .shot-dark{display:block}}@keyframes pull{0%{filter:blur(7px);scale:1.035}to{filter:blur();scale:1}}.corner{mix-blend-mode:difference;border:2px solid #ffffffd9;width:26px;height:26px;position:absolute}.corner.tl{top:var(--finder-inset);left:var(--finder-inset);border-bottom:0;border-right:0;border-top-left-radius:6px}.corner.tr{top:var(--finder-inset);right:var(--finder-inset);border-bottom:0;border-left:0;border-top-right-radius:6px}.corner.bl{bottom:var(--finder-inset);left:var(--finder-inset);border-top:0;border-right:0;border-bottom-left-radius:6px}.corner.br{bottom:var(--finder-inset);right:var(--finder-inset);border-top:0;border-left:0;border-bottom-right-radius:6px}.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{padding:2px var(--finder-inset) 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;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 10px/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-flex}.readout.right{color:var(--bar-dim);justify-self:end}.dot{background:color-mix(in srgb, var(--cta) 22%, transparent);border-radius:50%;flex:0 0 16px;place-items:center;width:16px;height:16px;animation:2s ease-in-out infinite beat;display:grid}.dot:before{content:"";background:var(--cta);border-radius:50%;width:8px;height:8px}@keyframes beat{50%{opacity:.35}}.shutter{cursor:pointer;min-width:108px;height:44px;color:var(--cta-ink);transition:transform var(--dur-press) var(--ease-exit);background:0 0;border:0;border-radius:999px;place-items:center;padding:6px 0;font-family:inherit;font-size:12px;font-weight:650;display:grid}.shutter span{background:var(--cta);border-radius:999px;place-items:center;width:100%;min-height:32px;padding-inline:16px;display:grid;box-shadow:inset 0 1px #ffffff4d,0 8px 22px -12px #00000080}.shutter:hover span{filter:brightness(1.06)}.shutter:active{transform:scale(.96)}.shutter:focus-visible{outline:2px solid var(--cta);outline-offset:3px}@media (width<=640px){.cam{--finder-inset:12px;border-radius:20px;width:100%;padding:7px}.stage{justify-content:flex-start;padding:94px 16px 32px}.brand{gap:6px;padding-inline:4px 7px;font-size:14px}.nav-link{display:none}.theme-toggle{padding-inline:10px}.nav-launch{padding-inline:12px;font-size:13px}.finder{aspect-ratio:16/10;border-radius:14px}.card-stage{inset:42px 30px 24px}.shot{border-radius:8px}h1{margin-top:28px;font-size:clamp(34px,8.8vw,44px)}.desktop-break{display:none}.when{max-width:24rem;margin-top:16px;font-size:14px}.count{gap:16px;margin-top:24px}.dial{width:52px}.num{font-size:20px}.label{letter-spacing:.06em}.btn-hero{margin-top:24px}.fine{max-width:27ch}.corner{width:18px;height:18px}.hud{gap:10px;font-size:11px}.hud-top{top:10px}.reticle{width:24%;top:46%}.readout.right{display:none}.deck{grid-template-columns:1fr auto}.shutter{min-width:100px}}@media (width>=641px) and (height<=850px){.stage{padding-top:92px}.cam{width:360px}.deck{gap:8px}.readout{gap:6px;font-size:9px}.shutter{min-width:100px}h1{margin-top:22px;font-size:46px}.when{margin-top:12px;font-size:15px}.count{margin-top:20px}.btn-hero{margin-top:22px}}@media (width>=641px) and (orientation:portrait){.cam{width:min(100%,58svh,720px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.shot,.reticle,.snap .shot,.snap .reticle,.snap .flash,.dot{animation:none}.reticle{opacity:.55}}
