:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bg:#f5f7fb;--bg-inset:#eef1f6;--surface:#fff;--surface-2:#f8fafc;--surface-hover:#eef2f7;--border:#e3e8f0;--border-strong:#cbd3dd;--text:#0f172a;--text-secondary:#48566b;--text-muted:#64748b;--accent:#0369a1;--accent-emphasis:#075985;--action-bg:#0369a1;--action-bg-hover:#075985;--action-text:#fff;--action-soft-bg:#e0f2fe;--action-soft-text:#075985;--success:#047857;--success-soft:#d1fae5;--live:#dc2626;--live-soft:#fee2e2;--privacy:#7c3aed;--privacy-soft:#ede9fe;--warning:#b45309;--warning-soft:#fef3c7;--danger:#b91c1c;--danger-soft:#fee2e2;--offline:#64748b;--offline-soft:#e9edf3;--focus:#0369a1;--radius-xs:.4rem;--radius-sm:.6rem;--radius-md:.85rem;--radius-lg:1.1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 1px #0f172a0a;--shadow-md:0 10px 28px #0f172a14, 0 2px 6px #0f172a0d;--shadow-lg:0 28px 72px #0f172a29;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--sidebar-w:17rem;--sidebar-w-collapsed:4.75rem;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#090d16;--bg-inset:#0c1220;--surface:#111a2c;--surface-2:#152035;--surface-hover:#1b2740;--border:#21304a;--border-strong:#2c3d5c;--text:#eef2f8;--text-secondary:#a7b3c8;--text-muted:#7c89a3;--accent:#38bdf8;--accent-emphasis:#7dd3fc;--action-bg:#0ea5e9;--action-bg-hover:#38bdf8;--action-text:#04101c;--action-soft-bg:#38bdf824;--action-soft-text:#7dd3fc;--success:#34d399;--success-soft:#34d39924;--live:#f87171;--live-soft:#f8717124;--privacy:#a78bfa;--privacy-soft:#a78bfa29;--warning:#fbbf24;--warning-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--offline:#8291ab;--offline-soft:#8291ab1f;--focus:#38bdf8;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 14px 32px #0000006b;--shadow-lg:0 32px 80px #00000094}}*{box-sizing:border-box}html{background:var(--bg);scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{min-width:320px;color:var(--text);background:var(--bg);margin:0;overflow-x:hidden}::selection{background:var(--action-soft-bg);color:var(--action-soft-text)}::-webkit-scrollbar{width:.6rem;height:.6rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--border-strong);border:.15rem solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}h1,h2,h3,h4{color:var(--text);letter-spacing:-.02em;margin:.35rem 0 .6rem;font-weight:750;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(1.9rem,4vw,2.75rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.2rem}h4{font-size:1.02rem}p,span,li{color:var(--text-secondary);line-height:1.55}a{color:var(--accent)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:750}.notice{color:var(--text-muted);font-size:.88rem}.empty{padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);text-align:center}.warning,[role=alert]{border:1px solid color-mix(in srgb, var(--warning), transparent 55%);border-radius:var(--radius-sm);color:var(--warning);background:var(--warning-soft);padding:.8rem 1rem;font-weight:600}.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}.skip-link{z-index:60;border-radius:var(--radius-sm);color:var(--action-text);background:var(--action-bg);padding:.75rem 1.1rem;font-weight:700;transition:transform .16s;position:fixed;top:.6rem;left:.6rem;transform:translateY(-200%)}.skip-link:focus{transform:none}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,input,select,textarea{font:inherit;color:var(--text)}button,input,select{min-height:44px}button{border-radius:var(--radius-sm);color:var(--action-text);background:var(--action-bg);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-weight:650;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:inline-flex}button:hover:not(:disabled){background:var(--action-bg-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:default;opacity:.5}.secondary,.link{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.secondary:hover:not(:disabled),.link:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--action-soft-bg);transform:translateY(-1px)}.link{min-height:auto;color:var(--accent);background:0 0;border:0;padding:.4rem .1rem;font-weight:650}.link:hover:not(:disabled){text-underline-offset:3px;background:0 0;text-decoration:underline;transform:none}.danger{color:var(--danger);background:0 0;border-color:#0000}.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);box-shadow:none}.button-link{border-radius:var(--radius-sm);border-style:solid;border-width:1px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.1rem;font-weight:650;text-decoration:none;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:inline-flex}.button-link:hover{transform:translateY(-1px)}form,label{gap:.45rem;display:grid}form{gap:var(--space-4);margin-top:var(--space-5)}label{color:var(--text-secondary);font-size:.88rem;font-weight:650}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--surface-2);padding:.7rem .85rem;transition:border-color .14s,box-shadow .14s}textarea{resize:vertical;min-height:6rem}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--action-soft-bg);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}.checkbox-label{align-items:center;gap:var(--space-2);flex-direction:row;min-height:44px;font-weight:550;display:flex}.checkbox-label input{width:1.15rem;min-height:1.15rem;accent-color:var(--accent)}.icon{vertical-align:middle;flex:none;display:inline-block}button>.icon:first-child{margin-right:.1rem}.brand-lockup{width:auto;height:1.7rem;color:var(--text)}.brand-mark{width:1.9rem;height:2rem;color:var(--text-secondary);flex:none}.brand-word{fill:currentColor}.alpha-badge{border:1px solid var(--border-strong);width:fit-content;color:var(--text-muted);letter-spacing:.06em;border-radius:999px;padding:.25rem .65rem;font-size:.68rem;font-weight:700}.app-shell{background:var(--bg);grid-template-columns:auto minmax(0,1fr);height:100dvh;display:grid}.workspace{overscroll-behavior-y:contain;min-width:0;height:100%;padding:clamp(1.25rem,3vw,2.75rem) clamp(1.25rem,3.5vw,3.25rem);overflow:hidden auto}.workspace>*{max-width:46rem;margin-inline:auto}.wide{width:100%}.workspace-medium{max-width:72rem}.workspace-wide{max-width:min(94vw,104rem)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,2.5vw,1.85rem)}.shell{background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 40rem), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 36rem), var(--bg);place-items:center;min-height:100dvh;padding:clamp(1rem,4vw,3rem);display:grid}.loading-shell{text-align:center;gap:1rem}.loading-shell .brand-lockup{height:2.1rem;margin-bottom:.25rem}.sidebar{gap:var(--space-4);width:var(--sidebar-w);height:100%;padding:var(--space-5) var(--space-3) var(--space-4);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;transition:width .18s;display:flex;position:relative;overflow-y:auto}.sidebar[data-collapsed=true]{width:var(--sidebar-w-collapsed)}.sidebar-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding-inline:var(--space-2);min-height:2.5rem;display:flex}.sidebar[data-collapsed=true] .sidebar-header{gap:var(--space-3);flex-direction:column}.sidebar-brand{align-items:center;text-decoration:none;display:flex;overflow:hidden}.sidebar-toggle{border-radius:var(--radius-xs);width:1.75rem;height:1.75rem;color:var(--text-muted);background:0 0;border:1px solid #0000;flex:none;place-items:center;min-height:0;padding:0;display:grid}.sidebar-toggle:hover:not(:disabled){color:var(--text);border-color:var(--border);background:var(--surface-hover);box-shadow:none;transform:none}.sidebar-toggle .icon{width:.9rem;height:.9rem;margin:0}.sidebar nav{margin-top:var(--space-2);gap:.2rem;margin-bottom:auto;display:grid}.nav-button,.nav-active{border-radius:var(--radius-sm);width:100%;min-height:44px;color:var(--text-secondary);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.9rem;font-weight:600;transition:background .14s,color .14s;display:flex;overflow:hidden}.nav-button .icon,.nav-active .icon,.nav-button span,.nav-active span{color:inherit}.nav-button:hover:not(:disabled){color:var(--text);background:var(--surface-hover);box-shadow:none;transform:none}.nav-button:active:not(:disabled){background:var(--surface-hover)}.nav-active{color:var(--accent);background:var(--action-soft-bg)}.nav-active:active,.nav-active:hover{background:var(--action-soft-bg)}.sidebar[data-collapsed=true] .nav-button span:not(.icon),.sidebar[data-collapsed=true] .nav-active span:not(.icon){display:none}.sidebar[data-collapsed=true] .nav-button,.sidebar[data-collapsed=true] .nav-active{justify-content:center;padding-inline:0}.sidebar-footer{padding-top:var(--space-3);border-top:1px solid var(--border);position:relative}.avatar{object-fit:cover;border-radius:999px;flex:none;overflow:hidden}.avatar-md{width:2.1rem;height:2.1rem}.avatar-lg{width:3.25rem;height:3.25rem}.avatar-initial{color:var(--action-soft-text);background:var(--action-soft-bg);place-items:center;font-size:.85rem;font-weight:750;display:grid}.avatar-lg.avatar-initial{font-size:1.25rem}.sidebar-account{border-radius:var(--radius-sm);width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.65rem;min-height:3rem;padding:.4rem;font-weight:400;display:flex}.sidebar-account:hover:not(:disabled){background:var(--surface-hover);box-shadow:none;transform:none}.sidebar-account>strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-account-chevron{width:.9rem;height:.9rem;color:var(--text-muted);flex:none;transform:rotate(-90deg)}.sidebar[data-collapsed=true] .sidebar-account{justify-content:center;padding-inline:0}.sidebar[data-collapsed=true] .sidebar-account>strong,.sidebar[data-collapsed=true] .sidebar-account-chevron{display:none}.sidebar-account-menu{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);gap:.15rem;padding:.4rem;display:grid;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;overflow:hidden}.sidebar[data-collapsed=true] .sidebar-account-menu{width:max-content;min-width:12rem;left:calc(100% + .5rem)}.sidebar-account-menu-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;padding:.5rem .65rem .4rem;font-size:.76rem;font-weight:650;overflow:hidden}.sidebar-account-menu a,.sidebar-account-menu button{border-radius:var(--radius-xs);min-height:38px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.65rem;padding:.5rem .65rem;font-size:.86rem;font-weight:600;text-decoration:none;display:flex}.sidebar-account-menu a:hover,.sidebar-account-menu button:hover:not(:disabled){color:var(--text);background:var(--surface-hover);transform:none}.sidebar-account-menu .icon{color:var(--text-muted)}.sidebar-tooltip{z-index:40;border-radius:var(--radius-xs);color:#fff;white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;background:#0f172a;padding:.4rem .7rem;font-size:.78rem;font-weight:600;position:fixed}.page-heading{gap:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-end;display:flex}.page-heading h2{margin-bottom:.2rem}.page-heading>button{flex:none}.add-camera-button{box-shadow:var(--shadow-sm)}.add-camera-button span{color:inherit}.heading,.pairing{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.heading>div{min-width:0}.heading h1,.heading h3{overflow-wrap:anywhere}.heading-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-dashboard{gap:var(--space-5);display:grid}.home-hero{gap:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 15% -10%,#38bdf84d,#0000 60%),linear-gradient(155deg,#0b1220 0%,#0f1c31 55%,#0a1730 100%);justify-content:space-between;align-items:flex-end;padding:clamp(1.5rem,4vw,2.5rem);display:flex;position:relative;overflow:hidden}.home-hero .home-title{margin:0 0 var(--space-3);color:#7dd3fc;letter-spacing:.14em;text-transform:uppercase;font-family:inherit;font-size:.72rem;font-weight:750}.home-hero h2{color:#f4f8fc;max-width:20ch;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.15}.home-hero p:not(.eyebrow){color:#b9c8e0;max-width:38rem;margin:0;font-size:.98rem}.home-hero-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:0 17rem;display:flex}.home-hero-actions button{color:#04101c;background:#38bdf8}.home-hero-actions button:hover{background:#7dd3fc}.home-hero-actions button.secondary{color:#eaf3fc;background:#ffffff0f;border-color:#ffffff38}.home-hero-actions button.secondary:hover{background:#ffffff1f;border-color:#fff6}.section-heading{gap:var(--space-3);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-heading .link{margin:0}.camera-catalog{gap:var(--space-4);display:grid}.camera-browser-controls{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.camera-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex:16rem;align-items:center;gap:.5rem;min-width:12rem;max-width:26rem;padding-left:.9rem;display:flex}.camera-search .icon{color:var(--text-muted)}.camera-search input{background:0 0;border:0;min-width:0}.camera-search input:focus-visible{box-shadow:none;outline:none}.camera-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--action-soft-bg)}.filter-pills{flex-wrap:wrap;flex-basis:100%;gap:.5rem;display:flex}.filter-pills button{border-color:var(--border);color:var(--text-secondary);background:var(--surface);align-items:center;gap:.45rem;min-height:38px;padding:.5rem .85rem;font-size:.8rem;font-weight:650;display:inline-flex}.filter-pills button[aria-pressed=true]{color:var(--accent-emphasis);border-color:var(--accent);background:var(--action-soft-bg)}.filter-pills button span{min-width:1rem;color:inherit;font-variant-numeric:tabular-nums}.camera-results{color:var(--text-muted);font-size:.82rem}.camera-no-results{justify-items:center;padding:3rem 1rem;display:grid}.camera-no-results>.icon{width:2rem;height:2rem;color:var(--text-muted);margin-bottom:1rem}.setup-options{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));padding:0;list-style:none;display:grid}.setup-options article{gap:var(--space-3);min-width:0;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;display:flex}.status-badge{--badge-tone:var(--offline);width:fit-content;color:var(--badge-tone);letter-spacing:.01em;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge:before{box-sizing:border-box;border:2px solid var(--badge-tone);content:"";border-radius:50%;width:.6rem;height:.6rem}.status-online,.status-idle{--badge-tone:var(--success)}.status-streaming{--badge-tone:var(--live)}.status-streaming:before{background:var(--live)}.status-privacy{--badge-tone:var(--privacy)}.status-privacy:before{border-radius:.15rem;transform:rotate(45deg)}.status-offline{--badge-tone:var(--offline)}.status-offline:before{border-style:dashed}.status-warning{--badge-tone:var(--warning)}.status-warning:before{border-radius:.12rem;transform:rotate(45deg)}@keyframes camera-arrived{0%{transform:translateY(.5rem)}}.idle,.streaming,.online,.offline{align-items:center;gap:var(--space-2);letter-spacing:.05em;width:fit-content;font-size:.76rem;font-weight:750;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(--success)}.streaming{color:var(--live)}.offline{color:var(--offline)}.device-settings{border-top:1px solid var(--border)}.device-settings summary,.device-guidance summary,.activity-timeline summary,.live-info summary{cursor:pointer;min-height:44px;color:var(--text-secondary);align-items:center;font-size:.86rem;font-weight:650;display:flex}.device-settings summary,.live-info summary{width:fit-content;padding-block:var(--space-3)}.device-settings summary::marker{color:var(--text-muted)}.device-guidance summary::marker{color:var(--text-muted)}.activity-timeline summary::marker{color:var(--text-muted)}.live-info summary::marker{color:var(--text-muted)}.camera-tile-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(16rem,22rem));display:grid}.camera-tile{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .16s,border-color .16s,transform .16s;display:flex;position:relative;overflow:hidden}.camera-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.camera-tile .camera-tile-open,.camera-tile .camera-tile-open:hover{color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:0;display:block;transform:none}.camera-tile-open:focus-visible{outline-offset:-3px}.camera-tile-open[aria-disabled=true]{cursor:default}.camera-tile-frame{aspect-ratio:16/9;background:radial-gradient(circle at 30% 20%,#38bdf833,#0000 60%),linear-gradient(150deg,#0f1c31 0%,#0a1425 100%);display:block;position:relative;overflow:hidden}.camera-tile-frame .video-frame{aspect-ratio:auto;box-shadow:none;border:0;border-radius:0;margin:0;position:absolute;inset:0}.camera-tile-frame .tile-controls{display:none}.camera-tile-frame .video-overlay{padding:var(--space-3);gap:.15rem}.camera-tile-frame .video-overlay strong{font-size:.82rem}.camera-tile-frame .video-overlay span{display:none}.camera-tile-placeholder{color:#4f6383;place-items:center;width:100%;height:100%;display:grid}.camera-tile-placeholder[data-tone=streaming],.camera-tile-placeholder[data-tone=online]{color:#7fa3c9}.camera-tile-status{top:var(--space-2);left:var(--space-2);color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1ac7;border:1px solid #ffffff2e;border-radius:999px;padding:.25rem .6rem;font-size:.72rem;position:absolute}.camera-tile-status:before{border-color:var(--badge-tone)}.camera-tile-viewers{top:var(--space-2);right:var(--space-2);color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1ac7;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:650;display:inline-flex;position:absolute}.camera-tile-viewers .icon{width:.85rem;height:.85rem}.camera-tile-identity{overflow-wrap:anywhere;gap:.1rem;padding:.7rem .85rem;display:grid}.camera-tile-identity strong{color:var(--text);font-size:.92rem}.camera-tile-identity span{color:var(--text-muted);font-size:.78rem}.camera-tile-menu-anchor{opacity:0;transition:opacity .14s;position:absolute;bottom:.5rem;right:.5rem}.camera-tile:hover .camera-tile-menu-anchor,.camera-tile:focus-within .camera-tile-menu-anchor{opacity:1}.camera-tile-menu-anchor:has(.camera-tile-menu){opacity:1}@media (hover:none){.camera-tile-menu-anchor{opacity:1}}.camera-tile-action{border:1px solid var(--border-strong);width:1.9rem;height:1.9rem;color:var(--text-secondary);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:999px;min-height:0;padding:0}.camera-tile-action .icon{width:.95rem;height:.95rem;margin:0}.camera-tile-action:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--action-soft-bg);box-shadow:var(--shadow-sm);transform:none}.camera-tile-menu{z-index:5;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:max-content;min-width:11rem;box-shadow:var(--shadow-lg);gap:.1rem;padding:.4rem;display:grid;position:absolute;bottom:calc(100% + .4rem);right:0}.camera-tile-menu-below{top:calc(100% + .4rem);bottom:auto}.camera-tile-menu button{border-radius:var(--radius-xs);min-height:38px;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:.65rem;padding:.5rem .65rem;font-size:.85rem;font-weight:600;display:flex}.camera-tile-menu button .icon{color:var(--text-muted)}.camera-tile-menu button:hover:not(:disabled){background:var(--surface-hover);box-shadow:none;transform:none}.camera-tile-menu button:disabled{opacity:.45}.camera-tile-menu-danger,.camera-tile-menu-danger .icon{color:var(--danger)!important}.camera-tile-highlight{box-shadow:0 0 0 3px var(--success-soft);animation:.7s ease-out camera-arrived;border-color:var(--success)!important}.setup-options{margin:var(--space-5) 0}.setup-options article{gap:.7rem;padding:1.5rem}.setup-options article:first-child{border-color:color-mix(in srgb, var(--accent), var(--border) 40%)}.setup-icon{width:3rem;height:3rem;color:var(--accent);background:var(--action-soft-bg);border-radius:.85rem;place-items:center;display:grid}.setup-options h4{margin:.2rem 0 0;font-size:1.2rem}.setup-options p{margin:0;font-size:.9rem}.setup-options button{width:100%;margin-top:auto}.camera-mode-controls{align-items:end;gap:var(--space-3);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.camera-mode-controls label{min-width:13rem}.broadcast-stage{--bg:#070b14;--surface:#101a2c;--surface-2:#16223a;--border:#223351;--border-strong:#2c3f61;--text:#eef2f8;--text-secondary:#a7b3c8;--text-muted:#7c89a3;--accent:#38bdf8;z-index:10;background:#04070d;position:fixed;inset:0}.broadcast-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.broadcast-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(#03070eb3,#0000);display:flex;position:absolute;top:0;left:0;right:0}.broadcast-live{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab8;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.broadcast-live.is-watched{background:#dc2626e6}.broadcast-live-dot{background:#fff;border-radius:50%;width:.5rem;height:.5rem}.broadcast-live.is-watched .broadcast-live-dot{animation:1.6s ease-in-out infinite broadcast-pulse}@media (prefers-reduced-motion:reduce){.broadcast-live-dot{animation:none}}@keyframes broadcast-pulse{0%,to{opacity:1}50%{opacity:.35}}.broadcast-top-actions{align-items:center;gap:.6rem;display:flex}.broadcast-icon-button{color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1a8c;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;min-height:0;padding:0;display:grid}.broadcast-icon-button:hover:not(:disabled){box-shadow:none;background:#060e1abf;border-color:#ffffff59;transform:none}.broadcast-icon-button .icon{margin:0}.broadcast-warning{top:4.75rem;right:var(--space-4);left:var(--space-4);border-radius:var(--radius-sm);color:#fff;text-align:center;background:#b45309d9;padding:.6rem .9rem;font-size:.84rem;position:absolute}.broadcast-warning[role=alert]{background:#b91c1ce0}.broadcast-settings{z-index:2;right:var(--space-4);bottom:6.5rem;left:var(--space-4);gap:var(--space-3);max-width:26rem;padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);background:#0a1220f0;margin-inline:auto;display:grid;position:absolute}.broadcast-stop{bottom:var(--space-5);color:#fff;background:#dc2626;padding:.85rem 1.75rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.broadcast-stop:hover:not(:disabled){background:#ef4444}.tile-controls{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.tile-controls .link{width:auto;min-height:36px;margin:0;padding:.3rem .5rem}.device-heading{margin-bottom:var(--space-5)}.heading-with-rename{align-items:center;gap:var(--space-2);display:flex}.heading-with-rename h3{margin:0}.rename-affordance{border-radius:var(--radius-sm);width:1.9rem;height:1.9rem;color:var(--text-muted);box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;min-height:0;padding:0;display:inline-flex}.rename-affordance:hover:not(:disabled){color:var(--text);background:var(--surface-hover);box-shadow:none;transform:none}.rename-affordance .icon{width:1rem;height:1rem}.inline-rename{border:1px solid var(--accent);border-radius:var(--radius-sm);min-width:8rem;color:var(--text);font:inherit;background:var(--surface);padding:.3rem .5rem}.inline-rename-heading{font-size:1.2rem;font-weight:750}.inline-rename-editor{gap:var(--space-2);display:grid}.inline-rename-actions{gap:var(--space-2);display:flex}.inline-rename-actions button{min-height:2.25rem;padding:.35rem .75rem;font-size:.82rem}.camera-tile-identity .inline-rename{width:100%;font-size:.9rem;font-weight:700}.device-back-button{flex-shrink:0}.device-health{margin:var(--space-5) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--border);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);display:grid}.device-health span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.device-health strong{overflow-wrap:anywhere;color:var(--text);font-size:.96rem}.device-health strong.online{color:var(--success)}.device-health strong.offline{color:var(--offline)}.health-warning{padding:var(--space-3) var(--space-4);margin:0 0 var(--space-5);border:1px solid color-mix(in srgb, var(--warning), transparent 60%);border-radius:var(--radius-sm);background:var(--warning-soft);color:var(--text)}.device-guidance{margin:0 0 var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);overflow:hidden}.device-guidance.attention{border-color:color-mix(in srgb, var(--warning), transparent 55%);background:var(--warning-soft)}.device-guidance summary{padding:var(--space-3) var(--space-4);color:var(--text);justify-content:space-between}.device-guidance-disclosure{color:var(--accent);font-size:.8rem}.device-guidance-content{padding:0 var(--space-4) var(--space-4)}.device-guidance-content>p:first-child{margin-top:0}.device-guidance-content ol{gap:var(--space-2);margin:var(--space-3) 0;padding-left:1.3rem;display:grid}.device-guidance-boundary{color:var(--text-muted);margin-bottom:0;font-size:.84rem}.device-controls{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.device-settings-content{padding:var(--space-4);margin-top:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2)}.device-settings-content p{margin:.3rem 0}.modal-backdrop{z-index:50;width:100%;height:100%;padding:var(--space-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040912bd;border:0;place-items:center;max-width:none;max-height:none;margin:0;display:grid;position:fixed;inset:0;overflow:auto}.modal-backdrop::backdrop{background:0 0}.pair-modal{gap:var(--space-3);width:min(100%,32rem);max-height:calc(100dvh - 2 * var(--space-4));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);padding:clamp(1.5rem,4vw,2.25rem);display:grid;overflow-y:auto}.confirm-modal{gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,28rem);box-shadow:var(--shadow-lg);padding:clamp(1.5rem,4vw,2.25rem);display:grid}.confirm-modal h2{margin:0}.confirm-modal-body{gap:var(--space-2);color:var(--text-secondary);display:grid}.confirm-modal-actions{justify-content:flex-end}.pairing{gap:var(--space-4);padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);flex-wrap:wrap;align-items:center;display:flex}.pairing svg{border-radius:var(--radius-sm);background:#fff;flex:none;width:min(11rem,40vw);height:auto;padding:.5rem}.pairing-code-copy{gap:var(--space-2);flex:10rem;display:grid}.pairing-code-copy strong{letter-spacing:.14em;font-size:1.6rem}.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(--success);border-radius:50%;place-items:center;font-size:2rem;font-weight:900;animation:.4s ease-out success-pop;display:grid}@keyframes success-pop{0%{opacity:0;transform:scale(.6)}}.video-frame{aspect-ratio:16/9;background:#04070d;width:100%;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%}.video-overlay{z-index:1;gap:var(--space-2);padding:var(--space-5);color:#fff;text-align:center;background:#04070dd6;align-content:center;display:grid;position:absolute;inset:0}.video-overlay strong{font-size:clamp(1.15rem,3vw,1.9rem)}.video-overlay span{color:#c3d0e6}.video-top-scrim{z-index:2;align-items:flex-start;gap:var(--space-3);padding:calc(var(--space-3) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) var(--space-3) calc(var(--space-4) + env(safe-area-inset-left));background:linear-gradient(#03070ebf,#0000);display:flex;position:absolute;top:0;left:0;right:0}.video-back{color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1a8c;border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;width:2.25rem;height:2.25rem;min-height:0;padding:0;display:grid}.video-back:hover:not(:disabled){background:#060e1abf;border-color:#ffffff59;transform:none}.video-back .icon{margin:0}.video-identity{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem .65rem;min-width:0;padding-top:.3rem;display:flex}.video-top-scrim .camera-tile-menu-anchor{flex:none}.video-top-scrim .camera-tile-action{color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1a8c;border-color:#ffffff2e}.video-settings-button{color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1a8c;border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;width:2.25rem;height:2.25rem;min-height:0;padding:0;display:grid}.video-settings-button:hover:not(:disabled){box-shadow:none;background:#060e1abf;border-color:#ffffff59;transform:none}.video-settings-button .icon{margin:0}.video-identity h1{color:#f5fafd;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;font-weight:700;overflow:hidden}.video-identity>span{color:#b7c6de;font-size:.8rem;font-weight:600}.video-live-badge{color:#ffe1e1;letter-spacing:.04em;background:#ffffff24;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:800}.video-live-badge.is-live{color:#fff;background:#dc2626}.video-controls{z-index:2;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));opacity:0;pointer-events:none;background:linear-gradient(#0000,#03070ec7);transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-controls.is-visible{opacity:1;pointer-events:auto}.video-control{color:#f5fafd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1a8c;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;min-height:0;padding:0;display:grid}.video-control .icon{margin:0}.video-control:hover:not(:disabled){box-shadow:none;background:#060e1abf;border-color:#ffffff52;transform:none}.video-control:disabled{opacity:.4}.video-control.is-active{color:#04101c;background:#38bdf8}.video-stats-toggle{z-index:2;top:calc(var(--space-3) + env(safe-area-inset-top) + 3.25rem);right:calc(var(--space-4) + env(safe-area-inset-right));color:#e7f0fb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#060e1a9e;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.4rem;min-height:0;padding:.35rem .7rem;font-size:.74rem;font-weight:650;transition:opacity .2s;display:inline-flex;position:absolute}.video-stats-toggle.is-visible{opacity:1;pointer-events:auto}.video-stats-toggle:hover:not(:disabled){box-shadow:none;background:#060e1acc;border-color:#ffffff52;transform:none}.video-stats-toggle .icon{width:.9rem;height:.9rem}.video-stats-panel{z-index:3;top:calc(var(--space-3) + env(safe-area-inset-top) + 5.7rem);right:calc(var(--space-4) + env(safe-area-inset-right));width:min(20rem, calc(100% - 2 * var(--space-3)));position:absolute}.video-stats-panel .stream-quality{padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);background:#0a1220eb}.stream-quality{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.stream-quality dt{color:var(--text-muted);font-size:.72rem}.stream-quality dd{margin:var(--space-1) 0 0;color:#f5fafd;font-weight:700}.live-shell{--bg:#070b14;--surface:#101a2c;--surface-2:#16223a;--border:#223351;--border-strong:#2c3f61;--text:#eef2f8;--text-secondary:#a7b3c8;--text-muted:#7c89a3;--accent:#38bdf8;z-index:10;color:var(--text);background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.live-shell .video-frame{aspect-ratio:auto;flex:1;min-height:0}.live-shell .live-footer{flex:none}.live-footer{z-index:4;right:var(--space-4);bottom:calc(5rem + env(safe-area-inset-bottom));left:var(--space-4);gap:var(--space-3);pointer-events:none;justify-items:center;padding:0;display:grid;position:absolute}.live-footer>*{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#060e1ad1;border:1px solid #ffffff29;border-radius:999px;max-width:min(32rem,100%);margin:0;padding:.5rem .8rem}.live-talk-status{color:var(--text-muted);margin:0;font-size:.86rem}.live-camera-settings{gap:var(--space-4);width:min(100%,26rem);max-height:calc(100dvh - 2 * var(--space-4));padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:var(--surface);box-shadow:var(--shadow-lg);display:grid;overflow-y:auto}.live-camera-settings-header,.live-camera-setting-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.live-camera-settings-header span,.live-camera-setting-row span{color:var(--text-muted);font-size:.78rem;font-weight:700;display:block}.live-camera-settings-header h2,.live-camera-setting-row strong{margin:.2rem 0 0}.live-camera-settings .icon-button{border-radius:999px;flex:none;place-items:center;width:2.5rem;height:2.5rem;min-height:0;padding:0;display:grid}.live-camera-settings .compact-button{min-height:2.25rem;padding:.35rem .7rem}.live-camera-settings .camera-flip-button{border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;min-height:0;padding:0;display:grid}.live-siblings{flex-wrap:wrap;gap:.4rem;display:flex}.live-sibling{border-color:var(--border-strong);min-height:34px;color:var(--text-secondary);background:var(--surface-2);padding:.4rem .85rem;font-size:.82rem}.live-sibling.is-active{color:var(--action-soft-text);border-color:var(--accent);background:var(--action-soft-bg)}.settings-layout{gap:var(--space-4);max-width:44rem;display:grid}.settings-section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.settings-section>h3{padding:var(--space-4) clamp(1.25rem, 2.5vw, 1.85rem) var(--space-2);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:750}.settings-row,.settings-section>section{padding:var(--space-4) clamp(1.25rem, 2.5vw, 1.85rem);border-top:1px solid var(--border)}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.settings-row strong{color:var(--text);margin-bottom:.15rem;font-size:.94rem;display:block}.settings-row p{overflow-wrap:anywhere;margin:0;font-size:.85rem}.settings-row>button,.settings-row>a{flex:none}.settings-identity{align-items:center;gap:var(--space-3);min-width:0;display:flex}.settings-section>section>h4{margin:0 0 .3rem;font-size:.96rem}.settings-section>section>p:first-of-type{margin-top:0}.settings-section form{margin-top:var(--space-3)}.settings-danger{border-color:color-mix(in srgb, var(--danger), var(--border) 55%)}.settings-danger>h3{color:var(--danger)}.setting-saved{color:var(--text-muted);margin:0;font-size:.8rem}.pending-device-list,.session-list,.diagnostic-list,.access-list{margin:0;padding:0;list-style:none}.pending-device-list{gap:var(--space-3);display:grid}.pending-device-row,.session-row{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;min-width:0;display:grid}.pending-device-row{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.pending-device-identity,.session-identity{gap:.2rem;min-width:0;display:grid}.pending-device-identity strong,.session-identity strong{overflow-wrap:anywhere}.pending-device-identity span,.session-identity time{color:var(--text-muted);font-size:.82rem}.item-icon{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--accent);background:var(--action-soft-bg);place-items:center;display:inline-grid}.item-icon[data-attention=true]{color:var(--warning);background:var(--warning-soft)}.quiet-button{min-height:38px;color:var(--text-secondary);background:0 0;border-color:#0000;padding:.45rem .6rem}.quiet-button:hover:not(:disabled){color:var(--accent);border-color:var(--border);background:var(--action-soft-bg);box-shadow:none}.session-list,.diagnostic-list{max-height:30rem;overflow:auto}.session-row,.diagnostic-list li{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.session-row:last-child,.diagnostic-list li:last-child{border-bottom:0}.session-row .danger{min-height:38px;padding:.45rem .6rem}.diagnostic-list li{gap:.25rem;display:grid}.diagnostic-list span{overflow-wrap:anywhere;color:var(--text-muted);font-size:.85rem}.settings-subsection-heading{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.settings-subsection-heading h4,.settings-subsection-heading p{margin:0}.settings-subsection-heading p{margin-top:.2rem;font-size:.82rem}.history-count{color:var(--text-muted);background:var(--surface-2);border-radius:999px;flex:none;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.access-list{border-top:1px solid var(--border)}.access-event{padding:var(--space-3) 0;border-bottom:1px solid var(--border);gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.access-event-icon{width:2rem;height:2rem;color:var(--text-muted);background:var(--surface-2);border-radius:50%;place-items:center;display:inline-grid}.access-event-icon .icon{width:1rem;height:1rem}.access-event--success .access-event-icon{color:var(--success);background:var(--success-soft)}.access-event--warning .access-event-icon{color:var(--warning);background:var(--warning-soft)}.access-event--danger .access-event-icon{color:var(--danger);background:var(--danger-soft)}.access-event-body{gap:.25rem;min-width:0;display:grid}.access-event-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.access-event-heading time{color:var(--text-muted);flex:none;font-size:.76rem}.access-event-target{overflow-wrap:anywhere;color:var(--text-secondary);font-size:.86rem}.access-event-meta{color:var(--text-muted);flex-wrap:wrap;gap:.25rem .8rem;font-size:.76rem;display:flex}.history-pagination{padding-top:var(--space-3);align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.history-pagination button:first-child{justify-self:start}.history-pagination button:last-child{justify-self:end}.history-pagination>span{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.splash-screen{--bg:#070b14;--surface:#101a2c;--surface-2:#16223a;--border:#223351;--border-strong:#2c3f61;--text:#eef2f8;--text-secondary:#a7b3c8;--text-muted:#7c89a3;--accent:#38bdf8;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 15% 8%,#38bdf842,#0000 45%),radial-gradient(circle at 85% 90%,#7dd3fc1f,#0000 40%),linear-gradient(165deg,#070b14 0%,#0c1830 60%,#0a1524 100%);place-items:center;padding:clamp(1.5rem,5vw,4rem);display:grid}.splash-content{text-align:center;width:min(100%,40rem)}.splash-brand{height:2.2rem;margin:0 auto 2.5rem}.splash-screen .eyebrow{color:#7dd3fc}.splash-screen h1{color:#f5f9fd;letter-spacing:-.03em;max-width:26ch;margin:1rem auto 1.25rem;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.1}.splash-screen h1 em{color:#7dd3fc;font-style:normal}.splash-lead{color:#b7c6de;max-width:32rem;margin:0 auto;font-size:1.05rem}.splash-flow{max-width:30rem;margin:2.5rem auto}.splash-promises{justify-content:center;gap:var(--space-3) var(--space-5);flex-wrap:wrap;margin-bottom:2.5rem;display:flex}.splash-promises span{color:#b7c6de;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;display:inline-flex}.splash-promises .icon{color:#7dd3fc}.splash-cta{color:#04101c;background:#38bdf8;padding:.9rem 2rem;font-size:1rem}.splash-cta:hover:not(:disabled){background:#7dd3fc}.splash-trust-link{color:#93a5c2;text-underline-offset:3px;margin-top:1.5rem;font-size:.82rem;text-decoration:underline;display:block}.splash-trust-link:hover{color:#b7c6de}@media (width<=500px){.video-identity>span:not(.video-live-badge),.splash-flow .trust-flow-step span:not(.icon){display:none}}.auth-landing{background:var(--bg);grid-template-columns:minmax(0,1.2fr) minmax(24rem,.85fr);min-height:100dvh;display:grid}.auth-hero{justify-content:space-between;gap:var(--space-6);background:radial-gradient(circle at 15% 8%,#38bdf842,#0000 45%),radial-gradient(circle at 85% 90%,#7dd3fc1f,#0000 40%),linear-gradient(165deg,#070b14 0%,#0c1830 60%,#0a1524 100%);flex-direction:column;padding:clamp(1.75rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.auth-hero-brand{color:#eef4fb;width:fit-content;text-decoration:none}.auth-hero-copy{max-width:34rem}.auth-hero .eyebrow{color:#7dd3fc}.auth-hero h1{color:#f5f9fd;letter-spacing:-.03em;max-width:16ch;margin:1rem 0 1.25rem;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.06}.auth-hero h1 em{color:#7dd3fc;font-style:normal}.auth-hero-copy>p:last-of-type{color:#b7c6de;max-width:30rem;font-size:1.05rem}.auth-hero-preview{max-width:30rem;margin-top:var(--space-6);align-items:center;gap:.75rem;display:flex}.auth-hero-preview>span{color:#e7f0fb;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.82rem;font-weight:650;display:inline-flex}.auth-hero-preview>span>.icon{color:#7dd3fc}.hero-connection{color:#7dd3fc;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;min-width:2.5rem;padding:0;display:flex;position:relative}.hero-connection:before{z-index:0;content:"";background:linear-gradient(90deg,#7dd3fc00,#7dd3fc8c,#7dd3fc00);height:1px;position:absolute;left:0;right:0}.hero-connection .icon{z-index:1;background:#0c1830;border-radius:50%;width:1.3rem;height:1.3rem;padding:.3rem;animation:2.4s ease-in-out infinite hero-connection-pulse;display:block;position:relative;box-shadow:0 0 0 1px #7dd3fc59}@keyframes hero-connection-pulse{0%,to{box-shadow:0 0 0 1px #7dd3fc59}50%{box-shadow:0 0 0 5px #7dd3fc29}}@media (prefers-reduced-motion:reduce){.hero-connection .icon{animation:none}}.auth-hero-footer{gap:var(--space-4) var(--space-5);padding-top:var(--space-5);border-top:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;display:flex}.auth-hero-footer span{color:#b7c6de;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.auth-hero-footer .icon{color:#7dd3fc;width:1rem;height:1rem}.auth-hero-footer a{color:#7dd3fc;font-size:.8rem;font-weight:700;text-decoration:none}.auth-hero-footer a:hover{text-decoration:underline}.sign-in-card{box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:clamp(1.75rem,4vw,3.25rem);display:flex;overflow-y:auto}.sign-in-brand{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.auth-home-mark{display:none}.sign-in-card .eyebrow{margin-bottom:.4rem;font-size:.7rem}.sign-in-card h2{margin:.2rem 0 0;font-size:clamp(1.5rem,3vw,1.85rem)}.sign-in-intro{margin:.6rem 0 0;font-size:.92rem}.sign-in-trust-strap{display:none}.google-sign-in{min-height:50px;margin-top:var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);justify-content:center;align-items:center;gap:.7rem;padding:.75rem 1.1rem;font-size:.92rem;font-weight:650;text-decoration:none;transition:border-color .14s,background .14s,transform .14s;display:flex}.google-sign-in:hover{border-color:var(--accent);background:var(--action-soft-bg);transform:translateY(-1px)}.google-sign-in>.icon:last-child{color:var(--text-muted);margin-left:auto}.sign-in-divider{color:var(--text-muted);align-items:center;gap:.7rem;margin-block:1.1rem;font-size:.75rem;display:flex}.sign-in-divider:before,.sign-in-divider:after{border-top:1px solid var(--border);content:"";flex:1}.password-form-label{color:var(--text);margin:0 0 -.2rem;font-size:.9rem;font-weight:700}.sign-in-password{align-items:center;gap:.5rem;display:flex}.sign-in-password input{min-width:0}.sign-in-password .secondary{flex:none;width:44px;min-height:44px;padding:0}.sign-in-password .secondary .icon{margin:0}.password-submit{width:100%}.sign-in-links{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;margin-top:-.3rem;display:flex}.sign-in-links .link{margin:0;font-size:.85rem}.recovery-note{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);margin:0;font-size:.85rem}.sign-in-disclosure{margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);align-items:flex-start;gap:.6rem;font-size:.78rem;display:flex}.sign-in-disclosure .icon{color:var(--accent);flex:none;margin-top:.1rem}.trust-shell{padding-block:clamp(1.25rem,5vw,4rem)}.trust-page{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:min(100%,62rem);box-shadow:var(--shadow-lg);padding:clamp(1.5rem,5vw,3.5rem)}.trust-brand{width:fit-content;margin-bottom:clamp(1.75rem,5vw,3.5rem);text-decoration:none;display:inline-flex}.trust-page h1{max-width:18ch}.trust-lead{max-width:42rem;margin-bottom:var(--space-6);font-size:1.08rem}.trust-flow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.trust-flow-step{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.82rem;font-weight:650;display:inline-flex}.trust-flow-step .icon{color:var(--accent)}.trust-flow-link{background:linear-gradient(90deg, var(--border), var(--accent), var(--border));flex:1;min-width:1.5rem;height:1px;position:relative}.trust-facts{gap:var(--space-2) var(--space-5);margin:0 0 var(--space-5);flex-wrap:wrap;display:flex}.trust-facts dt{color:var(--accent);font-size:.82rem;font-weight:650}.trust-facts dd{color:var(--text-secondary);margin:0;font-size:.88rem}.trust-keep{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.trust-keep h2{margin:0 0 .25rem;font-size:.95rem}.trust-keep p{color:var(--text-secondary);margin:0;font-size:.86rem}.trust-return{margin-top:var(--space-5);text-decoration:none;display:inline-flex}.trust-alpha-note{max-width:42rem;margin-top:var(--space-5);color:var(--text-muted);font-size:.8rem}.pair-link-shell .trust-page{text-align:center}.pair-link-shell .trust-brand{margin-inline:auto}.pair-link-code{width:fit-content;padding:var(--space-4) var(--space-5);margin:var(--space-6) auto var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);background:var(--surface-2);letter-spacing:.16em;font-size:clamp(1.4rem,5vw,2rem);font-weight:750}.pair-link-note{max-width:34rem;color:var(--text-secondary);margin-inline:auto}.auth-layout{flex-direction:column;max-width:78rem;min-height:100dvh;margin:0 auto;padding:2rem clamp(1.25rem,6vw,5rem);display:flex}.auth-header,.auth-footer{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.auth-header>a{color:var(--text);text-decoration:none}.auth-content{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:clamp(2rem,5vw,3.5rem);display:grid}.auth-story h1{letter-spacing:-.03em;max-width:14ch;margin:1rem 0 1.25rem;font-size:clamp(2rem,4vw,3rem)}.auth-story h1 em{color:var(--accent);font-style:normal}.auth-description{max-width:30rem;font-size:1rem}.auth-promises{gap:var(--space-3);margin-top:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-promises>span{align-items:center;gap:.5rem;min-width:0;font-size:.85rem;font-weight:600;display:inline-flex}.auth-promises .icon{color:var(--accent)}.auth-card{justify-self:end;width:100%;max-width:28rem}.auth-welcome-icon{margin-bottom:var(--space-4)}.auth-card h2{margin-top:.3rem;font-size:1.5rem}.auth-card>p:not(.eyebrow){font-size:.88rem}.auth-footer-note{padding-top:var(--space-4);margin:var(--space-5) 0 0;border-top:1px solid var(--border);color:var(--text-muted);gap:.5rem;font-size:.76rem;display:flex}.auth-footer-note .icon{flex:none;width:1rem;height:1rem;margin-top:.15rem}.auth-footer{padding-top:var(--space-4);border-top:1px solid var(--border);font-size:.8rem}.auth-footer>a{color:var(--accent);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.auth-footer>a:hover{text-decoration:underline}.contact-layout .auth-card form{gap:.7rem;margin-top:.9rem}.contact-layout .auth-card label{gap:.3rem}.contact-layout textarea{min-height:5rem}.contact-layout .auth-footer-note{padding-top:var(--space-3);margin-top:var(--space-3)}@media (width>=1001px) and (height>=700px){.contact-layout{height:100dvh;min-height:0;padding-block:1rem}.contact-layout .auth-content{min-height:0;padding-block:.75rem}.contact-layout .auth-card{padding:1rem 1.35rem}.contact-layout .auth-welcome-icon{margin-bottom:var(--space-2)}.contact-layout .auth-footer{padding-top:var(--space-2)}}@media (width<=1000px) and (height>=700px){.contact-layout:not(.account-deletion-layout){height:100dvh;min-height:0;padding:.8rem 1rem}.contact-layout:not(.account-deletion-layout) .auth-content{min-height:0;padding-block:.6rem;display:block}.contact-layout:not(.account-deletion-layout) .auth-story{display:none}.contact-layout:not(.account-deletion-layout) .auth-card{max-width:30rem;margin-inline:auto;padding:.8rem 1rem}.contact-layout:not(.account-deletion-layout) .auth-welcome-icon{display:none}.contact-layout:not(.account-deletion-layout) .auth-card form{gap:.4rem;margin-top:.5rem}.contact-layout:not(.account-deletion-layout) .auth-card label{gap:.15rem;font-size:.76rem}.contact-layout:not(.account-deletion-layout) input,.contact-layout:not(.account-deletion-layout) textarea{padding-block:.5rem}.contact-layout:not(.account-deletion-layout) textarea{min-height:4.5rem}.contact-layout:not(.account-deletion-layout) .auth-footer-note{margin-top:.45rem;padding-top:.45rem}.contact-layout:not(.account-deletion-layout) .auth-footer{padding-top:.45rem}}.event-filters{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-5);flex-wrap:wrap;display:flex}.event-filters>label{gap:var(--space-2);min-width:12rem;font-weight:650;display:grid}.activity-status{min-height:1.4rem;margin-block:var(--space-3);color:var(--text-muted);font-size:.85rem}.activity-toast{width:fit-content;color:var(--action-soft-text);background:var(--action-soft-bg);box-shadow:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;min-height:0;padding:.6rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.activity-toast:hover:not(:disabled){background:color-mix(in srgb, var(--action-soft-bg), var(--accent) 12%);box-shadow:none;transform:none}.activity-day h4{margin:var(--space-6) 0 var(--space-3);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:750}.activity-timeline{padding:0;list-style:none}.activity-timeline li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:start;display:grid}.activity-icon{width:2.4rem;height:2.4rem;color:var(--accent);background:var(--action-soft-bg);border-radius:.7rem;place-items:center;display:grid}.activity-row-main{gap:.15rem;min-width:0;display:grid}.activity-row-heading{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.activity-row-heading time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.activity-timeline span{overflow-wrap:anywhere;display:block}.motion-enabled{align-items:center;gap:var(--space-3);cursor:pointer;min-height:44px;display:flex}.motion-enabled input{width:1.4rem;height:1.4rem;accent-color:var(--accent);flex:none}@media (width<=1180px){.device-health{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-landing{grid-template-columns:minmax(0,1fr)}.auth-hero{display:none}.sign-in-trust-strap{color:var(--text-muted);align-items:center;gap:.35rem;margin:.25rem 0 0;font-size:.78rem;font-weight:600;display:flex}.sign-in-trust-strap .icon{color:var(--accent)}.sign-in-card{justify-content:flex-start;overflow:visible}.auth-home-mark{color:var(--text-muted);display:inline-flex}.sign-in-brand{margin-bottom:var(--space-2)}.google-sign-in{margin-top:var(--space-2)}.sign-in-divider{margin-block:.4rem}form{gap:var(--space-2);margin-top:var(--space-3)}.recovery-note{padding:var(--space-2)}.sign-in-disclosure{margin-top:var(--space-3);padding-top:var(--space-3)}}@media (width<=1000px){.auth-content{grid-template-columns:minmax(0,1fr)}.auth-card{justify-self:stretch;max-width:none}}@media (width<=760px){.app-shell{height:auto;min-height:100dvh;padding-bottom:calc(5.25rem + env(safe-area-inset-bottom));display:block}.workspace{height:auto;padding:var(--space-4);overflow:visible}.workspace>*{max-width:none}.sidebar{z-index:30;width:100%;height:auto;padding:.4rem max(.4rem, env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.4rem, env(safe-area-inset-left));border-right:0;border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface), transparent 6%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;position:fixed;inset:auto 0 0;overflow:visible}.sidebar-header,.sidebar-toggle,.sidebar-footer{display:none}.sidebar nav{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;margin:0;display:grid}.nav-button,.nav-active{text-align:center;white-space:normal;flex-direction:column;gap:.2rem;padding:.5rem .125rem;font-size:.68rem}.sidebar[data-collapsed=true] .nav-button span:not(.icon),.sidebar[data-collapsed=true] .nav-active span:not(.icon){display:inline}.nav-button .icon,.nav-active .icon{width:1.3rem;height:1.3rem}.page-heading{align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column}.page-heading>button{align-self:flex-start}.add-camera-button{width:44px;height:44px;padding:0}.add-camera-button span:not(.icon){display:none}.heading,.pairing,.home-hero{flex-direction:column;align-items:stretch}.home-hero-actions{justify-content:stretch}.home-hero-actions button{flex:10rem}.device-health{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.camera-tile-identity{padding:.5rem .6rem}.camera-tile-identity strong{font-size:.82rem}.camera-tile-identity span{font-size:.72rem}.camera-tile-action{width:1.7rem;height:1.7rem}.trust-keep{grid-template-columns:1fr}.trust-flow-step span:not(.icon),.auth-hero-preview{display:none}.auth-layout{padding:1.25rem}.auth-content{gap:2rem;padding-block:2rem}.auth-promises{grid-template-columns:1fr}.auth-footer{flex-wrap:wrap}.card{padding:1.15rem}.settings-row{flex-direction:column;align-items:stretch}.settings-row>button,.settings-row>a{width:100%}.filter-pills button{padding:.45rem .65rem;font-size:.76rem}.activity-timeline li{grid-template-columns:2.4rem minmax(0,1fr)}.activity-timeline li>button{grid-column:1/-1;width:100%}.access-event-heading{gap:.15rem;display:grid}.pending-device-row,.session-row{grid-template-columns:auto minmax(0,1fr)}.pending-device-row .quiet-button,.session-row .danger{grid-column:1/-1;width:100%}}@media (width>=761px) and (height<=800px){.workspace{padding-block:1.25rem}.page-heading{margin-bottom:1rem}.home-dashboard{gap:1rem}.home-hero{padding:1.4rem 1.75rem}.auth-hero-preview{display:none}.auth-hero h1{margin-block:.6rem;font-size:clamp(1.9rem,3.6vw,2.75rem)}.sign-in-card,.shell{padding-block:1.25rem}.live-footer{padding:var(--space-3) 1.25rem;gap:.5rem}}