:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#19233a;--night-2:#232f4d;--surface:#202b44;--dusk:#384562;--moon:#f2c57c;--moon-hover:#f8d79f;--lavender:#c3bfeb;--fog:#f1f2f7;--slate:#a5aec5;--alert:#ffab9e;--ok:#8fd6a8;--line:#35405a;--font:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--radius:16px;--shadow:0 24px 70px #070c1947}*{box-sizing:border-box}html{min-height:100%;scroll-padding-top:2rem}body{background:var(--night);min-height:100dvh;color:var(--fog);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,select{font:inherit}a{color:inherit;text-underline-offset:.2em}button,.button{background:var(--moon);min-height:48px;color:var(--night);cursor:pointer;transition:background-color .18s ease, color .18s ease, transform .18s var(--ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.15rem;font-size:.9375rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}button:active:not(:disabled),.button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost,.button.ghost{background:var(--night-2);color:var(--fog)}.icon{flex:none;display:block}.icon-button{width:44px;min-height:44px;color:var(--slate);background:0 0;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:.65rem;text-decoration:none;display:inline-flex}.text-button{color:var(--slate);background:0 0;padding:.65rem .25rem}.text-link{color:var(--slate);align-items:center;gap:.5rem;min-height:44px;font-size:.875rem;text-decoration:none;display:inline-flex}:where(button,input,select,a,summary):focus-visible{outline:3px solid var(--lavender);outline-offset:4px}input{color:var(--fog);font-size:1rem}input::placeholder{color:var(--slate);opacity:1}::selection{background:var(--moon);color:var(--night)}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.2}.skip-link{z-index:300;color:var(--night);background:var(--moon);border-radius:10px;padding:.8rem 1rem;position:fixed;top:-8rem;left:1rem}.skip-link:focus{top:1rem}.home-shell,.camera-shell{width:min(100%,1160px);padding:env(safe-area-inset-top,0px) max(2.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(2.5rem, env(safe-area-inset-left));margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:112px;display:flex}.brand{letter-spacing:-.025em;align-items:center;gap:.75rem;min-width:0;font-size:1.125rem;font-weight:400;text-decoration:none;display:inline-flex}.brand img{flex:none;width:42px;height:42px}.brand b{font-weight:750}.header-help{color:var(--slate);align-items:center;gap:.55rem;min-height:44px;font-size:.8125rem;text-decoration:none;display:flex}.home{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4.5rem 5rem;padding:4.5rem 0 3rem;display:grid}.home-intro{padding-top:1.25rem}.home h1{letter-spacing:-.035em;margin-bottom:1.4rem;font-size:2.875rem;font-weight:720;line-height:1.17}.home h1 span{color:var(--moon)}.intro-copy{max-width:34ch;color:var(--slate);margin-bottom:2.25rem;font-size:1.0625rem;line-height:1.7}.connection-diagram{align-items:center;width:min(100%,338px);margin:2.4rem 0 1.8rem;display:flex}.diagram-device{width:100px;color:var(--fog);flex-direction:column;flex:none;justify-content:flex-start;align-items:center;gap:.9rem;display:flex}.diagram-device>.icon{height:46px}.diagram-device>span{color:var(--slate);font-size:.6875rem}.diagram-connection{flex:1;align-items:center;margin-top:-2rem;display:flex}.connection-line{background:var(--dusk);flex:1;height:1px}.connection-lock{width:34px;height:34px;color:var(--moon);place-items:center;display:grid}.privacy-note{color:var(--slate);align-items:flex-start;gap:.7rem;margin:0;font-size:.8125rem;line-height:1.65;display:flex}.privacy-note>.icon{color:var(--ok);margin-top:.2rem}.home-actions{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1.75rem}.section-heading{align-items:center;gap:.9rem;margin-bottom:1.3rem;display:flex}.section-heading h2{letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.125rem;font-weight:700}.section-heading p{color:var(--slate);margin-bottom:0;font-size:.8125rem}.action-icon{width:48px;height:48px;color:var(--moon);background:#3a3a41;border-radius:13px;flex:none;place-items:center;display:grid}.action-icon.secondary{color:var(--lavender);background:#32374f}.camera-cta{justify-content:space-between;width:100%;min-height:52px;padding-inline:1.2rem}.camera-cta .icon{transition:transform .2s var(--ease)}.action-hint{color:var(--slate);text-align:center;margin:.8rem 0 0;font-size:.6875rem}.join-section{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.6rem}.input-label{color:var(--slate);margin-bottom:.65rem;font-size:.75rem;display:block}.join{background:var(--night);border:1px solid #687591;border-radius:12px;align-items:center;gap:.65rem;padding:.35rem .35rem .35rem .8rem;transition:border-color .18s;display:flex}.join>.icon{color:var(--slate)}.join input{background:0 0;border:0;flex:1;width:100%;min-width:0;padding:.6rem 0;line-height:1.4}.join input:focus-visible{outline:none}.join:focus-within{border-color:var(--lavender);outline:2px solid var(--lavender);outline-offset:3px}.join button{background:var(--dusk);min-height:42px;color:var(--fog);border-radius:8px;padding:.6rem .75rem;font-size:.8125rem}.join.has-error{border-color:var(--alert)}.field-error{color:var(--alert);margin:.8rem 0 0;font-size:.8125rem;line-height:1.6}.saved-section{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.4rem}.saved-title{color:var(--slate);justify-content:space-between;align-items:center;margin:0 0 .5rem;font-size:.8125rem;display:flex}.saved-title>span{background:var(--dusk);text-align:center;min-width:23px;color:var(--fog);border-radius:6px;padding:.1rem .4rem;font-size:.6875rem}.saved{align-items:center;gap:.25rem;display:flex}.saved+.saved{border-top:1px solid var(--line)}.saved-camera{border-radius:8px;flex:1;align-items:center;gap:.75rem;min-width:0;padding:.9rem .25rem;text-decoration:none;display:flex}.saved-camera>.icon:first-child{color:var(--lavender)}.saved-camera>.icon:last-child{color:var(--slate);margin-left:auto}.saved-camera strong,.saved-camera small{display:block}.saved-camera strong{font-size:.8125rem;font-weight:600}.saved-camera small{color:var(--slate);margin-top:.25rem;font-size:.6875rem}.how-it-works{border-top:1px solid var(--line);grid-column:1/-1;padding-top:2.25rem;scroll-margin-top:2rem}.how-it-works h2{margin-bottom:1.6rem;font-size:1rem;font-weight:650}.how-it-works ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.how-it-works li{align-items:flex-start;gap:.8rem;display:flex}.step-number{border:1px solid var(--dusk);width:26px;height:26px;color:var(--slate);border-radius:50%;flex:none;place-items:center;font-size:.75rem;display:grid}.how-it-works h3{margin:.2rem 0 .5rem;font-size:.8125rem;font-weight:650}.how-it-works p{color:var(--slate);margin:0;font-size:.75rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:var(--slate);padding-top:1.4rem;font-size:.6875rem}.footer-meta{justify-content:space-between;align-items:center;gap:1rem;display:flex}.version{color:var(--slate);margin-left:.5rem;font-size:.625rem}.footer-meta nav{flex-wrap:wrap;gap:1.25rem;display:flex}.footer-meta a{align-items:center;min-height:28px;text-decoration:none;display:inline-flex}.site-footer>p{max-width:100ch;margin:.8rem 0 .4rem;font-size:.625rem;line-height:1.75}.cam{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:2.25rem;padding:2.75rem 0;display:grid}.preview-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.preview-heading h1{letter-spacing:-.025em;margin:0;font-size:1.5rem}.preview-label{color:var(--slate);font-size:.75rem}.video-frame{border-radius:var(--radius);aspect-ratio:4/3;background:#101827;position:relative;overflow:hidden}.cam-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.cam-video.no-mirror{transform:none}.status{color:var(--fog);background:#19233aed;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.dot{background:var(--slate);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.status.live .dot{background:var(--ok);animation:2.4s ease-in-out infinite live-pulse}.status.bad .dot{background:var(--alert)}.preview-status{z-index:2;max-width:calc(100% - 2rem);position:absolute;top:1rem;left:1rem}.preview-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;display:flex;position:absolute;inset:3rem 1.5rem 1.5rem}.preview-placeholder>strong{font-size:1rem;font-weight:600}.preview-placeholder>span:last-child{color:var(--slate);max-width:34ch;font-size:.75rem}.state-icon{border:1px solid var(--dusk);width:80px;height:80px;color:var(--moon);border-radius:24px;justify-content:center;align-items:center;margin-bottom:1.1rem;display:inline-flex}.preview-meta{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.8rem;display:flex}.preview-meta>span{color:var(--slate);align-items:center;gap:.4rem;font-size:.6875rem;display:inline-flex}.preview-meta>span:first-child>.icon{color:var(--ok)}.cam-switch{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.5rem;display:flex}.cam-switch small{color:var(--slate);font-size:.75rem}.cam-select{border:1px solid var(--dusk);background:var(--night-2);color:var(--fog);border-radius:10px;max-width:100%;min-height:44px;padding:.75rem}.camera-guidance{color:var(--slate);align-items:flex-start;gap:.6rem;margin-top:1.75rem;display:flex}.camera-guidance>.icon{margin-top:.1rem}.camera-guidance p{max-width:53ch;margin:0;font-size:.8125rem;line-height:1.65}.dim-btn{margin-top:1.25rem}.dim-help{color:var(--slate);margin:.6rem 0 0;font-size:.6875rem}.cam-side{border-radius:var(--radius);background:var(--surface);margin-top:2.9rem;padding:1.5rem}.cam-side .section-heading{gap:.65rem}.cam-side .section-heading h2{font-size:1rem}.cam-side .action-icon{width:42px;height:42px}.qr-area{flex-direction:column;align-items:center;margin:1.7rem 0 1.4rem;display:flex}.qr{aspect-ratio:1;background:#e7e9f2;border-radius:14px;width:min(100%,224px);padding:16px}.qr img{width:100%;height:100%;display:block}.qr-area>span{color:var(--slate);text-align:center;margin-top:.9rem;font-size:.6875rem}.qr-loading{width:100%;height:100%;color:var(--dusk);place-items:center;animation:1.8s ease-in-out infinite live-pulse;display:grid}.link-row,.copy-button{width:100%}.copy-button{font-size:.8125rem}.copy-fallback label{color:var(--slate);margin-top:1rem;font-size:.75rem;display:block}.copy-fallback input{border:1px solid var(--dusk);background:var(--night);border-radius:8px;width:100%;margin-top:.4rem;padding:.7rem}.share-warning{color:var(--slate);align-items:flex-start;gap:.5rem;margin:1rem 0;font-size:.6875rem;line-height:1.7;display:flex}.share-warning .icon{margin-top:.2rem}.reset-link{border-top:1px solid var(--line);border-radius:0;width:100%;min-height:44px;padding-bottom:0;font-size:.75rem}.camera-error>.icon{color:var(--alert);margin-bottom:1rem}.camera-error h2{font-size:1.2rem}.camera-error p{color:var(--slate);font-size:.875rem;line-height:1.7}.modal.dim-dialog{background:#000;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.modal.dim-dialog[open]{animation:none}.dimmed{z-index:50;color:#8a8a8a;cursor:pointer;background:#000;border-radius:0;place-items:center;width:100%;height:100%;font-size:.8125rem;font-weight:400;display:grid;position:fixed;inset:0}.dimmed:active:not(:disabled){transform:none}.dimmed-indicator{top:max(1.5rem, env(safe-area-inset-top));color:#ffb3a8;white-space:nowrap;background:#2a0f0f;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.dimmed-indicator .dot{background:var(--alert)}.watch{background:var(--night);position:fixed;inset:0}.watch>video{object-fit:contain;opacity:0;background:#000;width:100%;height:100%;transition:opacity .25s}.watch.is-live>video{opacity:1}.watch-top,.watch-bottom{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right));align-items:center;gap:.8rem;display:flex;position:absolute;left:0;right:0}.watch-top{padding-top:max(1rem, env(safe-area-inset-top));justify-content:space-between;top:0}.watch-back{color:var(--fog);background:#19233ae8}.watch-secure{width:44px;min-height:44px;color:var(--slate);background:#19233ae8;border-radius:12px;place-items:center;display:grid}.watch-bottom{padding-bottom:max(1.5rem, env(safe-area-inset-bottom));justify-content:center;bottom:0}.watch-controls{box-shadow:var(--shadow);background:#19233af5;border-radius:16px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.watch-controls button{border-radius:10px;min-width:114px}.watch-controls .ghost{background:0 0}.watch-msg{text-align:center;color:var(--slate);place-items:center;display:grid;position:absolute;inset:5rem 1.5rem}.watch-msg>div{max-width:390px}.watch-msg h1{color:var(--fog);margin:.5rem 0 .8rem;font-size:1.5rem;font-weight:650}.watch-msg p{margin-bottom:1.5rem;font-size:.875rem;line-height:1.7}.is-connecting .icon{animation:1.8s ease-in-out infinite live-pulse}.modal,.sheet{color:var(--fog);background:var(--night-2);box-shadow:var(--shadow);border:0;border-radius:16px;width:min(100% - 2rem,440px);max-height:calc(100dvh - 2rem);padding:1.75rem;overflow-y:auto}.modal::backdrop,.sheet::backdrop{background:#050a15c7}.modal[open]{animation:dialog-in .23s var(--ease) both}.dialog-icon{width:52px;height:52px;color:var(--moon);background:#3a3a41;border-radius:14px;place-items:center;margin-bottom:1.25rem;display:grid}.modal h2{letter-spacing:-.025em;margin-bottom:1rem;font-size:1.375rem;font-weight:650}.modal-tag{color:var(--lavender);vertical-align:middle;letter-spacing:0;background:#353b56;border-radius:6px;margin-left:.3rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.modal ul{color:var(--slate);margin:0 0 1.5rem;padding-left:1.1rem;font-size:.875rem;line-height:1.7}.modal li+li{margin-top:.7rem}.modal-sub{color:var(--lavender);font-size:.8125rem}.dialog-done{width:100%}.consent{width:min(100% - 2rem,500px)}.consent>p{color:var(--slate);margin-bottom:1.25rem;font-size:.8125rem;line-height:1.65}.consent label{border-top:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:.8rem;padding:.9rem 0;font-size:.8125rem;line-height:1.65;display:flex}.consent label:last-of-type{margin-bottom:.8rem}.consent input{width:20px;height:20px;accent-color:var(--moon);flex:none;margin:.2rem 0 0}.consent a{color:var(--lavender)}.consent-submit{width:100%;font-size:.8125rem}.consent-back{justify-content:center;align-items:center;min-height:44px;margin-top:.6rem;font-size:.75rem;text-decoration:none;display:flex}.sheet{width:min(100%,460px);padding:1.25rem 1.25rem max(1.5rem, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:auto auto 0}.sheet[open]{animation:sheet-in .25s var(--ease) both}.sheet-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.sheet-heading h2{margin:0;font-size:1.125rem}.sheet-option{text-align:left;background:var(--night);width:100%;color:var(--fog);border-radius:12px;justify-content:space-between;margin-bottom:.55rem;padding:.9rem 1rem;font-weight:500;display:flex}.sheet-option strong{font-size:1rem;font-weight:650;display:block}.sheet-option>span>span{color:var(--slate);margin-top:.25rem;font-size:.75rem;font-weight:400;display:block}.sheet-option.active{outline:1px solid var(--moon);outline-offset:-1px}.sheet-option.active>.icon{color:var(--moon)}.sheet-note{color:var(--slate);margin:1rem 0 0;font-size:.75rem;line-height:1.65}.doc{max-width:700px;padding:max(2rem, env(safe-area-inset-top)) 1.5rem 4rem;margin:0 auto;line-height:1.75}.doc h1{letter-spacing:-.025em;margin:1.5rem 0 .3rem;font-size:2rem}.doc h2{color:var(--moon);margin:2rem 0 .65rem;font-size:1.125rem}.doc p,.doc li{color:var(--fog)}.doc ul{padding-left:1.2rem}.doc li+li{margin-top:.5rem}.doc-date{font-size:.875rem;color:var(--slate)!important}.doc-back{color:var(--slate);align-items:center;min-height:44px;font-size:.875rem;text-decoration:none;display:inline-flex}@media (hover:hover){button:hover:not(:disabled),.button:hover{background:var(--moon-hover)}button.ghost:hover:not(:disabled),.icon-button:hover{background:var(--dusk);color:var(--fog)}.text-button:hover{color:var(--fog);background:0 0}.join button:hover{background:var(--dusk);color:var(--moon)}.camera-cta:hover .icon{transform:translate(3px)}.saved-camera:hover{background:var(--night-2)}.header-help:hover,.text-link:hover,.footer-meta a:hover{color:var(--fog)}.sheet-option:hover:not(:disabled){background:var(--dusk)}.dimmed:hover:not(:disabled){background:#000}}@keyframes live-pulse{50%{opacity:.45}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.16s}::view-transition-new(root){animation-duration:.16s}@media (min-width:1440px){.home-shell,.camera-shell{width:min(100%,1280px);padding-inline:3.75rem}.home{column-gap:6.5rem;padding-top:5rem}}@media (max-width:960px){.home{gap:3rem 2.5rem}.home h1{font-size:2.375rem}.home-actions{padding:1.4rem}.home-shell,.camera-shell{padding-inline:max(1.5rem, env(safe-area-inset-left))}.cam{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:1.5rem}.cam-side{padding:1.2rem}}@media (max-width:700px){.home-shell,.camera-shell{padding-inline:max(1.25rem, env(safe-area-inset-left))}.site-header{min-height:86px}.brand{gap:.5rem;font-size:1rem}.brand img{width:36px;height:36px}.header-help{gap:.3rem;font-size:.6875rem}.header-help .icon{display:none}.home{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2.25rem}.home-intro{padding-top:0}.home h1{margin-bottom:.9rem;font-size:2.125rem}.intro-copy{max-width:42ch;margin-bottom:0;font-size:.9375rem;line-height:1.65}.connection-diagram{display:none}.privacy-note{gap:.45rem;margin-top:1.1rem;font-size:.6875rem}.privacy-note br{display:none}.privacy-note>.icon{width:16px;height:16px;margin-top:.1rem}.home-actions{padding:1.4rem}.how-it-works{padding-top:1.75rem}.how-it-works ol{grid-template-columns:1fr;gap:1.25rem}.how-it-works h2{margin-bottom:1.3rem}.how-it-works h3{margin-bottom:.25rem}.footer-meta{flex-direction:column;align-items:flex-start;gap:.4rem}.footer-meta nav{gap:1rem}.footer-meta a{min-height:36px}.cam{grid-template-columns:1fr;gap:1.75rem;padding-top:1.75rem}.cam-side{margin-top:0;padding:1.4rem}.video-frame{aspect-ratio:4/3}.preview-heading h1{font-size:1.375rem}.watch-controls{justify-content:space-between;width:min(100%,400px)}.watch-controls button{flex-direction:column;flex:1;gap:.4rem;min-width:0;min-height:64px;padding:.75rem .5rem;font-size:.6875rem}.modal{padding:1.4rem}}@media (max-width:359px){.home-shell,.camera-shell{padding-inline:max(1rem, env(safe-area-inset-left))}.brand{font-size:.875rem}.home h1{font-size:1.875rem}.home-actions{padding:1.1rem}.section-heading{gap:.65rem}.section-heading h2{font-size:1rem}.join{gap:.45rem}.join>.icon,.join button>.icon{display:none}}@media (orientation:landscape) and (max-height:520px){.watch-controls button{flex-direction:row;min-height:44px;padding:.5rem 1rem}.watch-bottom{padding-bottom:max(.7rem, env(safe-area-inset-bottom))}.watch-msg{inset:4rem 1rem 2rem}.watch-msg .state-icon{border-radius:16px;width:50px;height:50px;margin-bottom:.3rem}.watch-msg h1{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){button,.button,.camera-cta .icon,.watch>video,.join{transition:none}.status.live .dot,.is-connecting .icon,.qr-loading,.modal[open],.sheet[open]{animation:none}.camera-cta:hover .icon{transform:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}@media (prefers-contrast:more){:root{--slate:#d0d7e5;--line:#74819b;--dusk:#526180}}.brand-domain{opacity:.7;font-weight:450}.landing{--paper:#f4f1eb;--ink:#28313d;--muted-ink:#646769;background:var(--paper);color:var(--ink)}.landing-header{z-index:4;width:100%;padding:max(1.75rem, env(safe-area-inset-top)) max(4rem, env(safe-area-inset-right)) 1.75rem max(4rem, env(safe-area-inset-left));color:#fffaf1;background:0 0;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:absolute;top:0;left:0}.landing-header .brand{letter-spacing:-.035em;gap:.8rem;font-size:1.35rem}.landing-header .brand img{border-radius:13px;width:44px;height:44px}.landing-header nav{align-items:center;gap:2rem;font-size:.8125rem;display:flex}.landing-header nav>a{color:#f1eee7;align-items:center;gap:.5rem;min-height:44px;text-decoration:none;display:inline-flex}.landing-header nav>a:not(.header-camera){position:relative}.landing-header nav>a:not(.header-camera):after{content:"";background:var(--moon);transform-origin:0;width:100%;height:1px;transition:transform .2s var(--ease);position:absolute;bottom:4px;left:0;transform:scaleX(0)}.landing-header nav>a>span:not(:only-child){line-height:1}.landing-header .header-camera{background:#f8f0da1a;border:1px solid #f8f0da47;border-radius:999px;padding:.65rem 1.1rem}.sleep-hero{isolation:isolate;color:#fffaf1;background:#162330;align-items:center;min-height:max(780px,94svh);display:flex;position:relative}.hero-media{z-index:-2;position:absolute;inset:0;overflow:hidden}.hero-media>picture,.hero-media>.hero-poster,.hero-media>video{width:100%;height:100%;position:absolute;inset:0}.hero-media img,.hero-media>video{object-fit:cover;object-position:60% 48%;width:100%;height:100%;display:block}.hero-media>video{opacity:0;transition:opacity .35s}.hero-media>video.has-frame{opacity:1}.hero-media:after{content:"";z-index:1;background:linear-gradient(90deg,#0d1722d6 0%,#0d1722ad 29%,#0d172226 63%,#0d17220a 100%),linear-gradient(#0d172299 0%,#0000 24% 67%,#0d1722c7 100%);position:absolute;inset:0}.hero-content{width:100%;max-width:1600px;padding:9.5rem max(4rem, env(safe-area-inset-right)) 9.5rem max(4rem, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:end;gap:3rem;margin-inline:auto;display:grid}.hero-copy{max-width:700px}.hero-copy h1{letter-spacing:-.04em;text-wrap:initial;margin:0 0 1.7rem;font-family:Avenir Next,Segoe UI,sans-serif;font-size:4.75rem;font-weight:500;line-height:1.08}.hero-copy h1>span{color:#f6d7a6}.hero-copy>p{color:#dfddd7;max-width:37ch;margin-bottom:2.4rem;font-size:1.0625rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-actions>.button,.hero-actions>button{border-radius:999px;gap:.6rem;min-height:54px;padding:.9rem 1.3rem;font-size:.875rem}.hero-primary{background:#f2c57c;box-shadow:0 8px 32px #040c1633}.hero-primary>.icon:last-child{transition:transform .22s var(--ease);margin-left:.15rem}.hero-actions .hero-secondary{color:#fffaf1;background:#1923305c;border:1px solid #fffaf15c}.hero-actions .hero-secondary.selected{background:#fffaf12b;border-color:#fffaf1bf}.hero-assurance{color:#c6c7c6;align-items:center;gap:.55rem;margin-top:1.5rem;font-size:.6875rem;display:flex}.hero-assurance .icon{color:#d0dacd}.hero-film-controls{right:max(4rem, env(safe-area-inset-right));z-index:2;align-items:center;gap:1rem;display:flex;position:absolute;bottom:2.4rem}.film-credit{text-align:right;color:#e3dfd6;flex-direction:column;gap:.15rem;font-size:.625rem;line-height:1.5;text-decoration:none;display:flex}.film-credit>span{opacity:.85;font-size:.5625rem}.film-toggle{color:#fffaf1;background:#fffaf11a;border:1px solid #fffaf14d;border-radius:50%;min-width:44px;min-height:44px;padding:.6rem}.hero-scroll{left:max(4rem, env(safe-area-inset-left));color:#dddcd7;align-items:center;gap:1rem;min-height:44px;font-size:.6875rem;text-decoration:none;display:inline-flex;position:absolute;bottom:2.4rem}.hero-scroll .icon{transition:transform .22s var(--ease)}.hero-join{color:var(--fog);-webkit-backdrop-filter:blur(20px);animation:dialog-in .23s var(--ease);background:#192332eb;border-radius:16px;padding:1.7rem;box-shadow:0 20px 50px #070c193d}.hero-join[hidden]{display:none}.hero-join-heading{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.hero-join .action-icon{color:#f6d7a6;background:#f6d7a61a}.hero-join h2{letter-spacing:-.02em;margin:0 0 .7rem;font-size:1.25rem;line-height:1.3}.hero-join>p{color:#b9c2d0;margin-bottom:1.5rem;font-size:.8125rem;line-height:1.7}.hero-join .input-label{color:#c4cad3;font-size:.6875rem}.hero-join .join{background:#070f1c59}.hero-join .join button{background:var(--moon);color:var(--night);min-width:44px}.hero-recent{color:#e4ceaa;border-top:1px solid #ffffff1f;align-items:center;gap:.6rem;min-height:44px;margin-top:1.5rem;padding-top:1rem;font-size:.75rem;text-decoration:none;display:flex}.hero-recent .icon:last-child{margin-left:auto}.landing-details{max-width:1280px;padding:0 max(4rem, env(safe-area-inset-right)) max(2rem, env(safe-area-inset-bottom)) max(4rem, env(safe-area-inset-left));margin:auto}.setup-story{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:5rem;padding:5rem 0 4.5rem;scroll-margin-top:2rem;display:grid}.setup-story-intro h2{letter-spacing:-.035em;margin:0 0 1.4rem;font-family:Avenir Next,Segoe UI,sans-serif;font-size:2.625rem;font-weight:500;line-height:1.15}.setup-story-intro h2 span{color:#777c7b}.setup-story-intro>p{color:var(--muted-ink);max-width:36ch;margin-bottom:1.6rem;font-size:.875rem;line-height:1.8}.setup-devices{color:#555f62;align-items:center;gap:.7rem;width:210px;display:flex}.setup-devices>span{background:#c9c8c1;flex:1;height:1px}.setup-devices>.icon:nth-child(3){color:#9a7b4c}.setup-steps details{border-bottom:1px solid #d4d5cf}.setup-steps details:first-child{border-top:1px solid #d4d5cf}.setup-steps summary{cursor:pointer;align-items:center;gap:1rem;min-height:78px;padding:1.3rem 0;font-size:1rem;font-weight:550;list-style:none;display:flex}.setup-steps summary::-webkit-details-marker{display:none}.story-number{color:#747978;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:450}.setup-steps summary>.icon{transition:transform .23s var(--ease);color:#656d6c;margin-left:auto}.setup-steps details[open] summary>.icon{transform:rotate(45deg)}.setup-steps .step-body{padding:0 2rem 1.5rem}.step-body p{color:var(--muted-ink);max-width:54ch;margin-bottom:.8rem;font-size:.8125rem;line-height:1.85}.step-body a,.step-body .step-join{color:#5a633f;background:0 0;align-items:center;gap:.6rem;min-height:44px;padding:.5rem 0;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.step-privacy{color:#5a633f;align-items:center;gap:.45rem;min-height:36px;font-size:.75rem;display:inline-flex}.landing-saved{padding-top:3rem}.saved-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.saved-heading h2{margin:0;font-size:1.125rem;font-weight:600}.saved-heading>span{color:var(--muted-ink);font-size:.75rem}.landing-saved .saved-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem;display:grid}.landing-saved .saved{border-top:none;border-bottom:1px solid #d4d5cf}.landing-saved .saved-camera{padding:1rem .25rem}.landing-saved .saved-camera .icon:first-child{color:#7c855e}.landing-saved .saved-camera .icon:last-child,.landing-saved .saved-camera small,.landing-saved .remove{color:var(--muted-ink)}.landing-footer{border-top:1px solid #d4d5cf;padding-top:1.7rem}.landing-footer>div{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.landing-footer .brand{letter-spacing:-.035em;gap:.6rem;font-size:.9375rem}.landing-footer .brand img{border-radius:9px;width:30px;height:30px}.landing-footer nav{color:var(--muted-ink);flex-wrap:wrap;align-items:center;gap:1.4rem;font-size:.625rem;display:flex}.landing-footer nav a{align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.landing-footer nav>span{color:#717673;font-size:.625rem}.landing-footer>p{color:#6f7471;max-width:120ch;margin:1rem 0 0;font-size:.625rem;line-height:1.8}.landing :where(a,button,summary):focus-visible{outline-color:#d6ad6b}@media (hover:hover){.landing-header nav a:hover:after{transform:scaleX(1)}.landing-header .header-camera:hover{background:#f8f0da33}.hero-actions .hero-primary:hover{background:#f8d6a1}.hero-primary:hover>.icon:last-child{transform:translate(3px)}.hero-actions .hero-secondary:hover,.film-toggle:hover:not(:disabled){color:#fffaf1;background:#fffaf133}.hero-scroll:hover .icon{transform:translateY(3px)}.film-credit:hover{color:#fff}.setup-steps summary:hover{color:#82633d}.step-body .step-join:hover{color:#82633d;background:0 0}.landing-saved .saved-camera:hover,.landing-saved .remove:hover{color:var(--ink);background:#e9e7df}.landing-footer nav a:hover{color:var(--ink)}}@media (min-width:1600px){.landing-header{padding-inline:max(4rem,50% - 736px)}.hero-copy h1{font-size:5.5rem}.hero-film-controls{right:max(4rem,50% - 736px)}.hero-scroll{left:max(4rem,50% - 736px)}}@media (max-width:1150px){.landing-header{padding-inline:2.5rem}.hero-content{grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:2rem;padding-inline:2.5rem}.hero-copy h1{font-size:3.6rem}.hero-copy>p{max-width:32ch;font-size:.9375rem}.hero-actions{gap:.6rem}.hero-actions>.button,.hero-actions>button{padding-inline:1.1rem;font-size:.8125rem}.hero-join{padding:1.35rem}.hero-scroll{left:2.5rem}.hero-film-controls{right:2.5rem}.landing-details{padding-inline:2.5rem}.setup-story{gap:3rem}.setup-story-intro h2{font-size:2.25rem}}@media (max-width:850px){.hero-content{grid-template-columns:1fr;gap:2.5rem;padding-top:12rem;padding-bottom:9rem}.hero-copy{max-width:540px}.hero-copy h1{font-size:4rem}.hero-join{width:min(100%,430px)}.hero-media:after{background:linear-gradient(90deg,#0d1722bf,#0d172240),linear-gradient(#0d17228c,#0000 25%,#0d172240 65%,#0d1722d1)}.setup-story{grid-template-columns:1fr 1.2fr;gap:2rem}.setup-story-intro h2{font-size:1.875rem}.setup-steps summary{gap:.8rem;font-size:.875rem}}@media (max-width:600px){.landing-header{padding:max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) 1rem max(1.25rem, env(safe-area-inset-left));gap:1rem}.landing-header .brand{gap:.55rem;font-size:1.05rem}.landing-header .brand img{border-radius:11px;width:36px;height:36px}.landing-header nav{gap:.8rem;font-size:.6875rem}.landing-header nav>a:not(.header-camera){display:none}.landing-header .header-camera{gap:.4rem;min-height:40px;padding:.55rem .75rem}.landing-header .header-camera .icon{width:16px;height:16px}.sleep-hero{align-items:flex-end;min-height:max(760px,96svh)}.hero-media img,.hero-media>video{object-position:61% 47%}.hero-media:after{background:linear-gradient(#0d17228c 0%,#0d172214 20%,#0d172229 32%,#0d1722b3 50%,#0d1722eb 76%,#111d2a 100%)}.hero-content{gap:1.6rem;padding:22rem 1.5rem 7.5rem}.hero-copy h1{letter-spacing:-.04em;margin-bottom:1.15rem;font-size:2.9rem;line-height:1.1}.hero-copy>p{max-width:32ch;margin-bottom:1.6rem;font-size:.875rem;line-height:1.8}.hero-actions{flex-direction:column;align-items:stretch;gap:.6rem}.hero-actions>.button,.hero-actions>button{min-height:50px;padding:.8rem 1rem;font-size:.8125rem}.hero-assurance{gap:.4rem;margin-top:1.15rem;font-size:.625rem;line-height:1.6}.hero-assurance .icon{width:14px;height:14px}.hero-film-controls{gap:.65rem;bottom:1.5rem;right:1.5rem}.film-credit{font-size:.5625rem}.film-credit>span{font-size:.5rem}.hero-scroll{gap:.4rem;font-size:.625rem;bottom:1.5rem;left:1.5rem}.hero-scroll .icon{width:15px;height:15px}.hero-join{width:100%;padding:1.3rem}.hero-join h2{font-size:1.15rem}.landing-details{padding-inline:max(1.5rem, env(safe-area-inset-left))}.setup-story{grid-template-columns:1fr;gap:2rem;padding:3.2rem 0 3rem}.setup-story-intro h2{margin-bottom:1rem;font-size:2.1rem}.setup-story-intro>p{max-width:39ch;margin-bottom:1rem;font-size:.8125rem}.setup-devices{display:none}.setup-steps summary{min-height:72px}.setup-steps .step-body{padding-inline:1.85rem 0}.step-body p{font-size:.8125rem}.saved-heading{flex-direction:column;gap:.5rem}.landing-saved .saved-list{grid-template-columns:1fr}.landing-footer>div{flex-direction:column;align-items:flex-start;gap:.8rem}.landing-footer nav{gap:1.2rem}.landing-footer nav a{min-height:36px}.landing-footer>p{font-size:.625rem}}@media (max-width:359px){.landing-header{padding-inline:1rem}.landing-header .brand{font-size:.9375rem}.landing-header .brand img{width:32px;height:32px}.landing-header .header-camera{padding-inline:.55rem;font-size:.625rem}.hero-content{padding-inline:1.25rem}.hero-copy h1{font-size:2.5rem}.hero-scroll{left:1.25rem}.hero-film-controls{right:1.25rem}.hero-scroll>span{max-width:60px}}@media (prefers-reduced-motion:reduce){.hero-join{animation:none}.hero-media>video,.hero-primary>.icon:last-child,.hero-scroll .icon,.setup-steps summary>.icon,.landing-header nav>a:after{transition:none}.hero-primary:hover>.icon:last-child,.hero-scroll:hover .icon{transform:none}}