:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f5f6f4;--surface-primary:#fff;--surface-secondary:#eef1ef;--surface-elevated:#fff;--surface-inverse:#10231f;--text-primary:#162521;--text-secondary:#52615b;--text-muted:#5d6a65;--text-on-action:#fff;--border-default:#d9e0dc;--action-primary:#176a55;--action-primary-hover:#105643;--action-soft:#e1f1ea;--action-danger:#a33b43;--status-online:#146e51;--status-live:#146d69;--status-offline:#52645f;--status-warning:#9a6715;--status-error:#b43e47;--status-disabled:#78837f;--focus:#258fce;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:.75rem;--radius-md:1.15rem;--radius-lg:1.75rem;--shadow-sm:0 1px 2px #10231f0d, 0 .4rem 1.25rem #10231f08;--shadow-lg:0 1.5rem 4rem #10231f24;color:var(--text-primary);background:var(--background);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#0b1513;--surface-primary:#12201d;--surface-secondary:#182925;--surface-elevated:#1b2c28;--surface-inverse:#e5f0ed;--text-primary:#edf6f3;--text-secondary:#b6c7c2;--text-muted:#8fa19c;--text-on-action:#10231f;--border-default:#2b413b;--action-primary:#6bd0b2;--action-primary-hover:#83ddc2;--action-soft:#183f35;--action-danger:#ef8d94;--status-online:#65d2aa;--status-live:#5bcfc8;--status-offline:#9aa8a4;--status-warning:#e0b45e;--status-error:#f08f96;--status-disabled:#95a29e;--focus:#62bff3}}*{box-sizing:border-box}html{background:var(--background)}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;min-height:44px}button{border-radius:var(--radius-sm);color:var(--text-on-action);background:var(--action-primary);cursor:pointer;border:1px solid #0000;padding:.72rem 1rem;font-weight:720;transition:background .16s,border-color .16s,transform .16s}button:hover:not(:disabled){background:var(--action-primary-hover);transform:translateY(-1px)}button:disabled{opacity:.48;cursor:default}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{background:radial-gradient(circle at 5% 5%, #d8eee5, transparent 35rem), radial-gradient(circle at 95% 92%, #e7ede8, transparent 32rem), var(--background);place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}.app-shell{background:var(--background);grid-template-columns:17.5rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{gap:var(--space-5);height:100dvh;padding:var(--space-6) var(--space-4) var(--space-5);border-right:1px solid var(--border-default);background:var(--surface-primary);flex-direction:column;display:flex;position:sticky;top:0}.brand-lockup{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--action-primary);border-radius:.7rem;place-items:center;width:2rem;height:2rem;font-size:1.55rem;font-weight:500;line-height:1;display:grid}.sidebar-brand>p{margin:var(--space-2) 0 0 2.6rem;font-size:.84rem;font-weight:650}.sidebar nav{gap:.35rem;margin-bottom:auto;display:grid}.nav-button,.nav-active{text-align:left;border-radius:.7rem;width:100%;min-height:42px;padding:.65rem .75rem}.nav-button{color:var(--text-secondary);background:0 0}.nav-active{color:var(--action-primary);background:var(--action-soft);border-color:#0000}.sidebar-account{padding-top:var(--space-4);border-top:1px solid var(--border-default);gap:.4rem;display:grid}.sidebar-account>span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:750}.sidebar-account strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.sidebar-account button{margin-top:var(--space-2)}.workspace{width:100%;max-width:92rem;margin:0 auto;padding:clamp(1.25rem,4vw,3.5rem)}.page-heading,.heading,.pairing{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.pairing-code-copy{gap:var(--space-2);display:grid}.pairing svg{border-radius:var(--radius-sm);flex:none;max-width:min(11.25rem,45vw);height:auto}@media (width<=34rem){.pairing{flex-direction:column;align-items:flex-start}}.page-heading{margin-bottom:var(--space-7)}.event-filters{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.event-filters label{gap:var(--space-2);min-width:12rem;color:var(--text-secondary);font-weight:700;display:grid}.card,.metric-card,.pair-modal{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3vw,2rem)}.auth-card{width:min(100%,31rem);box-shadow:var(--shadow-lg)}.auth-shell{grid-template-columns:minmax(18rem,31rem) minmax(18rem,31rem);align-content:center;gap:clamp(2rem,8vw,8rem)}.auth-intro{max-width:31rem}.auth-intro>.brand-lockup{margin-bottom:var(--space-7)}.auth-intro>h1{max-width:11ch}.auth-intro>p:not(.eyebrow){max-width:27rem;font-size:1.08rem}.trust-list{gap:var(--space-3);margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid}.trust-list li{gap:var(--space-3);color:var(--text-secondary);align-items:center;display:flex}.trust-list li:before{width:1.45rem;height:1.45rem;color:var(--action-primary);background:var(--action-soft);content:"✓";border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:900;display:grid}.wide{width:min(100%,76rem)}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(9rem,1fr));max-width:76rem;display:grid}.skip-link{z-index:50;border-radius:var(--radius-sm);color:var(--text-on-action);background:var(--action-primary);padding:.8rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.household-status{gap:var(--space-4) var(--space-6);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);flex-wrap:wrap;grid-column:1/-1;align-items:center;display:flex}.household-status-heading{gap:var(--space-3);align-items:center;display:flex}.household-status-heading>div{gap:.1rem;display:grid}.household-status-heading strong{color:var(--text-primary)}.household-status-heading span:not(.status-orb){font-size:.82rem}.status-orb{background:var(--status-online);width:.75rem;height:.75rem;box-shadow:0 0 0 .35rem color-mix(in srgb, var(--status-online), transparent 85%);border-radius:50%}.household-status-items{gap:var(--space-3) var(--space-5);flex-wrap:wrap;flex:31rem;justify-content:flex-end;display:flex}.household-status-items>span{padding-left:var(--space-3);border-left:1px solid var(--border-default);font-size:.88rem}.household-status strong{color:var(--text-primary)}.metric-card{gap:var(--space-2);display:grid}.metric-card strong{font-size:clamp(2rem,4vw,3rem);line-height:1}.camera-summary{grid-column:1/-1;width:100%}.eyebrow{color:var(--action-primary);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:820}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.025em;margin:.35rem 0 .8rem}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}h2{font-size:clamp(1.75rem,4vw,2.6rem)}p,span{color:var(--text-secondary);line-height:1.55}form,label{gap:var(--space-2);display:grid}form{gap:var(--space-4);margin-top:var(--space-5)}input,select{border:1px solid var(--border-default);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--surface-secondary);padding:.75rem}.heading-actions,.camera-mode-controls{gap:var(--space-3);flex-wrap:wrap;display:flex}.camera-mode-controls{margin:var(--space-5) 0;align-items:end}.camera-mode-controls label{min-width:13rem}.device-list,.camera-list,.setup-options{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));padding:0;list-style:none;display:grid}.device-list li,.camera-list li,.setup-options article{gap:var(--space-3);min-width:0;padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary);flex-direction:column;align-items:flex-start;display:flex}.setup-options{margin:var(--space-5) 0}.device-list li>div,.camera-list li>div{gap:var(--space-1);width:100%;display:grid}.device-list li button,.camera-list li button{width:100%}.device-health{margin:var(--space-5) 0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--border-default);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.device-health>div{gap:var(--space-2);min-width:0;padding:var(--space-4);background:var(--surface-secondary);display:grid}.device-health span{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:750}.device-health strong{overflow-wrap:anywhere;color:var(--text-primary);font-size:.96rem}.device-health strong.online,.device-health strong.offline{letter-spacing:normal}.health-warning{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--status-warning), transparent 56%);border-radius:var(--radius-sm);color:var(--text-primary);background:color-mix(in srgb, var(--status-warning), transparent 89%)}.camera-list .camera-card{background:var(--surface-primary);gap:0;padding:0;transition:box-shadow .16s,transform .16s;overflow:hidden}.camera-list .camera-card:hover{transform:translateY(-2px);box-shadow:0 .75rem 2rem #10231f1a}.camera-card .camera-open,.camera-card .camera-open:hover{color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:0;padding:0;transform:none}.camera-open[aria-disabled=true]{cursor:default}.camera-open:focus-visible{outline-offset:-4px}.camera-preview{aspect-ratio:16/9;gap:var(--space-2);color:#d2e5dd;background:radial-gradient(circle at 53% 47%,#55a1888c 0 10%,#0000 10.5%),radial-gradient(circle at 53% 47%,#143b30 0 29%,#0000 29.5%),linear-gradient(135deg,#173d33,#0c201a 60%,#173b31);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-preview>svg{z-index:1;margin-top:var(--space-5);opacity:.9;position:relative}.camera-preview>span:last-child{z-index:1;color:#e9f3ef;font-size:.87rem;font-weight:700;position:relative}.camera-preview .camera-status{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);color:#f7fbf9;background:#081c16d1;border:1px solid #fff3;border-radius:2rem;font-size:.85rem;position:absolute}.camera-identity{padding:var(--space-5) var(--space-5) 0;overflow-wrap:anywhere;font-weight:400;display:grid}.camera-identity strong{color:var(--text-primary);font-size:1.15rem}.camera-card .camera-card-status{gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-5) var(--space-4);flex-wrap:wrap;font-size:.9rem;display:flex}.camera-card-status p{flex-basis:100%;margin:0}.privacy{color:var(--action-primary);font-weight:700}.camera-card .camera-settings{width:100%;padding:0 var(--space-5) var(--space-4)}.warning,[role=alert]{border:1px solid color-mix(in srgb, var(--status-warning), transparent 45%);border-radius:var(--radius-sm);color:var(--status-warning);background:color-mix(in srgb, var(--status-warning), transparent 90%);padding:.85rem 1rem}.secondary,.link{color:var(--text-primary);border-color:var(--border-default);background:0 0}.secondary:hover:not(:disabled),.link:hover:not(:disabled){color:var(--action-primary);border-color:var(--action-primary);background:var(--action-soft)}.danger{color:var(--action-danger);background:0 0;border-color:#0000}.danger:hover:not(:disabled){border-color:var(--action-danger);background:0 0}.link{margin-top:var(--space-3);border-color:#0000}.pairing,.empty{padding:var(--space-5);border:1px dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary)}.empty{text-align:center}.idle,.streaming,.online,.offline{gap:var(--space-2);letter-spacing:.08em;align-items:center;width:fit-content;font-size:.78rem;font-weight:800;display:inline-flex}.idle:before,.streaming:before,.online:before,.offline:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.idle,.online{color:var(--status-online)}.streaming{color:var(--status-live)}.offline{color:var(--status-offline)}.camera-highlight{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-online), transparent 82%);animation:.7s ease-out camera-arrived;border-color:var(--status-online)!important}.modal-backdrop{z-index:10;padding:var(--space-4);background:#010c09b8;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.pair-modal{gap:var(--space-3);width:min(100%,34rem);box-shadow:var(--shadow-lg);display:grid}.pair-success{padding:var(--space-6) 0;text-align:center}.pair-success>span{width:4rem;height:4rem;margin:0 auto var(--space-4);color:#fff;background:var(--status-online);border-radius:50%;place-items:center;font-size:2rem;font-weight:900;animation:.45s ease-out success-pop;display:grid}.video-frame{width:100%;margin:var(--space-5) 0;border:1px solid var(--border-default);border-radius:var(--radius-lg);aspect-ratio:16/9;box-shadow:var(--shadow-lg);background:#050807;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%}.video-overlay{gap:var(--space-2);padding:var(--space-5);color:#fff;text-align:center;background:#050807d1;align-content:center;display:grid;position:absolute;inset:0}.video-overlay strong{font-size:clamp(1.2rem,3vw,2rem)}.video-overlay span{color:#cad7d3}.stream-quality{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.live-controls{padding-block:var(--space-3);background:var(--surface-primary);align-items:center}.live-surface:fullscreen{width:100%;max-width:none;height:100%;padding:var(--space-4);border:0;border-radius:0;overflow:auto}.live-surface:fullscreen .video-frame{aspect-ratio:auto;height:max(10rem,100dvh - 18rem)}.live-surface:fullscreen .live-controls{z-index:2;position:sticky;top:0}.connection-details summary{min-height:44px;padding-block:var(--space-3);cursor:pointer;color:var(--text-secondary)}.stream-quality>div{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-secondary)}.stream-quality dt{color:var(--text-muted);font-size:.8rem}.stream-quality dd{margin:var(--space-1) 0 0;font-weight:700}.device-settings{margin-top:var(--space-5);border-top:1px solid var(--border-default);padding-top:var(--space-4)}.device-settings summary{min-height:44px;padding-block:var(--space-3);cursor:pointer;width:fit-content;color:var(--text-secondary);font-weight:700}.device-settings summary:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--focus);outline-offset:3px}.device-settings-content{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-secondary)}.camera-settings{grid-column:1/-1}.camera-settings summary{min-height:44px;padding-block:var(--space-3);cursor:pointer;width:fit-content;color:var(--text-secondary);font-size:.9rem;font-weight:700}.camera-settings summary:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--focus);outline-offset:3px}.camera-settings>div{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-secondary);flex-wrap:wrap;align-items:center;display:flex}.notice{color:var(--text-muted);font-size:.9rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.monitoring{width:100%}.monitor-toolbar,.monitor-filters,.health-strip,.monitor-tile header,.monitor-tile footer,.tile-controls{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.monitor-toolbar{margin-bottom:var(--space-4);justify-content:space-between}.monitor-toolbar>div:first-child{margin-right:auto}.monitor-toolbar label,.monitor-filters label{min-width:9rem}.health-strip{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}.health-strip span{font-weight:750}.monitor-filters{margin-bottom:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-secondary);align-items:end}.checkbox-label{flex-direction:row;align-items:center;min-height:44px;display:flex}.checkbox-label input{width:1.2rem;min-height:1.2rem}.monitor-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.camera-picker{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary)}.camera-picker summary{min-height:44px;padding-block:var(--space-3);cursor:pointer;font-weight:750}.camera-picker>div{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.camera-picker label{flex-direction:row;align-items:center;min-height:44px;display:flex}.camera-picker input{width:1.2rem;min-height:1.2rem}.monitor-grid[data-layout="1"]{grid-template-columns:minmax(0,1fr);max-width:76rem}.monitor-grid[data-layout="2"],.monitor-grid[data-layout="4"],.monitor-grid[data-layout="6"]{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid[data-layout="9"],.monitor-grid[data-layout="12"]{grid-template-columns:repeat(3,minmax(0,1fr))}.monitor-tile{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.monitor-tile:focus-visible{outline-offset:4px}.monitor-tile header,.monitor-tile footer,.tile-controls{padding:var(--space-3)}.monitor-tile header{justify-content:space-between}.monitor-tile header>div{min-width:0;display:grid}.monitor-tile header strong,.monitor-tile header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.monitor-tile .video-frame{box-shadow:none;border-width:1px 0;border-radius:0;margin:0}.monitor-tile footer{align-items:end}.monitor-tile footer>span{margin-right:auto}.monitor-tile footer select{min-width:8rem}.monitor-tile footer button{padding:.55rem .7rem}.tile-controls{padding-block:var(--space-2);justify-content:space-between}.tile-controls .link{width:auto;min-height:44px;padding:var(--space-1) var(--space-2);margin:0}.tile-unavailable{min-height:12rem;padding:var(--space-5);text-align:center;background:#07100e;align-content:center;display:grid}.tile-unavailable strong{color:#fff}.tile-unavailable span{color:#bac9c5}.reorder-controls{display:flex}.reorder-controls .link{min-width:44px;margin:0}.tile-expanded{z-index:20;inset:var(--space-4);border-radius:var(--radius-lg);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:fixed;box-shadow:0 0 0 100vmax #010c09d6}.tile-expanded .video-frame{aspect-ratio:auto;height:100%;min-height:0}@keyframes success-pop{0%{opacity:0;transform:scale(.6)}}@keyframes camera-arrived{0%{transform:translateY(.5rem)}}@media (width<=960px){.dashboard-grid{grid-template-columns:repeat(2,minmax(9rem,1fr))}.monitor-grid,.monitor-grid[data-layout]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.auth-shell{gap:var(--space-6);padding:var(--space-5) var(--space-4);grid-template-columns:minmax(0,31rem);place-content:center}.auth-intro>.brand-lockup{margin-bottom:var(--space-5)}.trust-list{gap:var(--space-2);margin-top:var(--space-5)}.app-shell{padding-bottom:calc(5.4rem + env(safe-area-inset-bottom));display:block}.sidebar{z-index:8;width:100%;height:auto;padding:.55rem max(.55rem, env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) max(.55rem, env(safe-area-inset-left));border-top:1px solid var(--border-default);background:color-mix(in srgb, var(--surface-primary), transparent 4%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:0;display:grid;position:fixed;top:auto;bottom:0}.sidebar>div,.sidebar>button{display:none}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;display:grid}.nav-button,.nav-active{text-align:center;white-space:normal;padding:.65rem .125rem;font-size:.75rem}.workspace{padding:var(--space-4)}.page-heading,.heading{flex-direction:column;align-items:stretch}.page-heading .heading-actions button{flex:12rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.household-status-items{justify-content:flex-start}.camera-summary{padding:var(--space-4)}.device-health{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid,.monitor-grid[data-layout]{grid-template-columns:minmax(0,1fr)}.monitor-toolbar,.monitor-filters{flex-direction:column;align-items:stretch}.monitor-toolbar>*,.monitor-filters>*{width:100%}.tile-expanded{border-radius:0;inset:0}}@media (width<=430px){.dashboard-grid{grid-template-columns:1fr}.metric-card{grid-template-columns:1fr auto;align-items:center}}.activity-day h4{margin:var(--space-6) 0 var(--space-3);color:var(--text-muted)}.motion-enabled{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;display:flex}.motion-enabled input{width:1.5rem;height:1.5rem;accent-color:var(--action-primary);flex:none}.activity-timeline{padding:0;list-style:none}.activity-timeline li{align-items:start;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);grid-template-columns:5.5rem minmax(0,1fr) auto;display:grid}.activity-timeline time{font-variant-numeric:tabular-nums;color:var(--text-muted);padding-top:.25rem}.activity-timeline span{overflow-wrap:anywhere;display:block}.activity-timeline summary{cursor:pointer;min-height:44px;padding:.7rem 0}@media (width<=600px){.activity-timeline li{gap:var(--space-3);grid-template-columns:4.5rem minmax(0,1fr)}.activity-timeline li>button{grid-column:2;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}