@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.skip-link{background:var(--bg-surface);color:var(--text-primary);z-index:100;padding:8px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.btn{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);height:38px;color:var(--text-primary);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:var(--bg-surface-hover)}.btn.primary{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.btn.primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.btn.danger{background:var(--status-error);color:#fff;border-color:var(--status-error)}.btn.danger:hover{background:#dc2626;border-color:#dc2626}.btn-icon{width:16px;height:16px}@media (width<=680px){.app-topbar{height:54px}.page-content-inner{padding-inline:16px}.app-topbar-title{display:none}.mobile-brand-header{display:flex}.app-topbar-actions .btn.secondary{display:none}}.page-body{min-height:0;padding-block:34px}@media (width<=680px){.page-body{padding-block:24px}.page-heading{flex-direction:column;align-items:flex-start;gap:10px}.page-heading h2{font-size:1.7rem}}.home-dashboard{flex-direction:column;display:flex}.home-welcome{margin-bottom:var(--space-6)}.home-welcome h2{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 4px;font-size:clamp(1.5rem,2.4vw,1.95rem);font-weight:750}.home-welcome p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.home-statusbar{align-items:center;gap:var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);display:flex}.home-status-icon{border-radius:var(--radius-md);width:34px;height:34px;color:var(--status-warning);background-color:#d977061f;flex-shrink:0;place-items:center;display:grid}.home-status-icon svg{width:17px;height:17px}.home-status-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.home-status-copy strong{font-size:var(--text-sm);color:var(--text-primary)}.home-status-copy span{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-statuslink{color:var(--accent-base);font-size:var(--text-xs);cursor:pointer;padding:var(--space-2);white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-weight:700}.home-statuslink:hover{color:var(--accent-hover)}.pill{border-radius:var(--radius-full);background-color:var(--bg-surface-hover);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;padding:4px 9px;font-size:10px;font-weight:700}.home-layout{gap:var(--space-6);grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);align-items:start;display:grid}.home-section{min-width:0}.home-section-top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.home-section-top h3{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:700}.textbtn{color:var(--accent-base);font-weight:700;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:4px}.textbtn:hover{color:var(--accent-hover)}.favorites-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.home-favorites-empty{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background-color:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);flex-direction:column;display:flex}.home-favorites-empty p{margin:0}.footerline{margin-top:var(--space-4);text-align:center}.home-sidecol{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.sidecard{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.sidehead{padding:var(--space-4) var(--space-4) var(--space-2);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.sidehead h3{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:700}.feed{padding:0 var(--space-2) var(--space-1)}.latest-activity-message{padding:var(--space-6) var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin:0}.latest-activity-list{margin:0;padding:0;list-style:none}.latest-activity-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-2);border-top:1px solid var(--border-subtle);text-align:left;cursor:pointer;background:0 0;border-bottom:none;border-left:none;border-right:none;grid-template-columns:30px minmax(0,1fr) auto;display:grid}.latest-activity-list li:first-child .latest-activity-row{border-top:none}.latest-activity-row:hover{background-color:var(--bg-surface-hover)}.latest-activity-icon{border-radius:var(--radius-md);background-color:var(--accent-subtle);width:30px;height:30px;color:var(--accent-base);place-items:center;display:grid}.latest-activity-icon svg{width:14px;height:14px}.latest-activity-copy{flex-direction:column;min-width:0;display:flex}.latest-activity-copy strong{font-size:var(--text-xs);color:var(--text-primary);font-weight:650}.latest-activity-copy small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.latest-activity-row time{color:var(--text-muted);white-space:nowrap;font-size:10.5px}.allactivity{border:none;border-top:1px solid var(--border-default);background-color:var(--bg-surface-hover);width:100%;height:38px;color:var(--accent-base);font-size:var(--text-xs);cursor:pointer;font-weight:700}.allactivity:hover{color:var(--accent-hover)}.home-shortcut{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:6px}.home-shortcut button{border-radius:var(--radius-md);align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:32px minmax(0,1fr) auto;display:grid}.home-shortcut button:hover{background-color:var(--bg-surface-hover)}.home-shortcut .q{border-radius:var(--radius-md);background-color:var(--bg-surface-hover);width:32px;height:32px;color:var(--text-secondary);place-items:center;display:grid}.home-shortcut .q svg{width:16px;height:16px}.home-shortcut b{font-size:var(--text-xs);color:var(--text-primary);font-weight:650;display:block}.home-shortcut small{color:var(--text-muted);font-size:10.5px;display:block}.home-shortcut svg:last-child{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}@media (width<=1100px){.home-layout{grid-template-columns:1fr}}@media (width<=680px){.home-statusbar{flex-direction:column;align-items:flex-start}.home-status-copy span{white-space:normal;text-overflow:clip;overflow:visible}.home-statuslink{padding-left:0}.favorites-grid{grid-template-columns:1fr}}.activity-toast{background:var(--text-primary);color:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:100;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:500;animation:.3s ph-slide-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.dash-empty{background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:16px;padding:40px;display:flex}.dash-empty h1{margin:0;font-size:24px}.dash-empty p{color:var(--text-secondary);margin:0}.page-content-inner{width:100%;min-width:0;max-width:1600px;margin-inline:auto;padding-inline:clamp(24px,4vw,48px)}.page-header-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.app-topbar{background:rgba(var(--bg-canvas-rgb,247, 249, 252), .94);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);align-items:center;height:70px;display:flex}.app-topbar-left{align-items:center;gap:var(--space-3);display:flex}.app-topbar-title{flex-direction:column;display:flex}.app-topbar-title small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:700}.app-topbar-title h1,.app-topbar-title h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:750;line-height:1.2}.app-topbar-actions{align-items:center;gap:8px;display:flex}.mobile-brand-header{display:none}@media (width<=680px){.app-topbar{height:54px}.page-content-inner{padding-inline:16px}}.page-heading{margin-bottom:24px}.page-heading-inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-heading h2{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.page-heading p{color:var(--text-secondary);margin:4px 0 0}@media (width<=680px){.page-heading-inner{flex-direction:column;align-items:flex-start}}.app-shell{background-color:var(--bg-canvas,#f7f9fc);width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden auto}.main-content:focus-visible{outline:none}.mobile-brand-header{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:18px;font-weight:800}.mobile-brand-header .mark{color:var(--accent)}.video-frame{background-color:var(--bg-surface);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-frame video{object-fit:contain;width:100%;height:100%}.video-top-scrim{padding:var(--space-4) var(--space-4) var(--space-12);align-items:flex-start;gap:var(--space-4);z-index:10;color:#fff;pointer-events:none;background:linear-gradient(#000000b3 0%,#0000 100%);display:flex;position:absolute;top:0;left:0;right:0}.video-top-scrim>*{pointer-events:auto}.video-back,.video-settings-button{border-radius:var(--radius-full);color:#fff;cursor:pointer;background-color:#ffffff1a;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.video-back:hover,.video-settings-button:hover{background-color:#fff3}.video-identity{flex-direction:column;flex:1;gap:2px;display:flex}.video-live-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-1);background-color:#00000080;align-self:flex-start;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.video-live-badge.is-live{color:var(--status-error);background-color:#dc262633}.video-identity h1{font-size:var(--text-lg);text-shadow:0 1px 2px #00000080;margin:0;font-weight:600}.video-identity span{font-size:var(--text-sm);color:#ffffffb3;text-shadow:0 1px 2px #00000080}.video-overlay{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background-color:#000000b3;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-overlay strong{font-size:var(--text-base);font-weight:600}.video-overlay span{font-size:var(--text-sm);color:#ffffffb3}.video-controls{padding:var(--space-12) var(--space-6) var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);z-index:10;opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-controls.is-visible{opacity:1;pointer-events:auto}.video-control{border-radius:var(--radius-full);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border:none;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .1s,background-color .2s;display:flex}.video-control:hover{background-color:#ffffff40;transform:scale(1.05)}.video-control[aria-pressed=true]{background-color:var(--text-primary);color:var(--bg-base)}.video-control:disabled{opacity:.5;cursor:not-allowed;transform:none}.video-error-bar{background-color:var(--status-error);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);z-index:30;box-shadow:var(--shadow-md);align-items:center;gap:var(--space-2);font-weight:500;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.video-error-bar button{color:inherit;cursor:pointer;opacity:.8;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.video-error-bar button:hover{opacity:1;background-color:#0003}.camera-tile{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.camera-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.camera-tile-highlight{border-color:var(--accent-base);box-shadow:0 0 0 1px var(--accent-base)}.camera-tile-open{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;padding:0;display:flex}.camera-tile-open:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.camera-tile-frame{aspect-ratio:16/9;background-color:var(--bg-canvas-hover);border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.camera-tile-placeholder{width:100%;height:100%;color:var(--text-tertiary);background-color:#0000;justify-content:center;align-items:center;font-size:32px;display:flex}.camera-tile-placeholder[data-tone=live]{color:#dce5ef;background-color:#172437}.camera-tile-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--text-primary);border:1px solid #0000;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.status-live{color:#087a55}.status-live:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.status-offline{color:var(--text-secondary)}.status-warning{color:var(--status-warning)}.status-danger{color:var(--status-error)}.camera-tile-viewers{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.camera-tile-footer{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.camera-tile-identity{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.camera-tile-identity strong{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:650;line-height:1.2;overflow:hidden}.camera-tile-identity span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.overflow-menu-container button[aria-haspopup]{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:all .15s;display:grid}.overflow-menu-container button[aria-haspopup]:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.camera-tile-menu-danger{color:var(--status-error)!important}.camera-tile-menu-danger:hover{background-color:var(--error-subtle)!important}.camera-tile-identity-wrapper{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;margin:0;padding:0}.camera-tile-open{cursor:pointer;background:0 0;border:none;padding:0}.camera-tile-secondary-status{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.camera-tile-open:disabled{cursor:default}.modal-backdrop.camera-settings-dialog{justify-content:flex-end;align-items:stretch;padding:70px 0 0!important}.modal-backdrop.camera-settings-dialog>.camera-settings-panel{box-sizing:border-box;background:var(--bg-surface);width:min(520px,100%);min-width:0;height:100%;margin:0;padding:0;overflow:hidden;box-shadow:-18px 0 48px #0f172a2e}.camera-settings-sheet{flex-direction:column;min-width:0;height:100%;display:flex}.camera-settings-sheet-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);flex:none;align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.camera-settings-close{border:1px solid var(--border-default);background:var(--bg-surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.camera-settings-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.camera-settings-identity{flex:1;min-width:0}.camera-settings-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:9px;font-weight:800;display:block}.camera-settings-titleline{align-items:center;gap:6px;min-width:0;display:flex}.camera-settings-titleline h2{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:18px;line-height:1.2;overflow:hidden}.camera-settings-rename{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.camera-settings-rename:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.camera-settings-status{border-radius:999px;flex:none;padding:5px 8px;font-size:9px;font-weight:800}.camera-settings-status.is-online{color:var(--status-success);background:#10b9811f}.camera-settings-status.is-attention{color:var(--status-error);background:#dc262617}.camera-settings-sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:18px;overflow-y:auto}.camera-settings-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.camera-settings-summary>div{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:10px;min-width:0;padding:10px}.camera-settings-summary span{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:8px;font-weight:800;display:block}.camera-settings-summary strong{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;display:block;overflow:hidden}.camera-settings-summary .offline{color:var(--status-error)}.camera-settings-notice{background:#d9770612;border:1px solid #d9770640;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:11px 12px;display:flex}.camera-settings-notice-icon{width:28px;height:28px;color:var(--status-warning);background:#d9770621;border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.camera-settings-notice strong{font-size:11px;display:block}.camera-settings-notice p{color:var(--text-secondary);margin:2px 0 8px;font-size:10px;line-height:1.45}.camera-settings-inline-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.camera-settings-inline-actions>button,.camera-settings-troubleshoot>summary{border:1px solid var(--border-default);background:var(--bg-surface);min-height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;align-items:center;padding:0 9px;font-size:9.5px;font-weight:750;display:inline-flex}.camera-settings-troubleshoot{position:relative}.camera-settings-troubleshoot>summary{list-style:none}.camera-settings-troubleshoot>summary::-webkit-details-marker{display:none}.camera-settings-troubleshoot>div{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;margin-top:8px;padding:9px 10px;font-size:10px;line-height:1.45}.camera-settings-troubleshoot ol{margin:0;padding-left:17px}.camera-settings-troubleshoot p{margin:7px 0 0}.camera-settings-group{border-top:1px solid var(--border-default);padding:17px 0}.camera-settings-group-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.camera-settings-group-head h3{color:var(--text-primary);margin:0;font-size:12px}.camera-settings-group-head p{color:var(--text-secondary);margin:2px 0 0;font-size:9.8px;line-height:1.45}.camera-settings-source-grid{grid-template-columns:1fr;gap:9px;display:grid}.camera-settings-source-grid .camera-tile{border-radius:11px}.camera-settings-source-grid .camera-tile-frame{aspect-ratio:16/7;min-height:96px}.camera-settings-source-grid .camera-tile-placeholder{font-size:22px}.camera-settings-source-grid .camera-tile-footer{padding:9px 11px}.camera-settings-source-grid .camera-tile-identity strong{font-size:11px}.camera-settings-source-grid .camera-tile-identity span,.camera-settings-source-grid .camera-tile-secondary-status{font-size:9.5px}.camera-settings-empty,.camera-settings-boundary,.camera-settings-form-message{color:var(--text-secondary);margin:0;font-size:10px;line-height:1.5}.camera-settings-switch{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;flex:0 0 38px;width:38px;height:22px;padding:2px}.camera-settings-switch>span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .16s;display:block;box-shadow:0 1px 2px #00000029}.camera-settings-switch.is-on{background:var(--accent-base)}.camera-settings-switch.is-on>span{transform:translate(16px)}.camera-settings-switch-label{cursor:pointer;display:inline-flex}.camera-settings-switch-label:has(input:disabled){opacity:.5;cursor:not-allowed}.camera-motion-form{border-top:1px solid var(--border-subtle)}.camera-settings-form-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;min-height:50px;margin:0;padding:9px 0;display:flex}.camera-settings-form-row>span{min-width:0}.camera-settings-form-row strong{color:var(--text-primary);font-size:10.5px;display:block}.camera-settings-form-row small{color:var(--text-secondary);margin-top:1px;font-size:9.5px;line-height:1.4;display:block}.camera-settings-form-row select{border:1px solid var(--border-default);background:var(--bg-surface);max-width:145px;height:32px;color:var(--text-primary);border-radius:8px;padding:0 28px 0 8px;font-size:10px}.camera-settings-quiet-hours{border:0;margin:0;padding:0}.camera-settings-time-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;display:grid}.camera-settings-time-grid label{color:var(--text-secondary);font-size:9px}.camera-settings-time-grid label:last-child{grid-column:1/-1}.camera-settings-time-grid input{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;height:32px;color:var(--text-primary);border-radius:8px;margin-top:4px;padding:0 8px;font-size:10px}.camera-motion-save-row{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.camera-motion-save-row p{color:var(--status-success);flex:1;margin:0;font-size:9.5px}.camera-motion-save-row button{height:32px;font-size:10px}.camera-settings-info-list{margin:0}.camera-settings-info-list>div{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:7px 0;display:flex}.camera-settings-info-list>div:first-child{border-top:0}.camera-settings-info-list dt{color:var(--text-secondary);font-size:10px}.camera-settings-info-list dd{text-align:right;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:65%;margin:0;font-size:10px;font-weight:650;overflow:hidden}.camera-settings-danger{background:#dc262609;border:1px solid #dc262633;border-radius:11px;padding:12px}.camera-settings-danger h3{color:var(--status-error);margin:0 0 3px;font-size:11px}.camera-settings-danger p{color:var(--text-secondary);margin:0 0 10px;font-size:9.5px;line-height:1.45}.camera-settings-danger button{border-radius:7px;height:31px;padding:0 9px;font-size:9.5px;font-weight:750}.camera-settings-sheet-foot{border-top:1px solid var(--border-default);background:var(--bg-surface);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;display:flex}.camera-settings-sheet-foot span{color:var(--text-muted);font-size:9.5px}.camera-settings-sheet-foot button{height:32px;font-size:10px}.camera-settings-missing{padding:28px}.camera-settings-missing h3{margin:0 0 5px}.camera-settings-missing p{color:var(--text-secondary)}@media (width<=680px){.modal-backdrop.camera-settings-dialog{align-items:flex-end!important;padding:0!important}.modal-backdrop.camera-settings-dialog>.camera-settings-panel{border-radius:18px 18px 0 0;width:100%;height:min(92dvh,760px)}.camera-settings-sheet-head{min-height:62px}.camera-settings-sheet-body{padding:16px}.camera-settings-status{display:none}.camera-settings-summary{grid-template-columns:1fr 1fr}.camera-settings-summary>div:last-child{grid-column:1/-1}.camera-settings-source-grid .camera-tile-frame{aspect-ratio:16/8}.camera-settings-sheet-foot span{max-width:65%}}@media (width<=420px){.camera-settings-sheet-body{padding:14px}.camera-settings-form-row{align-items:flex-start}.camera-settings-form-row select{max-width:132px}.camera-settings-time-grid{grid-template-columns:1fr}.camera-settings-time-grid label:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){.camera-settings-panel,.camera-settings-switch>span{transition:none!important;animation:none!important}}.modal-backdrop{box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;width:100dvw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,3vw,28px);display:flex;overflow:hidden}.modal-backdrop::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0a0e1685}.modal-backdrop[open]{animation:.16s ease-out modal-fade-in;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.modal-backdrop[open]{animation:none}}.confirm-modal,.live-camera-settings,.favorites-editor,.security-activity-dialog{box-sizing:border-box;background-color:var(--bg-base);border:1px solid var(--border-default);box-shadow:var(--shadow-xl);border-radius:16px;width:min(100%,480px);min-width:0;max-height:min(720px,100dvh - 32px)}.confirm-modal{flex-direction:column;gap:14px;padding:clamp(18px,3vw,24px);display:flex}.confirm-modal h2{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:650}.confirm-modal-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:6px;display:flex}.confirm-modal-actions button{min-height:40px}.confirm-modal-header{align-items:center;gap:13px;display:flex}.confirm-modal-icon{color:#dc2626;background:#dc26261a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.confirm-modal-icon svg{width:20px;height:20px}.live-camera-settings{flex-direction:column;gap:12px;padding:clamp(18px,3vw,24px);display:flex}.live-camera-settings-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:2px;display:flex}.live-camera-settings-header>div{flex-direction:column;flex:1;min-width:0;display:flex}.live-camera-settings-header span{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-base);margin-bottom:2px;font-size:10px;font-weight:700}.live-camera-settings-header h2{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:650;line-height:1.2}.icon-button{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.icon-button:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.icon-button:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.live-camera-setting-row{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:10px 0;display:flex}.live-camera-setting-row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.live-camera-setting-row strong{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.live-camera-setting-row span{font-size:var(--text-xs);color:var(--text-secondary)}.compact-button{font-size:var(--text-xs);flex:none;gap:4px;padding:6px 11px}.compact-button svg{width:14px;height:14px}.favorites-editor{flex-direction:column;width:min(100%,420px);max-height:min(580px,100dvh - 32px);padding:clamp(18px,3vw,24px);display:flex}.favorites-editor-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.favorites-editor-header h2{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 2px;font-weight:650}.favorites-editor-header p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.45}.favorites-editor-list{overscroll-behavior:contain;scrollbar-gutter:stable;margin:0;padding:0;list-style:none;overflow-y:auto}.favorites-editor-row{border-top:1px solid var(--border-subtle);min-height:48px;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:11px;padding:9px 2px;display:flex}.favorites-editor-list li:first-child .favorites-editor-row{border-top:none}.favorites-editor-row input{width:18px;height:18px;accent-color:var(--accent-base);flex-shrink:0}.security-activity-dialog{flex-direction:column;width:min(100%,600px);max-height:min(720px,100dvh - 32px);padding:clamp(18px,3vw,24px);display:flex}.security-activity-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;margin:8px calc(-1*clamp(18px,3vw,24px)) 0;padding:0 clamp(18px,3vw,24px);overflow-y:auto}.security-activity-pagination{border-top:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.security-activity-pagination-controls{gap:7px;display:flex}@media (width<=520px){.modal-backdrop{align-items:flex-end;padding:10px}.confirm-modal,.live-camera-settings,.favorites-editor,.security-activity-dialog{border-radius:16px 16px 12px 12px;width:100%;max-height:min(88dvh,720px)}.confirm-modal-actions{grid-template-columns:1fr 1fr;display:grid}.confirm-modal-actions button{width:100%}.live-camera-setting-row{align-items:flex-start}.security-activity-pagination{flex-direction:column;align-items:flex-start}.security-activity-pagination-controls{width:100%}.security-activity-pagination-controls button{flex:1}}@media (width<=360px){.confirm-modal-actions{grid-template-columns:1fr}}.local-modal{box-sizing:border-box;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;width:min(600px,100%);max-height:min(86dvh,720px);padding:clamp(18px,3vw,24px);overflow:auto}.local-mh{margin-bottom:16px}.local-mh h2{letter-spacing:-.035em;color:var(--text-primary);margin:4px 0 6px;font-size:clamp(20px,3vw,23px);font-weight:700;line-height:1.15}.local-mh p{max-width:500px;color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.local-eyebrow{text-transform:uppercase;color:var(--text-muted);letter-spacing:.09em;font-size:9px;font-weight:800}.local-steps{gap:6px;margin-bottom:18px;display:flex}.local-step{background:var(--border-default);border-radius:999px;flex:1;height:3px;transition:background-color .16s}.local-step.on{background:var(--text-primary)}.local-permission{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:12px;align-items:flex-start;gap:11px;margin:10px 0 16px;padding:14px;display:flex}.local-permission b{color:var(--text-primary);font-size:12px;font-weight:700}.local-permission p{color:var(--text-secondary);margin:3px 0 0;font-size:11px;line-height:1.5}.local-permission-icon{background:var(--bg-surface);border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-primary);border-radius:9px;flex:0 0 34px;place-items:center;display:grid}.local-permission-icon svg{width:16px;height:16px}.local-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.local-field{flex-direction:column;min-width:0;display:flex}.local-field label{color:var(--text-primary);margin-bottom:5px;font-size:10px;font-weight:750}.local-field input,.local-field select{box-sizing:border-box;border:1px solid var(--border-default);background:var(--bg-surface);width:100%;min-width:0;height:39px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 10px;font-size:12px}.local-field input:focus,.local-field select:focus{border-color:var(--accent-base);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-base) 12%, transparent)}.local-field.full{grid-column:1/-1}.local-check{min-width:0;color:var(--text-primary);align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.local-check input{flex:none;margin-top:2px}.local-hint{color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.4}.local-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}@media (width<=620px){.local-modal{border-radius:15px;width:100%;max-height:min(90dvh,760px)}.local-controls{grid-template-columns:1fr}.local-field.full{grid-column:auto}}@media (width<=420px){.local-modal{padding:17px}.local-actions{grid-template-columns:1fr 1fr;display:grid}.local-actions .btn{width:100%}}.activity-v3-container{min-width:0;padding-bottom:30px}.activity-v3-container .page-heading{align-items:center;margin-bottom:18px}.activity-v3-container .page-heading-inner p{max-width:760px;font-size:13px;line-height:1.45}.activity-v3-learn{flex:none;position:relative}.activity-v3-learnbtn{appearance:none;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 9px;font-family:inherit;font-size:.82rem;font-weight:650;transition:background .15s,color .15s;display:inline-flex}.activity-v3-learnbtn .icon{width:17px;height:17px}.activity-v3-learnbtn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.activity-v3-learnbtn:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.activity-v3-learnpanel{background:var(--bg-surface);border:1px solid var(--border-default);z-index:50;width:min(340px,100vw - 32px);color:var(--text-secondary);text-align:left;border-radius:12px;padding:16px;font-size:.82rem;line-height:1.5;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000001f}.activity-v3-learnpanel.show{display:block}.activity-v3-learnpanel strong{color:var(--text-primary);margin-bottom:8px;font-size:.92rem;display:block}.activity-v3-learnpanel p{margin:0}.activity-v3-learnpanel p+p{margin-top:10px}.activity-v3-controls{grid-template-columns:minmax(260px,1fr) minmax(150px,190px) minmax(150px,190px);align-items:center;gap:10px;margin-bottom:10px;display:grid}.activity-v3-search{min-width:0;position:relative}.activity-v3-search span{color:var(--text-muted);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.activity-v3-search span .icon{width:18px;height:18px}.activity-v3-search input,.activity-v3-select{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;height:40px;color:var(--text-primary);font:inherit;border-radius:10px;outline:0;font-size:13px}.activity-v3-search input{min-width:0;padding:0 12px 0 40px}.activity-v3-search input::placeholder{color:var(--text-muted)}.activity-v3-select{appearance:auto;padding:0 34px 0 12px}.activity-v3-search input:focus,.activity-v3-select:focus{border-color:var(--accent-base);box-shadow:0 0 0 2px var(--accent-subtle)}.activity-v3-chips{scrollbar-width:none;gap:6px;padding:2px 0 12px;display:flex;overflow-x:auto}.activity-v3-chip{border:1px solid var(--border-default);background:var(--bg-surface);height:32px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:99px;flex:none;padding:0 11px;font-size:12px;font-weight:650;transition:background .15s,color .15s,border-color .15s}.activity-v3-chip:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.activity-v3-chip.on{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.activity-v3-chip .n{opacity:.65;margin-left:5px}.activity-v3-resultbar{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:0 1px 10px;font-size:12px;display:flex}.activity-v3-resultbar strong{color:var(--text-primary)}.activity-v3-sort{color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;display:flex}.activity-v3-sort select{border:1px solid var(--border-default);background:var(--bg-surface);height:34px;color:var(--text-secondary);appearance:auto;border-radius:8px;padding:0 30px 0 9px;font-size:12px;font-weight:650}.activity-v3-day{margin-top:23px}.activity-v3-daytitle{color:var(--text-secondary);align-items:center;gap:12px;margin:0 0 9px;font-size:12px;font-weight:700;display:flex}.activity-v3-daytitle:after{content:"";background:var(--border-subtle);flex:1;height:1px}.activity-v3-feed{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;overflow:hidden}.activity-v3-event{border-bottom:1px solid var(--border-default);text-align:left;cursor:pointer;width:100%;min-height:76px;color:var(--text-primary);background:0 0;border-top:none;border-left:none;border-right:none;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.activity-v3-event:last-child{border-bottom:0}.activity-v3-event:hover{background:var(--bg-surface-hover)}.activity-v3-event:focus-visible{outline-offset:-3px;outline:3px solid #b9e6fe}.activity-v3-evicon{border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.activity-v3-evicon.motion{color:#087ab8;background:#eaf7ff}.activity-v3-evicon.person{color:#6941c6;background:#f4f0ff}.activity-v3-evicon.package{color:#a15c00;background:#fff8e8}.activity-v3-evicon.vehicle{color:#3538cd;background:#eef4ff}.activity-v3-evicon.animal{color:#18794e;background:#ecfdf3}.activity-v3-evicon.sound{color:#c01048;background:#fff1f3}.activity-v3-evicon.ring{color:#175cd3;background:#eff8ff}.activity-v3-evmain{min-width:0}.activity-v3-evline{align-items:baseline;gap:9px;min-width:0;display:flex}.activity-v3-evline strong{font-size:14px}.activity-v3-evline time{color:var(--text-muted);font-size:12px}.activity-v3-where{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.activity-v3-where b{color:var(--text-secondary);font-weight:600}.activity-v3-chev{color:var(--text-muted);padding:0 4px;font-size:18px}.activity-v3-empty{border:1px dashed var(--border-default);background:var(--bg-surface);text-align:center;border-radius:14px;padding:72px 20px}.activity-v3-empty i{background:var(--bg-canvas-hover);border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 12px;font-size:20px;font-style:normal;display:grid}.activity-v3-empty h3{margin:0 0 5px;font-size:15px}.activity-v3-empty p{color:var(--text-secondary);margin:0;font-size:13px}.activity-v3-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600}.activity-v3-clear:hover{color:var(--status-error)}.activity-v3-drawerbg{z-index:50;background:#10182840;display:none;position:fixed;inset:0}.activity-v3-drawerbg.show{display:block}.activity-v3-drawer{background:var(--bg-surface);width:min(440px,100%);height:100%;padding:24px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-18px 0 45px #1018281f}.activity-v3-drawerhead{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.activity-v3-drawerhead strong{font-size:16px}.activity-v3-drawerhead button{background:var(--bg-canvas-hover);cursor:pointer;border:0;border-radius:9px;width:34px;height:34px}.activity-v3-eventhero{align-items:center;gap:13px;margin-bottom:26px;display:flex}.activity-v3-eventhero .activity-v3-evicon{width:46px;height:46px}.activity-v3-eventhero h2{margin:0 0 2px;font-size:21px}.activity-v3-eventhero p{color:var(--text-secondary);margin:0;font-size:12px}.activity-v3-facts{border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);margin-bottom:22px;padding:5px 0}.activity-v3-fact{justify-content:space-between;gap:20px;padding:12px 0;font-size:13px;display:flex}.activity-v3-fact span:first-child{color:var(--text-secondary)}.activity-v3-fact span:last-child{text-align:right;font-weight:650}.activity-v3-explain{background:var(--bg-canvas);color:var(--text-secondary);border-radius:10px;margin-bottom:22px;padding:13px;font-size:12px}.activity-v3-draweractions{gap:8px;display:grid}.activity-v3-draweractions button{cursor:pointer;border-radius:9px;height:42px;font-weight:700}.activity-v3-draweractions .primary{background:var(--text-primary);color:var(--bg-surface);border:0}.activity-v3-draweractions .secondary2{border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary)}.activity-v3-bottom{flex-direction:column;align-items:center;gap:16px;margin-top:16px;display:flex}.activity-v3-clear{margin:0}@media (width<=980px){.activity-v3-container .page-heading{align-items:flex-start}.activity-v3-controls{grid-template-columns:minmax(0,1fr) minmax(145px,180px)}.activity-v3-controls .activity-v3-select:last-child{grid-column:2}.activity-v3-search{grid-row:1/span 2;align-self:stretch}.activity-v3-search input{height:100%;min-height:40px}}@media (width<=720px){.activity-v3-container .page-heading{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.activity-v3-container .page-heading-inner p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.activity-v3-learnbtn{justify-content:center;width:34px;height:34px;padding:0;font-size:0}.activity-v3-learnbtn .icon{width:18px;height:18px}.activity-v3-learnpanel{right:0}.activity-v3-controls{grid-template-columns:1fr 1fr;gap:8px}.activity-v3-search{grid-area:auto/1/auto/-1}.activity-v3-controls .activity-v3-select:last-child{grid-column:auto}.activity-v3-chips{padding-inline:16px;margin-inline:-16px;padding-bottom:10px}.activity-v3-resultbar{align-items:center}.activity-v3-sort>span{display:none}.activity-v3-event{grid-template-columns:38px minmax(0,1fr);padding:12px}.activity-v3-evline{flex-wrap:wrap;gap:4px 8px}.activity-v3-chev{display:none}}@media (width<=460px){.activity-v3-container .page-heading-inner p{display:none}.activity-v3-controls{grid-template-columns:1fr 1fr}.activity-v3-select{padding-left:9px;font-size:12px}.activity-v3-chip{height:31px;padding-inline:10px;font-size:11px}.activity-v3-sort{font-size:0}.activity-v3-sort select{max-width:138px;font-size:11px}.activity-v3-resultbar{font-size:11px}}.app-shell{background:var(--bg-canvas);width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.main-content{background:var(--bg-canvas);flex:auto;min-width:0;height:100dvh;overflow:hidden auto}.app-topbar{z-index:30;background:color-mix(in srgb, var(--bg-canvas) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;height:70px;display:flex;position:sticky;top:0}.page-content-inner{box-sizing:border-box;width:100%;min-width:0;margin-inline:auto;padding-inline:clamp(20px,3vw,44px)}.app-topbar-left,.app-topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.app-topbar-actions{margin-left:auto}.page-heading-inner{min-width:0}.page-heading-inner p{color:var(--text-secondary);max-width:680px;margin:0;font-size:13px;line-height:1.5}.home-layout{grid-template-columns:minmax(0,1fr) minmax(250px,330px);align-items:start;gap:clamp(18px,2.5vw,34px);display:grid}.home-section,.home-sidecol{min-width:0}.home-sidecol{flex-direction:column;gap:14px;display:flex}.home-section-top,.sidehead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.home-section-top h3,.sidehead h3{margin:0;font-size:14px}.textbtn{appearance:none;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:650}.textbtn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.favorites-grid{align-items:start;grid-template-columns:repeat(auto-fill,minmax(clamp(190px,18vw,245px),1fr))!important;gap:clamp(10px,1.2vw,16px)!important;display:grid!important}.favorite-card-frame{aspect-ratio:16/9}@media (width<=980px){.home-layout{grid-template-columns:1fr}.home-sidecol{grid-template-columns:1fr 1fr;display:grid}.favorites-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=760px){.favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=680px){.app-topbar{height:54px}.page-content-inner{padding-inline:16px}.app-topbar-title{display:none}.mobile-brand-header,.home-sidecol{display:flex}.page-heading{flex-direction:column;gap:10px}}@media (width<=430px){.favorites-grid{grid-template-columns:1fr!important}}.settings-shell{grid-template-columns:180px minmax(0,850px);justify-content:center;align-items:start;gap:clamp(30px,4vw,48px);width:100%}.settings-jump{gap:2px;top:94px}.settings-jump-label{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;padding:0 10px 7px;font-size:9px;font-weight:800}.settings-jump-item{border-radius:8px;min-height:38px;padding:9px 10px;font-size:13px}.settings-jump-item[aria-current=true]{background:var(--accent-subtle);color:var(--accent-base);box-shadow:none}.settings-section{border-bottom:1px solid var(--border-subtle);margin:0 0 30px;padding:0 0 30px;scroll-margin-top:98px}.settings-section:last-child{border-bottom:0;margin-bottom:0}.settings-section-head{margin:0 0 12px}.settings-section-head h2{letter-spacing:-.025em;color:var(--text-primary);margin:0 0 3px;font-size:20px}.settings-section-head p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.settings-section>h2{display:none}.settings-section .settings-card{border-radius:14px;margin-bottom:10px;box-shadow:0 1px 2px #10182806}.settings-section .settings-row{min-height:62px;padding-block:12px}.settings-section .settings-row-identity strong{font-size:13px}.settings-section .settings-row-identity p{font-size:11px;line-height:1.45}.settings-subsection h3,.settings-account-methods h3{color:var(--text-secondary);margin:0 0 8px;font-size:12px}.settings-autosave{border:0;min-height:34px;margin-top:8px;padding:10px}.retention-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.retention-choices button{border-radius:9px;min-height:38px}.danger-zone{margin-top:18px;padding-top:8px}.household-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #10182806}.household-card-hero{align-items:center;gap:12px;padding:16px;display:flex}.household-avatar{background:var(--accent-subtle);width:42px;height:42px;color:var(--accent-base);border-radius:12px;flex:0 0 42px;place-items:center;font-size:13px;font-weight:800;display:grid}.household-card-copy{flex:1;min-width:0}.household-card-copy>strong{color:var(--text-primary);font-size:13px;display:block}.household-ownerline{align-items:center;gap:7px;min-width:0;margin-top:3px;display:flex}.household-ownerline>span:last-child{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.household-switch select{max-width:220px}.household-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 14px 14px;display:grid}.household-metric{background:color-mix(in srgb, var(--bg-canvas) 75%, var(--bg-surface));border:1px solid var(--border-subtle);border-radius:10px;min-width:0;padding:10px}.household-metric>span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:8.5px;font-weight:800;display:block}.household-metric>strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;display:block;overflow:hidden}.household-metric>small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9.5px;display:block;overflow:hidden}.settings-section .people-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.settings-section .people-actions>button{border-radius:10px;min-height:42px;font-weight:700}.settings-section .member-list{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;overflow:hidden}.settings-section .member-row+.member-row{border-top:1px solid var(--border-subtle)}.notification-settings>.settings-row:first-child{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;margin-bottom:10px;padding-inline:14px}.notification-table{border-radius:12px!important}.notification-reveal{margin-top:9px}.settings-section .settings-subsection-heading{margin-bottom:8px}.settings-section .session-row,.settings-section .access-event{padding-block:11px}.settings-section .history-pagination{margin-top:10px}.settings-account-card>.settings-row:first-child{padding-inline:15px}.settings-account-methods{border-top:1px solid var(--border-subtle);padding:12px 15px 14px}.settings-account-methods>.settings-card,.settings-account-methods>.settings-row{margin-bottom:8px}.settings-danger-card{border-color:color-mix(in srgb, var(--status-error) 22%, var(--border-default))!important}.settings-danger-card .settings-row{background:color-mix(in srgb, var(--status-error) 3%, var(--bg-surface));padding-inline:15px}.privacy-settings-intro h3{color:var(--text-primary);margin:0 0 4px;font-size:14px}.privacy-settings-intro p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.privacy-settings-facts{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.privacy-settings-facts>div{min-width:0;padding:13px}.privacy-settings-facts>div+div{border-left:1px solid var(--border-subtle)}.privacy-settings-facts strong{color:var(--text-primary);font-size:11px;display:block}.privacy-settings-facts span{color:var(--text-secondary);margin-top:2px;font-size:10px;line-height:1.45;display:block}.privacy-settings-card>.settings-row{padding-inline:15px}.camera-settings-panel{width:min(100%,760px);margin:0 auto;padding-bottom:32px}.camera-settings-panel>.heading.device-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 18px;display:flex}.camera-settings-panel .eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:9px;font-weight:800}.camera-settings-panel .heading-with-rename{align-items:center;gap:7px;display:flex}.camera-settings-panel .heading-with-rename h3{letter-spacing:-.035em;margin:0;font-size:22px;line-height:1.1}.camera-settings-panel .rename-affordance{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.camera-settings-panel .rename-affordance:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.camera-settings-panel .device-back-button{flex:0 0 34px;order:-1;width:34px;height:34px;padding:0}.camera-settings-panel .device-back-button span{display:none}.camera-settings-panel .device-health{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 12px;display:grid;overflow:hidden}.camera-settings-panel .device-health>div{min-width:0;padding:11px 13px}.camera-settings-panel .device-health>div+div{border-left:1px solid var(--border-subtle)}.camera-settings-panel .device-health span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.camera-settings-panel .device-health strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.camera-settings-panel .device-controls,.camera-settings-panel .device-guidance,.camera-settings-panel .device-settings{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:11px;margin:10px 0;padding:12px 13px}.camera-settings-panel .device-controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.camera-settings-panel .device-controls h4{margin:0 0 2px;font-size:12px}.camera-settings-panel .device-controls p{color:var(--text-secondary);margin:0;font-size:10px;line-height:1.45}.camera-settings-panel .device-guidance summary,.camera-settings-panel .device-settings summary{cursor:pointer;font-size:11px;font-weight:700}.camera-settings-panel .section-heading{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.camera-settings-panel .section-heading h4{margin:0;font-size:12px}.camera-settings-panel .camera-tile-grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:10px}.camera-settings-panel .camera-tile-frame{aspect-ratio:16/10}.camera-settings-panel .camera-tile-footer{padding:9px 11px}.camera-settings-panel .health-warning{background:var(--status-warning-bg,var(--bg-surface-hover));border-radius:10px;margin:9px 0;padding:10px 12px;font-size:10px}.camera-settings-panel .device-settings-content{color:var(--text-secondary);padding-top:10px;font-size:10px;line-height:1.5}@media (width<=900px){.settings-shell{grid-template-columns:1fr;gap:18px;max-width:850px;margin:auto}.settings-jump{z-index:20;background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;flex-direction:row;margin:0 0 20px;padding:10px 0;position:sticky;top:70px;overflow-x:auto}.settings-jump-label{display:none}.settings-jump-item{white-space:nowrap;border:1px solid var(--border-default);border-radius:999px;flex:none}.settings-jump-item[aria-current=true]{border-color:var(--accent-base)}.settings-autosave{white-space:nowrap;flex:none;margin:0;padding:9px 4px}.settings-section{scroll-margin-top:132px}.camera-settings-panel .device-health{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-settings-panel .device-health>div:nth-child(3){border-left:0;border-top:1px solid var(--border-subtle)}.camera-settings-panel .device-health>div:nth-child(4){border-top:1px solid var(--border-subtle)}}@media (width<=680px){.settings-section{margin-bottom:24px;padding-bottom:24px}.settings-jump{margin-inline:-16px;padding-inline:16px;top:54px}.settings-jump-item svg{display:none}.settings-section .settings-row{align-items:flex-start}.household-card-hero{flex-wrap:wrap;align-items:flex-start}.household-switch{width:100%;margin-left:54px}.household-switch select{width:100%;max-width:none}.household-metrics{grid-template-columns:1fr}.settings-section .people-actions,.retention-choices{grid-template-columns:1fr 1fr}.privacy-settings-facts{grid-template-columns:1fr}.privacy-settings-facts>div+div{border-left:0;border-top:1px solid var(--border-subtle)}.camera-settings-panel>.heading.device-heading{gap:9px}.camera-settings-panel .heading-with-rename h3{font-size:20px}.camera-settings-panel .device-health{grid-template-columns:1fr 1fr}.camera-settings-panel .device-health>div{padding:10px}.camera-settings-panel .device-controls{flex-direction:column;align-items:flex-start}.camera-settings-panel .device-controls>button{width:100%}}@media (width<=440px){.settings-section .people-actions{grid-template-columns:1fr}.household-switch{margin-left:0}.settings-jump-item{padding-inline:11px}.settings-section-head h2{font-size:19px}}.public-header{background:var(--bg-canvas);border-bottom:1px solid var(--border-default);z-index:100;box-sizing:border-box;align-items:center;width:100%;height:68px;display:flex;position:relative}.public-header.sticky{background:color-mix(in srgb, var(--bg-canvas) 92%, transparent);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.public-header .ph-wrap{grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:20px;width:100%;min-width:0;margin:0 auto;display:grid}.public-header.align-splash .ph-wrap,.public-header.align-trust .ph-wrap{width:min(1180px,100% - 40px)}.public-header.align-contact .ph-wrap{width:min(1120px,100% - 32px)}.public-header.align-auth .ph-wrap{box-sizing:border-box;width:min(1180px,100%);padding-inline:clamp(16px,4vw,48px)}.ph-brand{color:var(--text-primary);letter-spacing:-.025em;justify-self:start;align-items:center;gap:9px;min-width:0;font-weight:800;text-decoration:none;display:inline-flex}.ph-brand .brand-lockup{flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ph-brand svg{color:var(--accent-base);display:block;width:30px!important;height:30px!important}.ph-brand-word{font-family:var(--font-sans);font-size:1.18rem;line-height:1}.ph-nav-desktop{flex-direction:row;justify-content:center;justify-self:center;align-items:center;gap:4px;min-width:0;display:flex}.ph-nav-desktop a{white-space:nowrap;min-height:36px;color:var(--text-secondary);border-radius:9px;align-items:center;padding:0 12px;font-size:.86rem;font-weight:650;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.ph-nav-desktop a:hover,.ph-nav-desktop a.active{color:var(--text-primary);background:var(--bg-surface-hover)}.ph-actions,.ph-action-slot{align-items:center;display:flex}.ph-actions{flex:none;grid-column:3;justify-self:end;gap:10px;min-width:0}.ph-action-slot{gap:10px}.ph-back-action{appearance:none;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;padding:9px 11px;font-family:inherit;font-size:.86rem;font-weight:650;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.ph-back-action:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.ph-back-action:focus-visible,.ph-nav-desktop a:focus-visible,.ph-brand:focus-visible,.ph-mobile-nav a:focus-visible,.ph-menu-trigger:focus-visible,.ph-menu-close:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.ph-menu-trigger,.ph-menu-close{appearance:none;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px}.ph-menu-trigger{display:none}.ph-menu-close{color:var(--text-secondary);margin-right:-8px;display:flex}.ph-menu-trigger:hover,.ph-menu-close:hover{background:var(--bg-surface-hover)}.ph-mobile-overlay{z-index:1000;background:#0000006b;justify-content:flex-end;animation:.18s ease-out ph-fade-in;display:flex;position:fixed;inset:0}.ph-mobile-menu{background:var(--bg-surface);flex-direction:column;width:min(320px,88vw);height:100dvh;animation:.22s cubic-bezier(.16,1,.3,1) ph-slide-in;display:flex;overflow-y:auto;box-shadow:-4px 0 24px #0000001f}.ph-mobile-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;min-height:68px;padding:0 20px;display:flex}.ph-mobile-nav{flex-direction:column;gap:4px;padding:16px 20px 24px;display:flex}.ph-mobile-nav a{color:var(--text-secondary);border-radius:9px;padding:12px 14px;font-size:1rem;font-weight:650;text-decoration:none;display:block}.ph-mobile-nav a:hover,.ph-mobile-nav a.active{background:var(--bg-surface-hover);color:var(--text-primary)}.ph-mobile-action{border-top:1px solid var(--border-default);margin-top:12px;padding-top:16px}.ph-mobile-action .btn{justify-content:center;align-items:center;width:100%;height:44px;padding:0 14px;display:flex}@keyframes ph-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ph-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=820px){.public-header .ph-wrap{display:flex}.public-header.align-splash .ph-wrap,.public-header.align-trust .ph-wrap,.public-header.align-contact .ph-wrap{width:calc(100% - 32px)}.ph-brand{margin-right:auto}.ph-nav-desktop,.public-header.has-links .ph-action-slot{display:none}.public-header.no-links .ph-action-slot{display:flex}.ph-actions{margin-left:auto}.ph-menu-trigger{display:flex}}@media (width<=420px){.ph-brand-word{font-size:1.08rem}.public-header{height:62px}.ph-mobile-header{min-height:62px}}@media (prefers-reduced-motion:reduce){.ph-mobile-overlay,.ph-mobile-menu{animation:none}}.auth{box-sizing:border-box;background:var(--bg-canvas);min-height:calc(100dvh - 68px);color:var(--text-primary);font-family:var(--font-sans);grid-template-rows:auto 1fr auto;padding:clamp(16px,2.5dvh,28px) clamp(16px,4vw,48px);display:grid;overflow-x:hidden}.auth .stage,.auth .foot{width:min(1180px,100%);margin-inline:auto}.auth .stage{grid-template-columns:minmax(330px,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(50px,9vw,120px);padding-block:clamp(24px,4dvh,50px);display:grid}.auth .context{max-width:470px}.auth .context .eyebrow{color:var(--accent-base);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.7rem;font-weight:800}.auth .context h1{letter-spacing:-.06em;color:var(--text-primary);margin:0;font-size:clamp(2.5rem,4.6vw,4.7rem);line-height:.96}.auth .context p{color:var(--text-secondary);max-width:440px;margin:20px 0 0;font-size:clamp(.96rem,1.15vw,1.06rem);line-height:1.62}.auth .context-note{color:var(--text-muted);align-items:center;gap:9px;margin-top:26px;font-size:.8rem;display:flex}.auth .context-note i,.auth .context-note svg{width:14px;height:14px;color:var(--accent-base)}.auth .card{background:var(--bg-surface);border:1px solid var(--border-default);width:min(440px,100%);box-shadow:var(--shadow-lg);border-radius:18px;justify-self:end;padding:clamp(25px,3vw,36px)}.auth .view{display:none}.auth .view.active{animation:.18s ease-out both auth-enter;display:block}@keyframes auth-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.auth .card-head{margin-bottom:25px}.auth .card-head h2{letter-spacing:-.035em;color:var(--text-primary);margin:0 0 7px;font-size:1.55rem}.auth .card-head p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.auth .field{margin-bottom:17px}.auth .labelrow{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.auth label{color:var(--text-primary);font-size:.78rem;font-weight:700}.auth .textlink{color:var(--text-secondary);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:.76rem;text-decoration:underline}.auth input{border:1px solid var(--border-default);background:var(--bg-base);width:100%;height:44px;color:var(--text-primary);font-family:inherit;font-size:inherit;border-radius:9px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s}.auth input:focus{background:var(--bg-surface);border-color:var(--accent-base);box-shadow:0 0 0 3px #0798df1f}.auth .password{position:relative}.auth .password input{padding-right:43px}.auth .eye{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.auth .helper{color:var(--text-muted);margin:-8px 0 17px;font-size:.72rem;line-height:1.45}.auth .primary{background:var(--action-base);width:100%;height:44px;color:var(--action-text);cursor:pointer;border:0;border-radius:9px;font-family:inherit;font-size:.84rem;font-weight:750}.auth .primary:hover{background:var(--action-hover)}.auth .primary:focus-visible,.auth .google:focus-visible,.auth .textlink:focus-visible,.auth .back:focus-visible{outline-offset:2px;outline:3px solid #0798df38}.auth .primary:disabled{opacity:.7;cursor:not-allowed}.auth .divider{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:.67rem;font-weight:750;display:flex}.auth .divider:before,.auth .divider:after{content:"";background:var(--border-default);flex:1;height:1px}.auth .google{border:1px solid var(--border-default);background:var(--bg-surface);width:100%;height:44px;color:var(--text-primary);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.auth .g{color:#4285f4;font-size:1rem;font-weight:900}.auth .switch{text-align:center;color:var(--text-secondary);margin:22px 0 0;font-size:.78rem}.auth .switch button{color:var(--text-primary);text-underline-offset:2px;cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.auth .success{background:var(--status-success-bg);width:42px;height:42px;color:var(--status-success-text);border-radius:50%;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.auth .foot{border-top:1px solid var(--border-default);color:var(--text-muted);justify-content:space-between;align-items:center;gap:18px;padding-top:14px;font-size:.72rem;display:flex}.auth .footlinks{gap:16px;display:flex}.auth .foot a{color:var(--text-secondary);text-decoration:none}.auth .auth-alert{background-color:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error-text);border-radius:8px;margin-bottom:20px;padding:12px;font-size:.85rem}.auth .auth-info-block{background-color:var(--bg-surface-hover);border:1px solid var(--border-default);color:var(--text-primary)}@media (width<=800px){.auth{grid-template-rows:auto 1fr auto}.auth .stage{grid-template-columns:1fr;align-content:center;gap:24px;padding-block:28px}.auth .context{display:none}.auth .card{justify-self:center}}@media (width<=480px){.auth{padding:16px}.auth .top .back{font-size:0}.auth .top .back:after{content:"Back";font-size:.8rem}.auth .stage{padding-block:20px}.auth .card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px 0}.auth .card-head{margin-bottom:22px}.auth .card-head h2{font-size:1.75rem}.auth input,.auth .primary,.auth .google{height:46px}.auth .foot{flex-direction:column;align-items:flex-start}}@media (width<=420px){.auth{min-height:calc(100dvh - 62px)}}@media (height<=700px) and (width>=801px){.auth,.auth .stage{padding-block:12px}.auth .context h1{font-size:clamp(2.4rem,4vw,3.7rem)}.auth .context p{margin-top:12px}.auth .context-note{margin-top:15px}.auth .card{padding:23px 28px}.auth .card-head{margin-bottom:18px}.auth .field{margin-bottom:13px}.auth .divider{margin:16px 0}.auth .switch{margin-top:16px}}@media (prefers-reduced-motion:reduce){.auth .view.active{animation:none}}.splash-v4{--max:1180px;--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-default);--blue:var(--accent-base);--soft:var(--bg-surface-hover);--bg:var(--bg-canvas);--navy:var(--action-base);box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--bg);min-height:100dvh}.splash-v4 *{box-sizing:border-box}.splash-v4 a{color:inherit}.splash-v4 .wrap{width:min(var(--max), calc(100% - 40px));margin:auto}.splash-v4 .hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(48px,8vw,110px);min-height:calc(100dvh - 68px);padding:clamp(38px,6dvh,72px) 0;display:grid}.splash-v4 .eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--accent-base);margin:0 0 15px;font-size:.72rem;font-weight:800}.splash-v4 h1{letter-spacing:-.07em;max-width:700px;color:var(--text-primary);margin:0;font-size:clamp(3.4rem,6.6vw,6.8rem);line-height:.89}.splash-v4 .lede{color:var(--muted);max-width:580px;margin:26px 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.65}.splash-v4 .ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.splash-v4 .btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-family:inherit;font-size:.87rem;font-weight:750;text-decoration:none;display:inline-flex}.splash-v4 .primary{background:var(--navy);color:var(--action-text)}.splash-v4 .secondary{border:1px solid var(--line);background:var(--bg-surface);color:var(--text-primary)}.splash-v4 .micro{color:var(--text-muted);flex-wrap:wrap;gap:18px;margin-top:27px;font-size:.76rem;display:flex}.splash-v4 .micro span{align-items:center;gap:7px;display:flex}.splash-v4 .micro svg{width:14px;height:14px;color:var(--accent-base)}.splash-v4 .demo{isolation:isolate;min-width:0;padding:36px 24px 42px;position:relative}.splash-v4 .demo:before{content:"";z-index:-2;background:linear-gradient(145deg, color-mix(in srgb, var(--accent-base) 10%, var(--soft)), var(--soft));border-radius:42px;position:absolute;inset:5% -3% 2% 9%;transform:rotate(-2deg)}.splash-v4 .demo:after{content:"";z-index:-1;aspect-ratio:1;background:color-mix(in srgb, var(--accent-base) 13%, transparent);filter:blur(42px);opacity:.7;border-radius:50%;width:58%;position:absolute;top:2%;right:-4%}.splash-v4 .window{background:var(--bg-surface);border:1px solid color-mix(in srgb, var(--border-strong) 76%, transparent);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 28px 70px #0813262e,0 4px 16px #08132614}.splash-v4 .splash-demo-window{transform-origin:50%;transition:transform .35s,box-shadow .35s;transform:perspective(1200px)rotateY(-1.5deg)rotateX(.5deg)}.splash-v4 .demo:hover .splash-demo-window{transform:perspective(1200px)rotateY(0)rotateX(0)translateY(-3px);box-shadow:0 34px 80px #08132638,0 6px 20px #08132617}.splash-v4 .windowbar{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg-surface) 94%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;height:45px;padding:0 14px;display:grid}.splash-v4 .dots{gap:5px;display:flex}.splash-v4 .dots i{background:var(--border-strong);border-radius:50%;width:7px;height:7px}.splash-v4 .demo-window-title{color:var(--text-muted);align-items:center;gap:6px;font-size:.67rem;font-weight:700;display:flex}.splash-v4 .demo-window-title svg{width:11px;height:11px}.splash-v4 .live{color:#0d8a60;letter-spacing:.05em;justify-self:end;align-items:center;gap:6px;font-size:.65rem;font-weight:850;display:flex}.splash-v4 .live:before{content:"";background:#13a56f;border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite splash-live-pulse;box-shadow:0 0 0 4px #13a56f1a}.splash-v4 .feed{aspect-ratio:1.42;color:#fff;background:#142238;position:relative;overflow:hidden}.splash-v4 .demo-scene{background:linear-gradient(165deg,#526578 0%,#31465d 47%,#21344a 100%);position:absolute;inset:0;overflow:hidden}.splash-v4 .scene-wall{background:linear-gradient(90deg,#ffffff0e 1px,#0000 1px) 0 0/34% 100%,linear-gradient(#ffffff0b,#0000);position:absolute;inset:0 0 31%}.splash-v4 .scene-frame{background:#c4d6e229;border:4px solid #0c192a94;position:absolute;box-shadow:0 2px 7px #00000024}.splash-v4 .scene-frame:after{content:"";border:1px solid #e5eff640;position:absolute;inset:13%}.splash-v4 .scene-frame-a{aspect-ratio:.76;width:13%;top:17%;left:17%}.splash-v4 .scene-frame-b{aspect-ratio:.82;width:10%;top:21%;left:32%}.splash-v4 .scene-window{background:linear-gradient(160deg,#8aa5b6,#d1d8d5 58%,#758f9f);border:5px solid #0c192a8c;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:27%;height:40%;display:grid;position:absolute;top:12%;right:9%;box-shadow:inset 0 0 30px #eff6f429}.splash-v4 .scene-window i{border:1px solid #1a2c3c5c}.splash-v4 .scene-floor{background:linear-gradient(173deg,#4b4d50,#252d37);height:42%;position:absolute;bottom:-7%;left:-10%;right:-10%;transform:skewY(-2deg)}.splash-v4 .scene-sofa{z-index:2;background:linear-gradient(#29394a,#1d2c3d);border-radius:14px 14px 8px 8px;width:52%;height:29%;position:absolute;bottom:17%;left:14%;box-shadow:0 12px 24px #050c1552}.splash-v4 .scene-sofa:before,.splash-v4 .scene-sofa:after{content:"";background:#1b2938;border-radius:8px;width:12%;height:62%;position:absolute;bottom:0}.splash-v4 .scene-sofa:before{left:-5%}.splash-v4 .scene-sofa:after{right:-5%}.splash-v4 .scene-sofa span{background:linear-gradient(160deg,#3c5063,#293c4f);border:1px solid #ffffff0a;border-radius:9px;width:29%;position:absolute;top:8%;bottom:15%}.splash-v4 .scene-sofa span:first-child{left:4%}.splash-v4 .scene-sofa span:nth-child(2){left:35.5%}.splash-v4 .scene-sofa span:nth-child(3){right:4%}.splash-v4 .scene-table{z-index:3;background:#172536;border-radius:50%;width:23%;height:8%;position:absolute;bottom:14%;right:13%;box-shadow:0 8px 18px #00000040}.splash-v4 .scene-table:after{content:"";background:#14202d;width:5%;height:90%;position:absolute;top:55%;left:48%}.splash-v4 .scene-table i{opacity:.7;background:#81969c;border-radius:2px 2px 7px 7px;width:18%;height:65%;position:absolute;bottom:72%;left:45%}.splash-v4 .scene-plant{z-index:2;width:11%;height:31%;position:absolute;bottom:27%;right:4%}.splash-v4 .scene-plant:after{content:"";clip-path:polygon(8% 0,92% 0,78% 100%,22% 100%);background:#172a2d;width:45%;height:32%;position:absolute;bottom:0;left:31%}.splash-v4 .scene-plant i{transform-origin:bottom;background:#31594e;border-radius:100% 0;width:14%;height:55%;position:absolute;bottom:27%;left:46%}.splash-v4 .scene-plant i:first-child{transform:rotate(-37deg)}.splash-v4 .scene-plant i:nth-child(2){height:65%;transform:rotate(-15deg)}.splash-v4 .scene-plant i:nth-child(3){height:63%;transform:rotate(18deg)}.splash-v4 .scene-plant i:nth-child(4){height:48%;transform:rotate(40deg)}.splash-v4 .scene-lamp{z-index:2;border-left:3px solid #192735;width:8%;height:42%;position:absolute;bottom:29%;left:5%}.splash-v4 .scene-lamp:before{content:"";clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);opacity:.72;background:#9b917c;width:31px;height:22px;position:absolute;top:-4%;left:-14px}.splash-v4 .scene-lamp i{background:#172331;border-radius:50%;width:30px;height:4px;position:absolute;bottom:-3px;left:-15px}.splash-v4 .scene-vignette{background:radial-gradient(circle at 68% 31%,#0000 0 32%,#060e1a29 100%),linear-gradient(#050d180a,#050d1833);position:absolute;inset:0;box-shadow:inset 0 0 70px #040c1738}.splash-v4 .feed-topline{color:#eff7ffd1;text-shadow:0 1px 3px #0006;justify-content:space-between;align-items:center;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:14px;left:15px;right:15px}.splash-v4 .feed-quality,.splash-v4 .feed-secure{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050e1a47;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:5px;padding:5px 7px;display:flex}.splash-v4 .feed-secure svg{width:10px;height:10px}.splash-v4 .feed-identity{text-shadow:0 1px 5px #00000080;align-items:center;gap:9px;display:flex;position:absolute;bottom:14px;left:15px}.splash-v4 .feed-camera-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050e1a57;border:1px solid #ffffff29;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.splash-v4 .feed-camera-icon svg{width:15px;height:15px}.splash-v4 .feed-identity>span:last-child{flex-direction:column;gap:2px;display:flex}.splash-v4 .feed-identity strong{letter-spacing:.01em;font-size:.7rem}.splash-v4 .feed-identity small{color:#e8f1f8b8;font-size:.57rem}.splash-v4 .feed-time{color:#eff7ffcc;text-shadow:0 1px 4px #00000080;align-items:center;gap:6px;font-size:.58rem;font-weight:700;display:flex;position:absolute;bottom:15px;right:15px}.splash-v4 .feed-pulse{background:#4ee2a5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #4ee2a51f}.splash-v4 .controls{justify-content:space-between;align-items:center;min-height:64px;padding:9px 15px;display:flex}.splash-v4 .device{align-items:center;gap:9px;min-width:0;font-size:.76rem;display:flex}.splash-v4 .avatar{background:var(--soft);width:31px;height:31px;color:var(--blue);border-radius:9px;flex:none;place-items:center;display:grid}.splash-v4 .avatar svg{width:15px;height:15px}.splash-v4 .demo-device-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.splash-v4 .demo-device-copy strong{color:var(--text-primary);white-space:nowrap;font-size:.69rem}.splash-v4 .demo-device-copy small{color:var(--text-muted);white-space:nowrap;font-size:.56rem}.splash-v4 .controlset{gap:6px;display:flex}.splash-v4 .control{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);background:var(--bg-surface);border-radius:9px;place-items:center;display:grid;box-shadow:0 1px 2px #00000006}.splash-v4 .control svg{width:13px;height:13px}.splash-v4 .demo-record-control{color:#e25555}.splash-v4 .demo-statusbar{border-top:1px solid var(--line);height:28px;color:var(--text-muted);align-items:center;gap:12px;padding:0 15px;font-size:.54rem;font-weight:650;display:flex}.splash-v4 .demo-statusbar span:first-child{align-items:center;gap:5px;margin-right:auto;display:flex}.splash-v4 .status-dot{background:#13a56f;border-radius:50%;width:5px;height:5px}.splash-v4 .demo-float-card{z-index:4;border:1px solid color-mix(in srgb, var(--border-default) 82%, transparent);background:color-mix(in srgb, var(--bg-surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;border-radius:12px;align-items:center;gap:9px;padding:9px 11px;display:flex;position:absolute;box-shadow:0 12px 30px #0813261f}.splash-v4 .demo-float-card>span{background:var(--soft);width:28px;height:28px;color:var(--accent-base);border-radius:8px;place-items:center;display:grid}.splash-v4 .demo-float-card svg{width:13px;height:13px}.splash-v4 .demo-float-card div{flex-direction:column;gap:1px;display:flex}.splash-v4 .demo-float-card strong{color:var(--text-primary);font-size:.62rem}.splash-v4 .demo-float-card small{color:var(--text-muted);font-size:.52rem}.splash-v4 .demo-float-secure{bottom:12%;left:0}.splash-v4 .demo-float-device{top:15%;right:-4%}.splash-v4 .section{border-top:1px solid var(--line);padding:clamp(75px,9vw,125px) 0}.splash-v4 .section-head{max-width:680px;margin-bottom:45px}.splash-v4 .section-head p{color:var(--accent-base);text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;font-size:.72rem;font-weight:800}.splash-v4 .section-head h2{letter-spacing:-.055em;color:var(--text-primary);margin:0;font-size:clamp(2.2rem,4vw,4rem);font-weight:700;line-height:1}.splash-v4 .section-head .sub{color:var(--muted);text-transform:none;letter-spacing:0;margin:17px 0 0;font-size:1rem;font-weight:400;line-height:1.6}.splash-v4 .steps{border-top:1px solid var(--border-strong);grid-template-columns:repeat(3,1fr);display:grid}.splash-v4 .step{padding:28px 28px 0 0}.splash-v4 .step+.step{border-left:1px solid var(--line);padding-left:28px}.splash-v4 .num{color:var(--accent-base);letter-spacing:.08em;font-size:.7rem;font-weight:800}.splash-v4 .step h3{color:var(--text-primary);margin:28px 0 9px;font-size:1.08rem;font-weight:700}.splash-v4 .step p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.splash-v4 .privacy{background:var(--bg-surface)}.splash-v4 .privacy-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px;display:grid}.splash-v4 .privacy h2{letter-spacing:-.055em;color:var(--text-primary);margin:0;font-size:clamp(2.2rem,4vw,4rem);font-weight:700;line-height:1}.splash-v4 .privacy-copy{color:var(--muted);max-width:520px;margin:18px 0 0;line-height:1.65}.splash-v4 .principles{border-top:1px solid var(--border-strong)}.splash-v4 .principle{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;gap:16px;padding:20px 0;display:grid}.splash-v4 .picon{background:var(--bg-canvas);border:1px solid var(--line);width:34px;height:34px;color:var(--blue);border-radius:9px;place-items:center;display:grid}.splash-v4 .principle h3{color:var(--text-primary);margin:1px 0 5px;font-size:.93rem;font-weight:700}.splash-v4 .principle p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.splash-v4 .trustlink{color:var(--accent-base);margin-top:20px;font-size:.82rem;font-weight:750;text-decoration:none;display:inline-block}.splash-v4 .final{text-align:center;padding:clamp(75px,10vw,130px) 0}.splash-v4 .final h2{letter-spacing:-.06em;max-width:800px;color:var(--text-primary);margin:0 auto;font-size:clamp(2.5rem,5vw,5rem);font-weight:700;line-height:.95}.splash-v4 .final p{color:var(--muted);max-width:520px;margin:18px auto 26px;line-height:1.6}.splash-v4 footer{border-top:1px solid var(--line);color:var(--text-muted);padding:24px 0 30px;font-size:.76rem}.splash-v4 .foot{justify-content:space-between;gap:20px;display:flex}.splash-v4 .footlinks{gap:18px;display:flex}.splash-v4 .foot a{color:var(--text-secondary);font-weight:650;text-decoration:none}@keyframes splash-live-pulse{0%{box-shadow:0 0 #13a56f47}70%{box-shadow:0 0 0 7px #13a56f00}to{box-shadow:0 0 #13a56f00}}@media (width<=1050px){.splash-v4 .demo-float-device{right:0}.splash-v4 .demo-float-secure{left:4px}}@media (width<=850px){.splash-v4 .hero{grid-template-columns:1fr;min-height:auto;padding:60px 0}.splash-v4 .hero-copy{max-width:720px}.splash-v4 .demo{width:100%;max-width:620px;margin:auto}.splash-v4 .privacy-grid{grid-template-columns:1fr;gap:42px}}@media (width<=620px){.splash-v4 .wrap{width:calc(100% - 32px)}.splash-v4 .hero{gap:34px;padding:42px 0}.splash-v4 h1{font-size:clamp(3rem,15vw,4.8rem)}.splash-v4 .demo{padding:12px 0 18px}.splash-v4 .demo:before{border-radius:28px;inset:5% -7% 1% 5%}.splash-v4 .splash-demo-window{transform:none}.splash-v4 .demo-float-card{display:none}.splash-v4 .feed{aspect-ratio:1.24}.splash-v4 .feed-topline{top:10px;left:10px;right:10px}.splash-v4 .feed-identity{bottom:10px;left:10px}.splash-v4 .feed-time{bottom:11px;right:10px}.splash-v4 .controlset{gap:4px}.splash-v4 .control{width:29px;height:29px}.splash-v4 .demo-statusbar{gap:8px;padding:0 11px}.splash-v4 .steps{grid-template-columns:1fr}.splash-v4 .step{border-bottom:1px solid var(--line);border-left:0!important;padding:22px 0!important}.splash-v4 .section{padding:62px 0}.splash-v4 .foot{flex-direction:column}.splash-v4 .micro{gap:10px 16px}}@media (width<=390px){.splash-v4 .demo-window-title{display:none}.splash-v4 .windowbar{grid-template-columns:1fr 1fr}.splash-v4 .feed-secure,.splash-v4 .demo-device-copy small,.splash-v4 .demo-statusbar span:nth-child(2){display:none}}@media (height<=720px) and (width>=851px){.splash-v4 .hero{gap:60px;padding:25px 0}.splash-v4 h1{font-size:clamp(3rem,5.5vw,5rem)}.splash-v4 .lede{margin-top:17px}.splash-v4 .ctas{margin-top:20px}.splash-v4 .micro{margin-top:18px}.splash-v4 .demo{padding:20px 16px 24px}.splash-v4 .feed{aspect-ratio:1.58}.splash-v4 .demo-float-card{transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.splash-v4 .live:before{animation:none}.splash-v4 .splash-demo-window{transition:none}.splash-v4 .demo:hover .splash-demo-window{transform:none}}.splash-v4 section[id]{scroll-margin-top:80px}.splash-v4 .feed:after{content:"";pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.splash-v4 .scene-window:after{content:"";background:linear-gradient(115deg,#0000 38%,#e8f5f429 49%,#0000 61%);animation:9s ease-in-out infinite splash-window-light;position:absolute;inset:-35%}.splash-v4 .controlset button.control{font:inherit;cursor:pointer;padding:0;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.splash-v4 .controlset button.control:hover{border-color:color-mix(in srgb, var(--accent-base) 35%, var(--line));color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 10px #08132614}.splash-v4 .controlset button.control:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.splash-v4 .controlset button.control.is-active{background:color-mix(in srgb, var(--accent-base) 11%, var(--bg-surface));border-color:color-mix(in srgb, var(--accent-base) 34%, var(--line));color:var(--accent-base)}.splash-v4 .controlset button.demo-record-control.is-recording{color:#e25555;background:#e255551a;border-color:#e255555c}.splash-v4 .controlset button.demo-record-control.is-recording svg{animation:1.45s ease-in-out infinite splash-record-pulse}.splash-v4 .demo-statusbar span:last-child{text-align:right;font-variant-numeric:tabular-nums;min-width:26px}.splash-v4 .demo-statusbar span:nth-child(2){transition:color .16s}.splash-v4 .splash-demo-window:before{content:"";z-index:6;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff2e}@keyframes splash-window-light{0%,to{opacity:.2;transform:translate(-20%)}50%{opacity:.8;transform:translate(20%)}}@keyframes splash-record-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.62;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.splash-v4 .scene-window:after,.splash-v4 .controlset button.demo-record-control.is-recording svg{animation:none}.splash-v4 .controlset button.control{transition:none}}.splash-v4 .demo-camera-switch{border:1px solid var(--line);background:var(--bg-canvas);border-radius:9px;align-items:center;gap:2px;margin-left:auto;margin-right:8px;padding:2px;display:flex}.splash-v4 .demo-camera-switch button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 7px;font-size:.54rem;font-weight:750;line-height:1}.splash-v4 .demo-camera-switch button.is-selected{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #08132614}.splash-v4 .demo-camera-switch button:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.splash-v4 .demo-scene{transition:filter .35s,background .35s}.splash-v4 .demo-scene-entry{filter:saturate(.82)contrast(1.04);background:linear-gradient(165deg,#5e6a72 0%,#3c4b55 46%,#24333d 100%)}.splash-v4 .demo-scene-entry .scene-window{background:linear-gradient(160deg,#a6b1b4,#d7d6c9 58%,#89979b);width:25%;height:48%;top:9%;left:7%;right:auto}.splash-v4 .demo-scene-entry .scene-frame-a{width:12%;top:16%;left:52%}.splash-v4 .demo-scene-entry .scene-frame-b{width:9%;top:20%;left:67%}.splash-v4 .demo-scene-entry .scene-sofa{background:linear-gradient(#39454b,#28353c);width:48%;bottom:16%;left:38%}.splash-v4 .demo-scene-entry .scene-table{bottom:13%;left:15%;right:auto}.splash-v4 .demo-scene-entry .scene-plant{bottom:26%;right:4%}.splash-v4 .demo-scene-entry .scene-lamp{display:none}@media (width<=500px){.splash-v4 .demo-camera-switch{display:none}.splash-v4 .controls{gap:8px}.splash-v4 .controlset{margin-left:auto}}@media (prefers-reduced-motion:reduce){.splash-v4 .demo-scene{transition:none}}.camera-browser-controls{grid-template-columns:minmax(240px,340px) minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;margin-bottom:24px;display:grid}.camera-search{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);grid-template-columns:18px minmax(0,1fr);align-items:center;column-gap:10px;width:100%;min-width:0;height:40px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.camera-search:focus-within{border-color:var(--accent-base);box-shadow:0 0 0 1px var(--accent-base)}.camera-search .visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.camera-search .icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.camera-search input{width:100%;min-width:0;height:38px;color:var(--text-primary);background:0 0;border:0;outline:0;margin:0;padding:0;font-family:inherit;font-size:.9rem;line-height:normal;display:block}.camera-search input::placeholder{color:var(--text-muted)}.filter-pills{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.filter-pills button{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);height:34px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;padding:0 14px;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.filter-pills button:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.filter-pills button[aria-checked=true]{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-canvas)}.filter-pills button span{color:inherit;opacity:.7;margin-left:6px}.camera-results{color:var(--text-muted);white-space:nowrap;justify-self:end;font-size:.82rem}.camera-tile-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(210px,22vw,280px),1fr));align-items:start;gap:clamp(10px,1.25vw,16px);display:grid}.camera-loadarea{flex-direction:column;align-items:center;gap:8px;padding:22px 0 2px;display:flex}.camera-loadarea .progress{color:var(--text-muted);font-size:.85rem}.camera-loadarea .btn{min-width:120px}.camera-no-results{text-align:center;border:1px dashed var(--border-default);background:var(--bg-surface);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;padding:70px 20px;display:flex}.camera-no-results .icon{color:var(--text-muted);margin-bottom:12px;font-size:24px}.camera-no-results h3{margin:0 0 5px;font-size:1rem}.camera-no-results p{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem}.camera-browser-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.camera-browser-intro h2{letter-spacing:-1.15px;color:var(--text-primary);margin:0 0 7px;font-size:30px;font-weight:750}.camera-browser-intro p{color:var(--text-secondary);margin:0;font-size:13px}@media (width<=1180px){.camera-browser-controls{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.camera-results{grid-column:1/-1;justify-self:end;margin-top:-2px}}@media (width<=900px){.camera-browser-controls{grid-template-columns:1fr}.camera-search{max-width:420px}.filter-pills{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.filter-pills::-webkit-scrollbar{display:none}.camera-results{grid-column:auto}.camera-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.camera-browser-controls{gap:10px}.camera-search{width:100%;max-width:none}.filter-pills{padding-inline:16px;margin-inline:-16px;padding-bottom:4px}.camera-results{display:none}.camera-browser-intro{align-items:flex-start}.camera-browser-intro h2{font-size:26px}}@media (width<=470px){.camera-tile-grid{grid-template-columns:1fr}}.contact-v4{--bg:var(--bg-canvas);--surface:var(--bg-surface);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-default);--blue:var(--accent-base);--soft:var(--bg-surface-hover);--navy:var(--action-base);--success:var(--status-success-text);box-sizing:border-box;background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);grid-template-rows:auto 1fr auto;padding:clamp(16px,2.5dvh,28px) clamp(16px,4vw,48px);display:grid}.contact-v4 *{box-sizing:border-box}.contact-v4 .wrap{width:min(1120px,100%);margin-inline:auto}.contact-v4 header{justify-content:space-between;align-items:center;display:flex}.contact-v4 .brand{color:var(--ink);letter-spacing:-.025em;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:flex}.contact-v4 .brand svg{width:26px;color:var(--blue)}.contact-v4 .back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;font-weight:650;text-decoration:none}.contact-v4 .back:hover{color:var(--ink)}.contact-v4 .main{grid-template-columns:minmax(280px,.8fr) minmax(440px,1.2fr);align-self:center;align-items:center;gap:clamp(50px,8vw,105px);padding-block:clamp(25px,5dvh,60px);display:grid}.contact-v4 .eyebrow{color:var(--accent-base);letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:.7rem;font-weight:800}.contact-v4 h1{letter-spacing:-.06em;max-width:500px;color:var(--text-primary);margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.contact-v4 .lede{color:var(--muted);max-width:440px;margin:20px 0 0;font-size:clamp(.96rem,1.15vw,1.06rem);line-height:1.65}.contact-v4 .options{border-top:1px solid var(--border-strong);max-width:430px;margin-top:30px}.contact-v4 .option{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr;gap:13px;padding:16px 0;display:grid}.contact-v4 .ico{background:var(--soft);width:32px;height:32px;color:var(--accent-base);border-radius:9px;place-items:center;font-size:.8rem;display:grid}.contact-v4 .option h2{color:var(--text-primary);letter-spacing:0;margin:1px 0 3px;font-size:.84rem;font-weight:700}.contact-v4 .option p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.45}.contact-v4 .card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:18px;padding:clamp(24px,3vw,34px)}.contact-v4 .cardhead{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.contact-v4 .cardhead h2{letter-spacing:-.025em;color:var(--text-primary);margin:0 0 5px;font-size:1.25rem}.contact-v4 .cardhead p{color:var(--muted);margin:0;font-size:.78rem}.contact-v4 .field{margin-bottom:15px}.contact-v4 .twocol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-v4 label{color:var(--text-primary);margin-bottom:7px;font-size:.75rem;font-weight:700;display:block}.contact-v4 input,.contact-v4 select,.contact-v4 textarea{border:1px solid var(--border-default);background:var(--bg-canvas);width:100%;color:var(--ink);font-family:inherit;font-size:inherit;border-radius:9px;outline:none;padding:0 11px;transition:all .15s}.contact-v4 input,.contact-v4 select{height:42px}.contact-v4 textarea{resize:vertical;min-height:112px;max-height:190px;padding:11px;line-height:1.5}.contact-v4 input:focus,.contact-v4 select:focus,.contact-v4 textarea:focus{background:var(--bg-surface);border-color:var(--accent-base);box-shadow:0 0 0 3px #0798df1f}.contact-v4 .actions{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.contact-v4 .safety{color:var(--text-muted);align-items:center;gap:7px;font-size:.7rem;line-height:1.4;display:flex}.contact-v4 .safety span:first-child{color:var(--blue)}.contact-v4 .send{background:var(--navy);height:42px;color:var(--action-text);cursor:pointer;white-space:nowrap;border:0;border-radius:9px;padding:0 17px;font-family:inherit;font-size:.8rem;font-weight:750}.contact-v4 .send:hover{background:var(--action-hover)}.contact-v4 .send:disabled{opacity:.7;cursor:not-allowed}.contact-v4 .send:focus-visible,.contact-v4 .back:focus-visible{outline-offset:2px;outline:3px solid #0798df33}.contact-v4 .sent{text-align:center;padding:45px 10px;display:none}.contact-v4 .sent.show{animation:.2s ease-out both state-enter;display:block}.contact-v4 .form.hide{display:none}.contact-v4 .form:not(.hide){animation:.2s ease-out both state-enter}@keyframes state-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.contact-v4 .check{background:var(--status-success-bg);width:44px;height:44px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto 16px;font-weight:900;display:grid}.contact-v4 .sent h2{color:var(--text-primary);margin:0 0 8px;font-size:1.4rem}.contact-v4 .sent p{color:var(--muted);max-width:340px;margin:0 auto 20px;font-size:.84rem;line-height:1.55}.contact-v4 .auth-alert{background-color:var(--status-error-bg);border:1px solid var(--status-error-border);color:var(--status-error-text);border-radius:8px;margin-bottom:20px;padding:12px;font-size:.85rem}.contact-v4 footer{border-top:1px solid var(--line);color:var(--text-muted);justify-content:space-between;align-items:center;gap:18px;padding-top:14px;font-size:.72rem;display:flex}.contact-v4 .links{gap:16px;display:flex}.contact-v4 .links a{color:var(--text-secondary);font-weight:650;text-decoration:none}@media (width<=800px){.contact-v4 .main{grid-template-columns:1fr;align-self:start;gap:30px;padding-block:40px}.contact-v4 .intro{max-width:650px}.contact-v4 .options{display:none}.contact-v4 .card{width:min(560px,100%)}}@media (width<=520px){.contact-v4{padding:16px}.contact-v4 .main{gap:24px;padding-block:28px}.contact-v4 h1{font-size:clamp(2.5rem,13vw,3.6rem)}.contact-v4 .lede{margin-top:14px}.contact-v4 .card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.contact-v4 .twocol{grid-template-columns:1fr}.contact-v4 .actions{flex-direction:column;align-items:stretch}.contact-v4 .send{width:100%}.contact-v4 .safety{order:2}.contact-v4 footer{flex-direction:column;align-items:flex-start}}@media (height<=720px) and (width>=801px){.contact-v4,.contact-v4 .main{padding-block:12px}.contact-v4 .intro h1{font-size:clamp(2.5rem,4.2vw,4rem)}.contact-v4 .lede{margin-top:12px}.contact-v4 .options{margin-top:17px}.contact-v4 .option{padding:10px 0}.contact-v4 .card{padding:22px 28px}.contact-v4 .field{margin-bottom:11px}.contact-v4 textarea{min-height:90px}.contact-v4 .cardhead{margin-bottom:16px}}.diagnostics-view{flex-direction:column;gap:20px;width:100%;min-width:0;max-width:860px;display:flex}.diagnostics-header{max-width:620px}.diagnostics-header h2{letter-spacing:-.035em;color:var(--text-primary);margin:0 0 6px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.15}.diagnostics-header p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.diagnostic-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;min-width:0;overflow:hidden}.diagnostic-section h3{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-hover);margin:0;padding:12px 14px;font-size:12px;font-weight:700}.diagnostic-list{margin:0;padding:0;list-style:none}.diagnostic-list li{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(110px,1.1fr) repeat(3,minmax(0,auto));align-items:center;gap:8px;min-width:0;padding:11px 14px;font-size:11px;display:grid}.diagnostic-list li:last-child{border-bottom:none}.diagnostic-list strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:650;overflow:hidden}.diagnostic-list span{min-width:0;max-width:100%;color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border-subtle);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;overflow:hidden}.diagnostic-list .text-muted{color:var(--text-muted);padding-block:16px;display:block}.diagnostics-notice{color:var(--text-muted);border:1px solid var(--border-subtle);background:var(--bg-surface-hover);border-radius:12px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:11px;line-height:1.5;display:flex}.diagnostics-notice svg{flex:none;width:16px;height:16px;margin-top:1px}.diagnostics-notice p{margin:0}@media (width<=700px){.diagnostics-view{gap:16px}.diagnostic-list li{grid-template-columns:1fr 1fr}.diagnostic-list strong{grid-column:1/-1;margin-bottom:1px}}@media (width<=440px){.diagnostic-section{border-radius:12px}.diagnostic-list li{grid-template-columns:1fr;gap:6px;padding:11px 12px}.diagnostic-list strong{grid-column:auto}.diagnostic-list span{box-sizing:border-box;width:100%}}.guest-picker-shell{box-sizing:border-box;width:min(100%,1040px);min-height:100dvh;margin-inline:auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,36px)}.guest-picker-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(22px,4vw,34px);display:flex}.guest-picker-header .eyebrow{margin:0}.guest-camera-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;display:grid}.guest-camera-card{appearance:none;border:1px solid var(--border-default);background:var(--bg-surface);min-width:0;min-height:142px;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr);align-content:center;column-gap:12px;padding:18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.guest-camera-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.guest-camera-card:focus-visible{outline:2px solid var(--accent-base);outline-offset:3px}.guest-camera-card>svg{box-sizing:content-box;background:var(--bg-canvas-hover);border-radius:10px;grid-row:1/3;place-self:center;width:20px;height:20px;padding:9px}.guest-camera-name,.guest-camera-device{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.guest-camera-name{align-self:end;font-size:14px;font-weight:700;line-height:1.3}.guest-camera-device{color:var(--text-secondary);align-self:start;margin-top:3px;font-size:11px}@media (width<=520px){.guest-picker-shell{padding-top:22px}.guest-picker-header{flex-direction:column;align-items:flex-start;gap:9px}.guest-camera-grid{grid-template-columns:1fr}.guest-camera-card{min-height:94px;padding:14px}}@media (prefers-reduced-motion:reduce){.guest-camera-card{transition:none}}.avatar{border-radius:var(--radius-full);object-fit:cover;background-color:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:24px;height:24px;font-size:.7rem;font-weight:600}.avatar-md{width:32px;height:32px;font-size:.85rem;font-weight:600}.avatar-lg{width:48px;height:48px;font-size:1.25rem;font-weight:600}:root{--sidebar-width:240px;--sidebar-width-icon:72px;--sidebar-transition:width .2s ease, transform .2s ease}.sidebar-wrapper{width:100vw;height:100dvh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-subtle);height:100%;transition:var(--sidebar-transition);z-index:40;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar[data-state=expanded]{width:var(--sidebar-width)}.sidebar[data-state=collapsed]{width:var(--sidebar-width-icon)}.sidebar-header{height:76px;padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.sidebar-brand{color:var(--accent-base);align-items:center;width:100%;text-decoration:none;display:flex;overflow:hidden}.sidebar[data-state=collapsed] .sidebar-brand{justify-content:center}.sidebar-content{flex:1;padding:32px 0;overflow:hidden auto}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:14px 12px}nav{flex-direction:column;gap:4px;display:flex}.nav-button,.nav-active{width:100%;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:16px;padding:12px 24px;font-size:14.5px;font-weight:500;transition:all .2s;display:flex;position:relative;overflow:hidden}.nav-button:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-active{color:var(--text-primary);background-color:var(--bg-surface-hover)}.nav-active:before{content:"";background-color:var(--accent-base);border-radius:0 4px 4px 0;width:3px;height:80%;position:absolute;top:10%;left:0}.sidebar[data-state=collapsed] .nav-button,.sidebar[data-state=collapsed] .nav-active{padding:var(--space-3);justify-content:center}.sidebar[data-state=collapsed] .nav-label{display:none}.account-button{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-3);text-align:left;background:0 0;border:1px solid #0000;width:100%;padding:8px 12px;transition:all .2s;display:flex}.account-button:hover,.account-button[aria-expanded=true]{background-color:var(--bg-surface-hover)}.account-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar[data-state=collapsed] .account-button{justify-content:center;padding:8px 0}.sidebar[data-state=collapsed] .account-details,.sidebar[data-state=collapsed] .account-chevron{display:none}.account-email{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.account-label{font-size:var(--text-xs);color:var(--text-muted)}.account-chevron{color:var(--text-muted);flex-shrink:0;width:16px;height:16px}.account-menu{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:70;flex-direction:column;gap:4px;min-width:min(260px,100vw - 32px);max-width:min(320px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;position:absolute;overflow-y:auto}.account-menu-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.account-details-full{flex-direction:column;display:flex;overflow:hidden}.account-details-full .account-email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.account-details-full .account-label{color:var(--text-secondary);margin-top:2px;font-size:13px}.account-menu-item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.account-menu-item:not([role=none]):hover,.account-menu-item:not([role=none]):focus-visible{background-color:var(--bg-surface-hover);color:var(--text-primary);outline:none}.account-menu-item-left{align-items:center;gap:12px;display:flex}.account-menu-item-left svg{color:var(--text-muted)}.account-menu-item:not([role=none]):hover .account-menu-item-left svg{color:var(--text-primary)}.account-menu-logout{border-top:1px solid var(--border-subtle);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:4px}.account-menu-logout:hover,.account-menu-logout:focus-visible{background-color:var(--error-subtle)!important;color:var(--error-base)!important}.account-menu-logout:hover .account-menu-item-left svg,.account-menu-logout:focus-visible .account-menu-item-left svg{color:var(--error-base)!important}.theme-section{cursor:default;flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.theme-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:650}.theme-toggle-group{background-color:var(--bg-surface-hover);border-radius:var(--radius-md);gap:4px;width:100%;padding:4px;display:flex}.theme-toggle-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.theme-toggle-btn svg{width:16px;height:16px;color:inherit}.theme-toggle-btn:hover{color:var(--text-primary)}.theme-toggle-btn[aria-pressed=true]{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.sidebar-tooltip{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);pointer-events:none;z-index:100;white-space:nowrap;box-shadow:var(--shadow-sm);position:absolute}.sidebar-trigger{color:var(--text-secondary);cursor:pointer;padding:var(--space-2);margin-right:var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;display:flex}.sidebar-trigger:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-overlay{display:none}.sidebar-close{color:var(--text-muted);padding:var(--space-2);cursor:pointer;background:0 0;border:none;transform:rotate(45deg)}@media (width<=768px){.sidebar{width:min(280px,100vw);box-shadow:var(--shadow-lg);z-index:60;border-right:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar[data-state=expanded]{width:min(280px,100vw);transform:translate(0)}.sidebar[data-state=closed]{transform:translate(-100%)}.sidebar-overlay{z-index:50;background-color:#0006;animation:.2s fade;display:block;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}}.sidebar-rail{cursor:pointer;z-index:50;background:0 0;border:none;width:16px;height:100%;transition:background-color .2s;position:absolute;top:0;right:-8px}.sidebar-rail:hover,.sidebar-rail:focus-visible{background-color:var(--accent-subtle);outline:none}.account-button{gap:8px}.account-details{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.account-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-chevron{flex-shrink:0}.pending-device-list{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.pending-device-row{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.pending-device-identity{gap:3px;min-width:0;display:grid}.pending-device-identity strong,.pending-device-identity span{overflow-wrap:anywhere}.pending-device-identity span{color:var(--text-secondary);font-size:.85rem}.pending-device-row .quiet-button{white-space:nowrap}@media (width<=480px){.pending-device-row{grid-template-columns:auto minmax(0,1fr)}.pending-device-row .quiet-button{grid-column:2;justify-self:start}}.add-device-page{width:100%;max-width:820px;margin-inline:auto;padding-bottom:32px}.add-device-back{min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:clamp(16px,3vw,24px);padding:0 8px 0 2px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.add-device-back:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.add-device-intro h1{letter-spacing:-.04em;color:var(--text-primary);margin:0 0 7px;font-size:clamp(24px,4vw,30px);font-weight:720;line-height:1.08}.add-device-choice{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;flex-direction:column;min-width:0;min-height:214px;padding:clamp(17px,2.5vw,22px);transition:box-shadow .18s,border-color .18s,transform .18s;display:flex;position:relative}.add-device-choice:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.add-device-ico svg{width:19px;height:19px}.add-device-choice h2{color:var(--text-primary);margin:0 0 5px;font-size:16px;font-weight:680}.add-device-meta{color:var(--text-muted);margin-bottom:16px;font-size:10.5px;line-height:1.45}.add-device-choice .btn{width:100%;min-height:40px;margin-top:auto}.add-device-note{max-width:620px;color:var(--text-muted);margin:16px 0 0;font-size:11px;line-height:1.5}@media (width<=640px){.add-device-page{max-width:520px}.add-device-grid{grid-template-columns:1fr}.add-device-choice{min-height:0;padding:16px}.add-device-ico{margin-bottom:12px}.add-device-choice .btn{margin-top:10px}}@media (width<=380px){.add-device-tag{order:-1;align-self:flex-start;margin:-2px 0 10px;position:static}}.pair-modal{box-sizing:border-box;overscroll-behavior:contain;background:var(--bg-surface);border-radius:16px;width:min(560px,100vw - 32px);max-height:min(760px,100dvh - 32px);padding:24px;overflow-y:auto}.pair-mh{margin-bottom:20px}.pair-mh h2{letter-spacing:-.4px;color:var(--text-primary);margin:3px 0 5px;font-size:21px;font-weight:700}.pair-mh p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.pair-eyebrow{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:10px;font-weight:800}.pairbody{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:center;gap:24px;min-width:0;display:grid}.pair-qr{border:1px solid var(--border-default);aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:12px;place-items:center;width:200px;max-width:100%;height:auto;padding:10px;display:grid}.pair-qr svg{width:100%;max-width:100%;height:auto;display:block}.pair-code{min-width:0}.pair-code h3{color:var(--text-primary);margin:0 0 4px;font-size:13px;font-weight:650}.pair-code .big{letter-spacing:.12em;max-width:100%;color:var(--text-primary);overflow-wrap:anywhere;margin:10px 0 4px;font-size:clamp(18px,5vw,22px);font-weight:850}.pair-code p{color:var(--text-secondary);margin:0 0 16px;font-size:12px;line-height:1.5}.pair-modalfoot{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;display:flex}.pair-success{text-align:center;padding:30px 10px}.pair-success h2{color:var(--text-primary);margin:10px 0 5px}.pair-success p{color:var(--text-secondary)}.pair-success .icon{color:var(--status-success);font-size:24px}@media (width<=620px){.pair-modal{width:100%;max-height:92dvh;padding:20px 18px max(18px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.pairbody{grid-template-columns:1fr;gap:18px}.pair-qr{width:min(200px,68vw);margin:0 auto}.pair-code{text-align:center}.pair-modalfoot>*{flex:auto}}@media (width<=380px){.pair-modal{padding-inline:14px}.pair-code .big{letter-spacing:.08em}.pair-modalfoot{flex-direction:column-reverse}.pair-modalfoot>*{width:100%}}.settings-section>h2{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-4);font-weight:700}.settings-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.settings-card-danger{border-color:#dc262633}.settings-card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-default);background-color:var(--bg-surface-hover)}.settings-card-header h3{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:600}.settings-card-header p{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.settings-row{padding-block:var(--space-4);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.settings-card .settings-row{padding-inline:var(--space-6)}.settings-row:last-child{border-bottom:none}.settings-row-danger strong{color:var(--status-error)}.settings-row-identity{align-items:center;gap:var(--space-4);flex:300px;display:flex}.settings-row-identity strong{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600;display:block}.settings-row-identity p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.settings-field-row-group{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-default)}.settings-field-row-group:last-child{border-bottom:none}.settings-field-row-copy{margin-bottom:var(--space-4)}.settings-field-row-copy strong{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600;display:block}.settings-field-row-copy p{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.settings-field-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.settings-field{gap:var(--space-2);flex-direction:column;flex:10rem;display:flex}.settings-field-grow{flex-grow:2}.settings-field-wide{flex-basis:15rem}.settings-field label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.settings-shell{gap:var(--space-8);grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.settings-jump{top:calc(70px + var(--space-6));flex-direction:column;align-self:start;gap:2px;display:flex;position:sticky}.settings-jump-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.settings-jump-item svg{flex-shrink:0;width:16px;height:16px}.settings-jump-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.settings-jump-item[aria-current=true]{background-color:var(--accent-subtle);color:var(--accent-base);font-weight:650}.settings-sections{gap:var(--space-10);flex-direction:column;min-width:0;display:flex}.settings-section{scroll-margin-top:calc(70px + var(--space-4))}.settings-metrics{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.settings-metric{padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;flex:160px;gap:2px;display:flex}.settings-metric span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:700}.settings-metric strong{font-size:var(--text-lg);color:var(--text-primary)}.settings-metric small{font-size:var(--text-xs);color:var(--text-secondary)}@media (width<=768px){.settings-shell{grid-template-columns:1fr}.settings-jump{z-index:5;gap:var(--space-2);margin:0 calc(-1 * clamp(24px, 4vw, 48px)) var(--space-6);padding:var(--space-3) clamp(24px, 4vw, 48px);background-color:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;flex-direction:row;position:sticky;top:70px;overflow-x:auto}.settings-jump-item{white-space:nowrap;border:1px solid var(--border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);flex:none}.settings-jump-item[aria-current=true]{border-color:var(--accent-base)}.settings-section{scroll-margin-top:142px}}@media (width<=680px){.settings-jump{top:54px}.settings-section{scroll-margin-top:126px}}.settings-card-inline-message{padding:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.settings-card-inline-message[role=alert]{color:var(--status-error)}.household-identity{align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.household-identity-main{flex-direction:column;gap:1px;display:flex}.household-identity-main strong{font-size:var(--text-base);color:var(--text-primary)}.household-identity-main span{font-size:var(--text-sm);color:var(--text-secondary)}.household-switch{margin-left:auto}.household-switch select{border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-surface);height:34px;color:var(--text-primary);padding:0 var(--space-3);font-size:var(--text-sm)}.household-identity-counts{font-size:var(--text-xs);color:var(--text-muted);flex-basis:100%;margin:0}.danger-zone{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-default)}.settings-autosave{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);min-height:18px}.settings-autosave .is-error{color:var(--status-error);align-items:center;gap:var(--space-2);display:inline-flex}.settings-autosave .is-error button{color:var(--status-error);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.retention-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.retention-choices button{height:34px;padding:0 var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;font-weight:600;display:inline-flex}.retention-choices button[aria-checked=true]{border-color:var(--accent-base);background-color:var(--accent-subtle);color:var(--accent-base)}.retention-recommended{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:9px;font-weight:700}.retention-choices button[aria-checked=true] .retention-recommended{color:var(--accent-base)}.settings-subsection{margin-top:var(--space-6)}.settings-subsection:first-child{margin-top:0}.settings-subsection h3{font-size:var(--text-sm);color:var(--text-primary);margin:0 0 var(--space-3);font-weight:700}.settings-subsection-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.history-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.session-list,.access-list{margin:0;padding:0;list-style:none}.session-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);display:flex}.item-icon{border-radius:var(--radius-md);background-color:var(--bg-surface-hover);width:34px;height:34px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.item-icon svg{width:16px;height:16px}.session-identity{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.session-identity strong{font-size:var(--text-sm);color:var(--text-primary)}.session-identity time{font-size:var(--text-xs);color:var(--text-muted)}.session-row .danger{flex-shrink:0}.access-event{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);display:flex}.access-event-icon{border-radius:var(--radius-md);background-color:var(--bg-surface-hover);width:30px;height:30px;color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.access-event-icon svg{width:15px;height:15px}.access-event--success .access-event-icon{color:var(--status-success);background-color:#10b98126}.access-event--warning .access-event-icon{color:var(--status-warning);background-color:#d9770626}.access-event--danger .access-event-icon{background-color:var(--status-error-bg);color:var(--status-error)}.access-event-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.access-event-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.access-event-heading strong{font-size:var(--text-sm);color:var(--text-primary)}.access-event-heading time{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.access-event-target{font-size:var(--text-xs);color:var(--text-secondary)}.access-event-meta{gap:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.history-pagination{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-top:1px solid var(--border-default);background-color:var(--bg-surface-hover);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.quiet-button{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:600;display:inline-flex}.quiet-button svg{width:14px;height:14px}.quiet-button:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text-primary)}@media (width<=680px){.access-event-heading{flex-direction:column;gap:0}}.settings-card-empty{padding:var(--space-6);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.people-actions{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.member-list{border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.member-row{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);display:flex}.member-list li:first-child .member-row,.member-row:first-child{border-top:none}.member-pending-icon{background-color:var(--bg-surface-hover);width:36px;height:36px;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.member-pending-icon svg{width:16px;height:16px}.member-identity{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.member-identity strong,.member-identity span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.member-identity strong{font-size:var(--text-sm);color:var(--text-primary)}.member-identity span{font-size:var(--text-xs);color:var(--text-muted)}.member-row-actions{justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;flex-shrink:0;display:flex}.quiet-button{min-height:36px;color:var(--text-secondary);font-size:var(--text-xs);padding:var(--space-2);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-weight:600}.quiet-button:hover:not(:disabled){color:var(--text-primary)}.quiet-button-danger{color:var(--text-muted)}.quiet-button-danger:hover:not(:disabled){color:var(--status-error)}.quiet-button:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px;border-radius:var(--radius-sm)}.sharing-mode-toggle{background-color:var(--bg-surface-hover);border-radius:var(--radius-md);max-width:100%;margin-bottom:var(--space-4);gap:2px;padding:3px;display:inline-flex}.sharing-mode-toggle button{min-width:0;min-height:36px;padding:0 var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;font-weight:600}.sharing-mode-toggle button[aria-checked=true]{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.permission-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.sharing-permission-toggle{align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.sharing-permission-toggle:has(input:checked){border-color:var(--accent-base);color:var(--accent-base);background-color:var(--accent-subtle)}.sharing-permission-toggle input{accent-color:var(--accent-base)}.invite-result{min-width:0}.invite-result p{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.invite-result code{max-width:100%;padding:var(--space-3);background-color:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);overflow-wrap:anywhere;word-break:break-word;display:block}.invite-result-code{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--text-muted)}.invite-result-code code{background-color:var(--bg-surface-hover);border-radius:var(--radius-sm);overflow-wrap:anywhere;word-break:break-word;padding:2px 6px;display:inline}.manage-member-dialog{width:min(640px,100vw - 32px);min-width:0;max-width:640px;max-height:min(760px,100dvh - 32px);overflow:hidden}.manage-member-search{margin-bottom:var(--space-3)}.manage-member-search input{box-sizing:border-box;width:100%}.manage-member-cameras{gap:var(--space-2);overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;max-height:min(46dvh,440px);display:flex;overflow-y:auto}.sharing-grants-fieldset{align-items:center;gap:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:0;padding:var(--space-3);flex-wrap:wrap;display:flex}.sharing-grants-fieldset legend{width:100%;max-width:100%;padding:0 0 var(--space-1);font-size:var(--text-sm);color:var(--text-primary);overflow-wrap:anywhere;font-weight:600}.sharing-grants-fieldset label{align-items:center;gap:var(--space-1);min-height:32px;font-size:var(--text-xs);color:var(--text-secondary);display:inline-flex}.sharing-grants-fieldset input{accent-color:var(--accent-base)}.manage-member-footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-default);display:flex}.manage-member-danger{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=680px){.people-actions>*{flex:auto}.member-row{align-items:flex-start}.member-row-actions{max-width:46%}.sharing-grants-fieldset{flex-direction:column;align-items:flex-start}.manage-member-footer{flex-direction:column-reverse;align-items:stretch}.manage-member-danger{justify-content:center}}@media (width<=460px){.people-actions{flex-direction:column}.people-actions>*{width:100%}.member-row{grid-template-columns:36px minmax(0,1fr);display:grid}.member-row-actions{grid-column:1/-1;justify-content:flex-end;width:100%;max-width:none;padding-top:2px}.sharing-mode-toggle{box-sizing:border-box;grid-template-columns:1fr 1fr;width:100%;display:grid}.sharing-mode-toggle button{padding-inline:8px}.manage-member-dialog{width:100%;max-height:min(92dvh,760px)}.manage-member-cameras{max-height:42dvh}}@media (prefers-reduced-motion:reduce){.sharing-permission-toggle{transition:none}}.notification-channel-action{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.pill-on{color:var(--status-success);background-color:#10b98126}.pill-warn{color:var(--status-warning);background-color:#d9770626}.notification-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);border:1px dashed var(--border-default);border-radius:var(--radius-lg);margin-top:var(--space-4)}.notification-empty p{margin:0}.notification-table{margin-top:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.notification-table-head{gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--bg-surface-hover);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);grid-template-columns:minmax(140px,1.1fr) minmax(80px,.65fr) minmax(120px,.9fr) minmax(230px,1.6fr);font-size:10px;font-weight:700;display:grid}.notification-table-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default);background-color:var(--bg-surface);grid-template-columns:minmax(140px,1.1fr) minmax(80px,.65fr) minmax(120px,.9fr) minmax(230px,1.6fr);align-items:start;display:grid}.notification-table-name{font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-weight:600;overflow:hidden}.notification-table-cell{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.notification-table-cell .switch-input{align-self:center}.notification-table-label{display:none}.notification-table-quiet{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-width:0}.notification-table-quiet .switch-input{flex:none;align-self:auto}.notification-quiet-hours{justify-content:flex-start;align-items:center;gap:var(--space-2);flex:auto;width:auto;min-width:0;display:flex}.notification-time-field{flex:0 116px;min-width:108px;max-width:116px}.notification-time-caption{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700;line-height:1;display:none}.notification-quiet-heading small,.notification-quiet-zone{display:none}.notification-quiet-hours input[type=time]{border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--bg-surface);width:100%;min-width:0;height:30px;color:var(--text-primary);padding:0 var(--space-2);font-size:var(--text-xs);box-sizing:border-box}.notification-quiet-hours span[aria-hidden]{color:var(--text-muted);font-size:var(--text-xs)}.notification-reveal{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);display:flex}@media (width<=860px){.notification-table-head{display:none}.notification-table-row{gap:var(--space-3);grid-template-columns:1fr}.notification-table-cell{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.notification-table-cell .switch-input{align-self:auto}.notification-table-label{font-size:var(--text-sm);color:var(--text-secondary);display:inline}.notification-table-quiet{align-items:center;gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.notification-table-quiet .notification-table-label{grid-column:1}.notification-table-quiet .switch-input{grid-column:2}.notification-quiet-hours{grid-column:1/-1;justify-content:flex-end;width:100%;margin-left:0}}@media (width<=680px){.settings-row:has(.notification-channel-action){align-items:flex-start}}@media (width<=560px){.notification-table{background:0 0;border:0;border-radius:0;overflow:visible}.notification-table-row{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;gap:0;padding:0 14px;box-shadow:0 1px 2px #10182809}.notification-table-row+.notification-table-row{margin-top:10px}.notification-table-name{margin:0;padding:14px 0 10px;font-size:13px;font-weight:700;display:block}.notification-table-cell{border-top:1px solid var(--border-subtle);min-height:44px;padding:10px 0}.notification-table-label{color:var(--text-secondary);font-size:12px;font-weight:600}.notification-table-quiet{background:0 0;border:0;border-radius:0;margin:0;padding:12px 0 14px}.notification-quiet-heading{flex-direction:column;gap:2px;display:flex}.notification-quiet-heading small{color:var(--text-muted);font-size:10.5px;font-weight:500;line-height:1.35;display:block}.notification-quiet-hours{background:color-mix(in srgb, var(--bg-canvas) 78%, var(--bg-surface));border-radius:11px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;margin-top:2px;padding:10px;display:grid}.notification-time-field{flex-direction:column;gap:6px;min-width:0;max-width:none;display:flex}.notification-time-caption{display:block}.notification-quiet-hours span[aria-hidden=true]:not(.notification-time-caption){display:none}.notification-quiet-hours input[type=time]{background:var(--bg-surface);border-radius:9px;width:100%;height:44px;padding-inline:10px;font-size:13px}.notification-quiet-zone{color:var(--text-muted);grid-column:1/-1;margin-top:-1px;font-size:10px;line-height:1.35;display:block}}@media (width<=360px){.notification-quiet-hours{grid-template-columns:1fr}.notification-quiet-zone{grid-column:1}}.settings-shell{grid-template-columns:184px minmax(0,1fr);justify-content:stretch;gap:38px;width:100%;max-width:none}.settings-jump{padding-top:2px}.settings-jump-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.settings-jump-item{min-height:36px;padding:8px 10px;font-size:12.5px}.settings-jump-item svg{width:15px;height:15px}.settings-autosave{min-height:28px;color:var(--text-muted);align-items:center;gap:7px;margin-top:8px;padding:8px 10px;font-size:10.5px;display:flex}.settings-autosave:has(.is-saved):before{content:"";background:var(--status-success);border-radius:50%;width:7px;height:7px}.settings-section{margin-bottom:28px!important;padding-bottom:26px!important}.settings-section-head{margin-bottom:11px!important}.settings-section-head h2{font-size:19px!important}.settings-section-head p{max-width:620px;font-size:11.5px!important}.settings-section .settings-card,.household-card,.settings-section .member-list,.settings-list-card,.notification-table{box-shadow:0 1px 2px #10182808}.household-card-hero{padding:15px 16px}.household-avatar{border-radius:11px;flex-basis:40px;width:40px;height:40px}.household-card-copy>strong{font-size:13px}.household-ownerline{gap:6px}.household-ownerline .pill{font-size:9px}.household-metrics{padding:0 14px 14px}.household-metric{background:color-mix(in srgb, var(--bg-canvas) 82%, var(--bg-surface));padding:9px 10px}.household-metric>strong{font-size:14px}.household-metric>small{font-size:9px}.notification-settings>.settings-row:first-child{min-height:58px!important}.notification-channel-action{gap:8px}.notification-table{overflow:hidden;border:1px solid var(--border-default)!important}.notification-table-head{background:var(--bg-canvas)!important}.notification-table [role=row]{min-height:42px}.notification-reveal{justify-content:center;align-items:center;gap:10px;display:flex}.notification-reveal>span{color:var(--text-muted);font-size:10px}.settings-section .people-actions{margin-bottom:10px!important}.settings-section .people-actions>button{font-size:11px;min-height:38px!important}.settings-section .member-row{min-height:58px!important;padding:10px 13px!important}.member-identity strong{font-size:11.5px!important}.member-identity span{font-size:9.5px!important}.member-row .avatar{flex:none}.retention-choices{margin-top:8px}.retention-choices button{height:36px!important;min-height:36px!important;font-size:10.5px!important}.google-drive-settings,.motion-retention-settings{margin-bottom:10px}.settings-security-block>.settings-subsection-heading p{color:var(--text-secondary);margin:2px 0 0;font-size:10px}.settings-list-card{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;margin:0;padding:0;overflow:hidden}.settings-list-card .session-row{padding:11px 13px!important}.settings-list-card .session-row:first-child{border-top:0}.session-identity strong{font-size:11.5px!important}.session-identity span{font-size:9.5px!important}.settings-section .item-icon{width:30px;height:30px}.settings-section .item-icon svg{width:14px;height:14px}.settings-section .access-list{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:14px;overflow:hidden}.settings-section .access-event{padding:10px 13px!important}.settings-section .access-event:first-child{border-top:0}.settings-section .access-event-heading strong{font-size:11.5px}.settings-section .access-event-heading time,.settings-section .access-event-target,.settings-section .access-event-meta{font-size:9.5px}.settings-account-card>.settings-row:first-child{min-height:66px!important}.settings-account-card .avatar{width:38px!important;height:38px!important}.settings-account-methods{padding:11px 14px 13px!important}.settings-account-methods h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)!important;font-size:10px!important}.settings-account-methods .settings-row{min-height:54px!important}.settings-danger-card .settings-row{min-height:56px!important}.privacy-settings-intro{padding:14px 15px!important}.privacy-settings-intro h3{font-size:13px!important}.privacy-settings-facts>div{min-height:80px;padding:12px!important}.privacy-settings-facts strong{font-size:10.5px!important}.privacy-settings-facts span{font-size:9.5px!important}.privacy-settings-card>.settings-row{min-height:56px!important}@media (width<=980px){.settings-shell{grid-template-columns:160px minmax(0,1fr);gap:26px}}@media (width<=900px){.settings-shell{grid-template-columns:1fr;max-width:820px}.settings-jump{gap:6px}.settings-jump-item{min-height:34px}.settings-autosave{flex:none}}@media (width<=680px){.settings-section{margin-bottom:22px!important;padding-bottom:22px!important}.settings-jump{margin-bottom:18px!important}.settings-jump-item{font-size:11px}.settings-jump-item svg{display:none}.household-metrics{overflow-x:auto;grid-template-columns:repeat(3,minmax(0,1fr))!important}.household-metric{min-width:110px}.privacy-settings-facts{grid-template-columns:1fr!important}.settings-section .people-actions{grid-template-columns:1fr 1fr!important}}@media (width<=460px){.settings-section .people-actions{grid-template-columns:1fr!important}.household-metrics{overflow:visible;grid-template-columns:1fr!important}.household-metric{min-width:0}.settings-section-head h2{font-size:18px!important}}.trust-v4{--max:1180px;--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-default);--blue:var(--accent-base);--blue2:var(--bg-surface-hover);--bg:var(--bg-canvas);--soft:var(--bg-surface);box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--bg);min-height:100dvh}.trust-v4 *{box-sizing:border-box}.trust-v4 a{color:inherit}.trust-v4 .wrap{width:min(var(--max), calc(100% - 40px));margin:auto}.trust-v4 .hero{grid-template-rows:1fr auto;align-items:center;min-height:100dvh;display:grid}.trust-v4 .hero-main{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,8vw,110px);padding:clamp(48px,7dvh,86px) 0;display:grid}.trust-v4 .eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--accent-base);margin:0 0 14px;font-size:.72rem;font-weight:800}.trust-v4 h1{letter-spacing:-.065em;max-width:620px;margin:0;font-size:clamp(3rem,5.6vw,5.8rem);line-height:.93}.trust-v4 .lede{color:var(--muted);max-width:590px;margin:24px 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.62}.trust-v4 .commitments{border-top:1px solid var(--border-strong);gap:0;display:grid}.trust-v4 .commitment{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:16px;padding:23px 0;display:grid}.trust-v4 .icon{background:var(--blue2);width:38px;height:38px;color:var(--accent-base);border-radius:10px;place-items:center;display:grid}.trust-v4 .icon svg{width:18px;height:18px}.trust-v4 .commitment h2{margin:2px 0 6px;font-size:1rem;font-weight:700}.trust-v4 .commitment p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.5}.trust-v4 .scrollcue{color:var(--text-muted);align-items:center;gap:8px;padding:0 0 22px;font-size:.76rem;display:flex}.trust-v4 .section{border-top:1px solid var(--line);padding:clamp(70px,9vw,120px) 0}.trust-v4 .section-head{grid-template-columns:.7fr 1.3fr;gap:60px;margin-bottom:48px;display:grid}.trust-v4 .section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-base);font-size:.74rem;font-weight:800}.trust-v4 .section h2.big{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,3.5vw,3.4rem);font-weight:700;line-height:1.04}.trust-v4 .section-intro{color:var(--muted);max-width:650px;margin:15px 0 0;line-height:1.6}.trust-v4 .factgrid{border-top:1px solid var(--border-strong);grid-template-columns:repeat(3,1fr);display:grid}.trust-v4 .fact{padding:28px 28px 0 0}.trust-v4 .fact+.fact{border-left:1px solid var(--line);padding-left:28px}.trust-v4 .fact h3{margin:0 0 10px;font-size:1rem;font-weight:700}.trust-v4 .fact p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.58}.trust-v4 .data-band{background:var(--soft)}.trust-v4 .compare{border:1px solid var(--line);background:var(--bg-base);border-radius:14px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.trust-v4 .compare article{padding:30px}.trust-v4 .compare article+article{border-left:1px solid var(--line)}.trust-v4 .compare h3{text-transform:uppercase;letter-spacing:.09em;color:var(--text-secondary);margin:0 0 13px;font-size:.76rem;font-weight:700}.trust-v4 .compare p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.65}.trust-v4 .faq{max-width:820px;margin-left:auto}.trust-v4 .faq details{border-top:1px solid var(--line);padding:20px 0}.trust-v4 .faq details:last-child{border-bottom:1px solid var(--line)}.trust-v4 summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:.95rem;font-weight:700;list-style:none;display:flex}.trust-v4 summary:focus-visible{outline:2px solid var(--accent-base);outline-offset:4px;border-radius:2px}.trust-v4 summary::-webkit-details-marker{display:none}.trust-v4 summary:after{content:"+";color:var(--text-muted);font-size:1.3rem;font-weight:400}.trust-v4 .faq details[open] summary:after{content:"-"}.trust-v4 .faq details p{color:var(--muted);max-width:700px;margin:13px 0 0;font-size:.88rem;line-height:1.6}.trust-v4 .contact-strip{justify-content:space-between;align-items:center;gap:30px;padding:36px 0;display:flex}.trust-v4 .contact-strip h2{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:700}.trust-v4 .contact-strip p{color:var(--muted);margin:6px 0 0;font-size:.88rem}.trust-v4 .button{background:var(--action-base);color:var(--action-text);white-space:nowrap;border-radius:9px;padding:11px 15px;font-size:.84rem;font-weight:700;text-decoration:none;display:inline-block}.trust-v4 footer{border-top:1px solid var(--line);color:var(--text-muted);padding:22px 0 30px;font-size:.75rem}.trust-v4 .foot{justify-content:space-between;gap:20px;display:flex}.trust-v4 .footlinks{gap:18px;display:flex}.trust-v4 .foot a{color:var(--text-secondary);font-weight:650;text-decoration:none}@media (width<=800px){.trust-v4 .hero{min-height:auto}.trust-v4 .hero-main,.trust-v4 .section-head{grid-template-columns:1fr}.trust-v4 .hero-main{gap:38px;padding:55px 0}.trust-v4 .scrollcue{display:none}.trust-v4 .factgrid{grid-template-columns:1fr}.trust-v4 .fact{border-bottom:1px solid var(--line);border-left:0!important;padding:22px 0!important}.trust-v4 .compare{grid-template-columns:1fr}.trust-v4 .compare article+article{border-left:0;border-top:1px solid var(--line)}.trust-v4 .faq{margin:0}.trust-v4 .section-head{gap:15px}}@media (width<=560px){.trust-v4 .wrap{width:min(var(--max), calc(100% - 32px))}.trust-v4 h1{font-size:clamp(2.7rem,14vw,4rem)}.trust-v4 .section{padding:58px 0}.trust-v4 .contact-strip,.trust-v4 .foot{flex-direction:column;align-items:flex-start}}@media (height<=720px) and (width>=801px){.trust-v4 .hero-main{gap:65px;padding:25px 0}.trust-v4 .commitment{padding:15px 0}.trust-v4 .lede{margin-top:16px}.trust-v4 h1{font-size:clamp(2.7rem,4.8vw,4.5rem)}}@media (prefers-reduced-motion){.trust-v4 html{scroll-behavior:auto}}.trust-v4 section[id]{scroll-margin-top:80px}.favorite-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.favorite-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}}.favorite-card-surface{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0;display:block}.favorite-card-surface:disabled{cursor:default}.favorite-card-surface:focus-visible{outline:2px solid var(--accent-base);outline-offset:-2px}.favorite-card-frame{aspect-ratio:16/9;background-color:var(--bg-canvas-hover);border-bottom:1px solid var(--border-subtle);width:100%;display:block;position:relative}.favorite-card-placeholder{width:100%;height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;display:flex}.favorite-card-placeholder[data-tone=streaming]{color:#dce5ef;background-color:#172437}.favorite-card-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background-color:var(--bg-surface);box-shadow:var(--shadow-sm);color:var(--text-secondary);align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.favorite-card-badge:before{content:"";background-color:currentColor;border-radius:50%;width:6px;height:6px}.favorite-card-badge.status-streaming{color:var(--status-success)}.favorite-card-badge.status-online{color:var(--accent-base)}.favorite-card-badge.status-warning{color:var(--status-warning)}.favorite-card-badge.status-offline,.favorite-card-badge.status-privacy{color:var(--text-muted)}.favorite-card-viewers{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:10px}.favorite-card-viewers svg{width:12px;height:12px}.favorite-card-body{padding:var(--space-3) var(--space-4) var(--space-4)}.favorite-card-headline{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.favorite-card-headline strong{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.favorite-card-headline time{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.favorite-card-sub{font-size:var(--text-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.favorite-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.favorite-card-signal{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.favorite-card-signal i{background-color:var(--status-success);border-radius:50%;flex-shrink:0;width:6px;height:6px}.favorite-card-signal-warn{color:var(--status-warning)}.favorite-card-signal-warn i{background-color:var(--status-warning)}.favorite-card-cta{font-size:var(--text-xs);color:var(--accent-base);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:2px;padding:2px;font-weight:700;display:inline-flex}.favorite-card-cta svg{width:14px;height:14px}.favorite-card-cta:hover{color:var(--accent-hover)}.favorite-card-menu-anchor{position:absolute;top:10px;right:10px}.favorite-card-menu-anchor button[aria-haspopup]{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);background-color:#ffffffe6;border:none;place-items:center;display:grid}:root[data-theme=dark] .favorite-card-menu-anchor button[aria-haspopup]{background-color:#18181bd9}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .favorite-card-menu-anchor button[aria-haspopup]{background-color:#18181bd9}}.favorite-card-menu-anchor button[aria-haspopup]:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.beacon-visual-harness .visual-camera-scene{background:radial-gradient(circle at 68% 28%,#39424d 0,#1b2026 25%,#0c0f13 68%);position:absolute;inset:0;overflow:hidden}.visual-camera-glow{filter:blur(30px);background:#94a3b814;border-radius:50%;width:46vw;min-width:320px;height:46vw;min-height:320px;position:absolute;top:-18vw;right:-8vw}.visual-camera-room{opacity:.72;grid-template-columns:1.2fr .7fr .9fr;align-items:end;gap:3vw;height:55%;display:grid;position:absolute;bottom:10%;left:8%;right:8%}.visual-camera-room span{background:linear-gradient(145deg,#94a3b814,#ffffff04);border:1px solid #ffffff14;border-bottom:0;border-radius:8px 8px 0 0;display:block}.visual-camera-room span:first-child{height:82%}.visual-camera-room span:nth-child(2){height:46%}.visual-camera-room span:nth-child(3){height:68%}.visual-state-button{z-index:30;color:#ffffffb8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0e11b3;border:1px solid #ffffff24;border-radius:8px;padding:7px 10px;font-size:9px;position:absolute;bottom:16px;left:16px}.visual-settings-backdrop{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000006b;justify-content:flex-end;display:flex;position:fixed;inset:0}.visual-settings-sheet{background:var(--bg-surface);width:min(520px,100%);height:100%;color:var(--text-primary);flex-direction:column;display:flex;box-shadow:-18px 0 54px #0000003d}.visual-settings-sheet>header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 16px;display:flex}.visual-settings-sheet>header small{letter-spacing:.08em;color:var(--text-muted);font-size:8px;font-weight:800;display:block}.visual-settings-sheet>header h2{letter-spacing:-.025em;margin:2px 0 0;font-size:18px}.visual-settings-sheet>header button{border:1px solid var(--border-default);background:var(--bg-surface);width:34px;height:34px;color:var(--text-secondary);border-radius:9px;place-items:center;display:grid}.visual-settings-body{flex:1;padding:18px;overflow:auto}.visual-health{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.visual-health>div{border:1px solid var(--border-subtle);background:var(--bg-canvas);border-radius:10px;padding:10px}.visual-health span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:8px;font-weight:800;display:block}.visual-health strong{margin-top:4px;font-size:11px;display:block}.visual-setting-row{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;min-height:62px;display:flex}.visual-setting-row strong{font-size:11px;display:block}.visual-setting-row p{color:var(--text-secondary);margin:2px 0 0;font-size:9.5px}.visual-setting-row>span{color:var(--text-secondary);font-size:10px}.visual-settings-sheet>footer{border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.visual-settings-sheet>footer span{color:var(--text-muted);font-size:9px}.visual-settings-sheet>footer button{min-height:32px;font-size:10px}@media (width<=680px){.visual-settings-backdrop{align-items:flex-end}.visual-settings-sheet{border-radius:18px 18px 0 0;width:100%;height:min(92dvh,760px)}.visual-state-button{bottom:76px}.visual-health{grid-template-columns:1fr 1fr}.visual-health>div:last-child{grid-column:1/-1}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root,[data-theme=light]{--bg-base:#f9fafb;--bg-surface:#fff;--bg-surface-hover:#f3f4f6;--bg-canvas:var(--bg-base);--bg-canvas-hover:var(--bg-surface-hover);--bg-canvas-rgb:249, 250, 251;--border-subtle:#f3f4f6;--border-default:#e5e7eb;--border-strong:#d1d5db;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--accent-base:#2563eb;--accent-hover:#1d4ed8;--accent-text:#fff;--accent-subtle:#eff6ff;--action-base:#111827;--action-hover:#374151;--action-text:#fff;--status-success:#047857;--status-error:#dc2626;--status-warning:#d97706;--status-info:#2563eb;--status-error-bg:#fef2f2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--sidebar-width:240px;--sidebar-width-icon:72px;--sidebar-transition:width .2s cubic-bezier(.2, 0, 0, 1), transform .2s cubic-bezier(.2, 0, 0, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-base)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-base:#09090b;--bg-surface:#18181b;--bg-surface-hover:#27272a;--bg-canvas:var(--bg-base);--bg-canvas-hover:var(--bg-surface-hover);--bg-canvas-rgb:9, 9, 11;--border-subtle:#27272a;--border-default:#3f3f46;--border-strong:#52525b;--text-primary:#f9fafb;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-base:#3b82f6;--accent-hover:#60a5fa;--accent-text:#fff;--accent-subtle:#3b82f626;--action-base:#f9fafb;--action-hover:#e5e7eb;--action-text:#111827;--status-success:#34d399;--status-error:#f87171;--status-warning:#fbbf24;--status-info:#60a5fa;--status-error-bg:#ef444426;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-base)}}[data-theme=dark]{--bg-base:#09090b;--bg-surface:#18181b;--bg-surface-hover:#27272a;--bg-canvas:var(--bg-base);--bg-canvas-hover:var(--bg-surface-hover);--bg-canvas-rgb:9, 9, 11;--border-subtle:#27272a;--border-default:#3f3f46;--border-strong:#52525b;--text-primary:#f9fafb;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-base:#3b82f6;--accent-hover:#60a5fa;--accent-text:#fff;--accent-subtle:#3b82f626;--action-base:#f9fafb;--action-hover:#e5e7eb;--action-text:#111827;--status-success:#34d399;--status-error:#f87171;--status-warning:#fbbf24;--status-info:#60a5fa;--status-error-bg:#ef444426;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--focus-ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent-base)}html{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);scrollbar-gutter:stable;scroll-behavior:smooth;transition:background-color .25s ease-out,color .25s ease-out}body{background-color:var(--bg-base);color:var(--text-primary);transition:background-color .25s ease-out,color .25s ease-out}a{color:var(--accent-base);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--action-base);color:var(--action-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);font-weight:500;transition:background-color .2s;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--action-hover)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-2);font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-strong)}.primary,.secondary,.danger{justify-content:center;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.secondary:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-strong)}.primary{background-color:var(--action-base);color:var(--action-text);border-color:var(--action-base)}.primary:hover:not(:disabled){background-color:var(--action-hover)}.danger{background-color:var(--bg-surface);color:var(--status-error);border-color:var(--border-default)}.danger:hover:not(:disabled){background-color:var(--status-error-bg);border-color:var(--status-error)}.button-link,.button-link:hover{text-decoration:none}.switch-input{appearance:none;border-radius:var(--radius-full);background-color:var(--border-strong);cursor:pointer;flex-shrink:0;width:36px;height:21px;transition:background-color .15s;position:relative}.switch-input:after{content:"";background-color:var(--bg-surface);width:17px;height:17px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.switch-input:checked{background-color:var(--accent-base)}.switch-input:checked:after{transform:translate(15px)}.switch-input:disabled{opacity:.5;cursor:not-allowed}.switch-input:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}.input-field{border:1px solid var(--border-default);border-radius:var(--radius-md);box-sizing:border-box;font-family:var(--font-sans);font-size:var(--text-sm);width:100%;padding:var(--space-2) var(--space-3);background-color:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent-base);box-shadow:0 0 0 2px var(--accent-subtle);outline:none}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.camera-tile-menu-anchor{display:inline-block;position:relative}.camera-tile-more{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);background-color:#0000;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.camera-tile-more:hover,.camera-tile-more:focus-visible{background-color:var(--bg-surface-hover);color:var(--text-primary);outline:none}.camera-tile-menu{background-color:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:50;flex-direction:column;gap:2px;min-width:200px;display:flex;position:absolute;bottom:calc(100% + 4px);right:0}.camera-tile-menu [role=menuitem]{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background-color:#0000;border:none;font-weight:500;display:flex}.camera-tile-menu [role=menuitem]:hover,.camera-tile-menu [role=menuitem]:focus{background-color:var(--bg-surface-hover);color:var(--text-primary);outline:none}.camera-tile-menu [role=menuitem].danger{color:var(--status-error)}.camera-tile-menu [role=menuitem].danger:hover,.camera-tile-menu [role=menuitem].danger:focus{background-color:var(--status-error-bg)}.brand-lockup{align-items:center;gap:var(--space-2);height:clamp(28px,4vh,32px);display:flex}.brand-word{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text-primary);font-size:1.25rem;font-weight:800;line-height:1}.brand-compact .brand-word{display:none}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.btn-primary{background-color:var(--action-base);color:var(--action-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:500;transition:background-color .15s;display:inline-flex}.btn-primary:hover{background-color:var(--action-hover)}@media (prefers-reduced-motion){:root{--sidebar-transition:none!important}}@keyframes page-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.splash-v4,.auth,.trust-v4,.contact-v4{animation:.25s ease-out both page-fade}@media (prefers-reduced-motion){.splash-v4,.auth,.trust-v4,.contact-v4{animation:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}.app-shell{background:var(--bg-canvas);width:100%;min-height:100dvh;color:var(--text-primary);display:flex}.main-content{flex-direction:column;flex:auto;min-width:0;min-height:100dvh;display:flex;overflow-x:clip}.app-topbar{z-index:40;background:color-mix(in srgb, var(--bg-canvas) 94%, transparent);border-bottom:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);flex:none;align-items:center;height:64px;display:flex;position:sticky;top:0}.page-content-inner{width:calc(100% - 48px);min-width:0;margin-inline:auto}.page-content-inner.workspace-wide{max-width:1760px}.page-content-inner.workspace-medium{max-width:1120px}.page-content-inner:not(.workspace-wide):not(.workspace-medium){max-width:1440px}.page-header-row{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.app-topbar-left,.app-topbar-actions{align-items:center;min-width:0;display:flex}.app-topbar-left{gap:12px}.app-topbar-actions{gap:10px;margin-left:auto}.app-topbar-title{min-width:0}.page-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1rem;font-weight:750;line-height:1.2}.mobile-brand-header{align-items:center;gap:8px;font-weight:750;display:none}.mobile-brand-header .mark{color:var(--accent-base);place-items:center;display:inline-grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 24px;display:flex}.page-heading-inner{min-width:0;max-width:720px}.page-heading-inner h2{letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.1}.page-heading-inner p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}@media (width<=900px){.page-content-inner{width:calc(100% - 32px)}}@media (width<=680px){.app-topbar{height:54px}.page-content-inner{width:calc(100% - 32px)}.app-topbar-title{display:none}.mobile-brand-header{display:flex}.page-heading{flex-direction:column;gap:10px;margin-bottom:20px}}.main-content{scrollbar-gutter:stable}.settings-sections{gap:0!important}.settings-section{border-bottom:1px solid var(--border-subtle);margin:0!important;padding:24px 0!important}.settings-section:first-child{padding-top:0!important}.settings-section:last-child{border-bottom:0;padding-bottom:0!important}.settings-autosave{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:80;pointer-events:none;border:0!important;min-height:0!important;margin:0!important;padding:0!important;position:fixed!important}.settings-autosave>span{border:1px solid var(--border-default);border-radius:var(--radius-full);background:color-mix(in srgb, var(--bg-surface) 94%, transparent);min-height:34px;color:var(--text-secondary);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);pointer-events:auto;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.settings-autosave .is-saved{color:var(--status-success)}.settings-autosave .is-error{color:var(--status-error)}.notification-channel-action .pill{text-align:center;justify-content:center;min-width:36px}.notification-channel-action .pill-on{background:color-mix(in srgb, var(--status-success) 12%, var(--bg-surface));color:var(--status-success)}@media (width<=900px){.settings-jump{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(14px);scroll-padding-inline:24px;box-shadow:0 4px 14px #10182806;z-index:30!important;background:color-mix(in srgb, var(--bg-canvas) 94%, transparent)!important;border:0!important;border-bottom:1px solid var(--border-subtle)!important;flex-direction:row!important;align-items:center!important;gap:4px!important;width:auto!important;max-width:none!important;margin:-2px -24px 18px!important;padding:8px 24px!important;position:sticky!important;top:70px!important;overflow:auto hidden!important}.settings-jump::-webkit-scrollbar{display:none}.settings-jump-label{display:none!important}.settings-jump-item{scroll-snap-align:center;white-space:nowrap;border-radius:var(--radius-full)!important;min-height:38px!important;color:var(--text-secondary)!important;background:0 0!important;border:1px solid #0000!important;flex:none!important;gap:7px!important;padding:0 12px!important;font-size:12px!important;font-weight:650!important}.settings-jump-item:hover{background:var(--bg-surface-hover)!important;color:var(--text-primary)!important}.settings-jump-item[aria-current=true]{box-shadow:0 1px 3px #1018280f;background:var(--bg-surface)!important;border-color:var(--border-default)!important;color:var(--accent-base)!important}.settings-jump-item svg{width:15px!important;height:15px!important;display:block!important}}@media (width<=680px){.settings-jump{scroll-padding-inline:16px;margin-inline:-16px!important;padding:7px 16px!important;top:54px!important}.settings-jump-item{min-height:38px!important;padding-inline:11px!important;font-size:11.5px!important}.settings-section{padding:20px 0!important}}@media (width<=430px){.settings-jump{gap:2px!important}.settings-jump-item{padding-inline:10px!important}.settings-jump-item svg{display:none!important}}.activity-v3-chips{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:10px;display:flex;overflow-x:auto}.activity-v3-chips::-webkit-scrollbar{display:none}.activity-v3-chip{scroll-snap-align:start;flex:none}@media (width<=680px){.activity-v3-chips{margin-inline:-16px;padding-inline:16px}.activity-v3-chip{height:32px;padding-inline:10px;font-size:12px}.activity-v3-chip .n{margin-left:4px}}@media (width<=430px){.activity-v3-chip{height:30px;padding-inline:9px;font-size:11px}}.modal-backdrop{box-sizing:border-box;overscroll-behavior:contain;overflow:hidden;width:100dvw!important;height:100dvh!important;padding:clamp(14px,3vw,28px)!important}.modal-backdrop[open]{animation:.14s ease-out beacon-modal-backdrop-in}.modal-backdrop::backdrop{animation:.14s ease-out beacon-modal-shade-in}.confirm-modal,.live-camera-settings,.favorites-editor,.security-activity-dialog,.pair-modal{transform-origin:50%;max-width:min(100%,560px);max-height:min(86dvh,720px);animation:.16s cubic-bezier(.2,.8,.2,1) beacon-modal-panel-in;overflow:auto}@keyframes beacon-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes beacon-modal-shade-in{0%{background-color:#0000}to{background-color:#00000080}}@keyframes beacon-modal-panel-in{0%{opacity:0}to{opacity:1}}@media (width<=620px){.modal-backdrop{align-items:flex-end!important;padding:10px!important}.confirm-modal,.live-camera-settings,.favorites-editor,.security-activity-dialog,.pair-modal{border-radius:16px;width:100%;max-width:none;max-height:min(88dvh,760px);padding:18px}}@media (prefers-reduced-motion:reduce){.modal-backdrop[open],.modal-backdrop::backdrop,.confirm-modal,.live-camera-settings,.favorites-editor,.security-activity-dialog,.pair-modal{animation:none!important}}.trust-shell .trust-page{box-sizing:border-box;width:min(100% - 32px,560px);min-width:0}.trust-shell .trust-page>.eyebrow{margin-top:0}.trust-shell .trust-page>h1{text-wrap:balance}.trust-shell .trust-page .trust-lead{max-width:52ch}.trust-shell .trust-page form{width:100%;min-width:0}.trust-shell .trust-page .form-group,.trust-shell .trust-page .input-field{box-sizing:border-box;min-width:0}.trust-shell .trust-page .auth-alert{border-radius:10px;margin:0;font-size:12px;line-height:1.45}.pair-link-code{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;max-width:100%}@media (width<=520px){.trust-shell .trust-page{width:min(100% - 24px,560px)}.trust-shell .trust-page>h1{font-size:clamp(25px,8vw,34px)}}.visually-hidden{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.loading-shell,.dash-empty{text-align:center;place-content:center;justify-items:center;min-height:min(520px,100dvh - 140px);padding:clamp(28px,6vw,72px);display:grid}.dash-empty{border:1px dashed var(--border-default);background:color-mix(in srgb, var(--bg-surface) 72%, transparent);border-radius:18px}.dash-empty h1{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(22px,3vw,30px)}.dash-empty p{max-width:460px;color:var(--text-secondary);margin:0 0 18px;font-size:13px;line-height:1.55}.empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-default);background:var(--bg-surface);border-radius:14px;padding:44px 20px}.activity-toast{z-index:24;border:1px solid var(--border-default);background:var(--bg-surface);width:max-content;max-width:100%;box-shadow:var(--shadow-md);color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;margin:0 0 14px auto;padding:9px 12px;font-size:11px;display:flex;position:sticky;top:82px}.add-device-page{width:min(100%,920px);margin:0 auto;padding:clamp(18px,3vw,36px) 0 44px}.add-device-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;margin-bottom:22px;padding:6px 0;font-size:12px;font-weight:650}.add-device-back:hover{color:var(--text-primary)}.add-device-intro{max-width:650px;margin-bottom:22px}.add-device-intro h1{letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(25px,3vw,34px)}.add-device-intro p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.add-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.add-device-choice{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:20px;display:flex;position:relative;box-shadow:0 1px 2px #0f172a06}.add-device-choice:hover{border-color:color-mix(in srgb, var(--accent-base) 32%, var(--border-default));box-shadow:0 8px 26px #0f172a0e}.add-device-tag{background:var(--accent-subtle);color:var(--accent-base);letter-spacing:.07em;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:850;position:absolute;top:15px;right:15px}.add-device-ico{background:var(--accent-subtle);width:40px;height:40px;color:var(--accent-base);border-radius:11px;place-items:center;margin-bottom:15px;display:grid}.add-device-choice h2{letter-spacing:-.025em;margin:0 0 6px;font-size:17px}.add-device-choice p{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.5}.add-device-meta{color:var(--text-muted);margin:10px 0 18px;font-size:10px;line-height:1.45}.add-device-choice .btn{margin-top:auto}.add-device-note{color:var(--text-muted);align-items:flex-start;gap:7px;margin:15px 2px 0;font-size:10px;line-height:1.45;display:flex}.add-device-note svg{flex:none;margin-top:1px}.live-shell{z-index:100;color:#fff;background:#07090c;display:grid;position:fixed;inset:0;overflow:hidden}.live-shell .video-frame{background:#07090c}.live-shell .video-frame video{object-fit:contain;background:#07090c}.video-top-scrim{padding:max(18px, env(safe-area-inset-top)) clamp(16px, 2.5vw, 30px) 70px!important;background:linear-gradient(#000000b8,#00000047 46%,#0000)!important;gap:12px!important}.video-back,.video-settings-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12141894!important;border:1px solid #ffffff24!important;width:38px!important;height:38px!important}.video-back:hover,.video-settings-button:hover{background:#26292eb8!important}.video-identity h1{letter-spacing:-.025em;font-size:clamp(17px,2vw,21px)!important}.video-live-badge{border:1px solid #ffffff1f;color:#ffffffb8!important;background:#0f11148c!important;padding:3px 7px!important;font-size:8px!important}.video-live-badge.is-live{border-color:#f8717138;color:#fecaca!important;background:#dc26262e!important}.video-overlay{border:1px solid #ffffff1f;min-width:min(300px,100vw - 40px);max-width:420px;box-shadow:0 18px 60px #0000004d;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#0c0e11c2!important;border-radius:12px!important;padding:15px 18px!important}.video-overlay strong{font-size:13px!important}.video-overlay span{font-size:11px!important}.video-controls{padding:72px 18px max(20px, env(safe-area-inset-bottom))!important;background:linear-gradient(#0000,#00000047 48%,#000000c7)!important;gap:clamp(8px,1.4vw,14px)!important}.video-control{box-shadow:0 4px 16px #00000024;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#181b1f94!important;border:1px solid #ffffff24!important;width:clamp(44px,5vw,52px)!important;height:clamp(44px,5vw,52px)!important}.video-control:hover{background:#32363cc2!important;transform:translateY(-1px)!important}.video-control[aria-pressed=true],.video-control.is-active{color:#111318!important;background:#ffffffeb!important}.video-error-bar{max-width:calc(100vw - 32px);top:max(72px, calc(env(safe-area-inset-top) + 58px))!important;border-radius:10px!important;font-size:11px!important}.live-footer{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0c0e11bd;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px;display:flex;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.live-footer p{margin:0;font-size:10px}.video-stats-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0e119e!important;border:1px solid #ffffff1f!important}.video-stats-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0e11d1!important;border:1px solid #ffffff1f!important}.broadcast-stage{z-index:100;color:#fff;background:#07090c;position:fixed;inset:0;overflow:hidden}.broadcast-video{object-fit:contain;background:#07090c;width:100%;height:100%}.broadcast-top{z-index:5;padding:max(18px, env(safe-area-inset-top)) clamp(16px, 2.5vw, 28px) 64px;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.broadcast-live{letter-spacing:.03em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f111494;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:9px;font-weight:750;display:inline-flex}.broadcast-live-dot{background:#94a3b8;border-radius:50%;width:7px;height:7px}.broadcast-live.is-watched .broadcast-live-dot{background:#ef4444;box-shadow:0 0 0 4px #ef444426}.broadcast-top-actions{gap:8px;display:flex}.broadcast-icon-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12141894;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.broadcast-stop{left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:6;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#7f1d1db8;border:1px solid #f871714d;border-radius:999px;min-height:42px;padding:0 16px;font-size:11px;font-weight:750;position:absolute;transform:translate(-50%)}.broadcast-warning{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#78350fc7;border:1px solid #fbbf2440;border-radius:9px;max-width:calc(100vw - 32px);margin:0;padding:8px 11px;font-size:10px;position:absolute;top:82px;left:50%;transform:translate(-50%)}.broadcast-settings{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#111317e0;border:1px solid #ffffff21;border-radius:13px;width:min(360px,100vw - 36px);padding:14px;position:absolute;top:70px;right:18px;box-shadow:0 18px 60px #00000047}.local-modal{width:min(100%,520px);max-height:min(86dvh,720px);overflow:auto}.local-mh h2{letter-spacing:-.03em;font-size:22px}.local-mh p{font-size:11.5px;line-height:1.5}.local-permission{border-radius:12px}.local-actions{gap:8px}.local-actions .btn{min-height:38px}.local-field input,.local-field select{border-radius:9px;min-height:40px}.local-hint{color:var(--text-muted);font-size:9.5px}.camera-settings-panel{isolation:isolate}.camera-settings-sheet{background:var(--bg-surface)}.camera-settings-sheet-body{overscroll-behavior:contain}.camera-settings-close:focus-visible,.video-control:focus-visible,.video-back:focus-visible,.video-settings-button:focus-visible,.broadcast-icon-button:focus-visible,.broadcast-stop:focus-visible{outline:2px solid var(--accent-base);outline-offset:2px}@media (width<=720px){.add-device-grid{grid-template-columns:1fr}.add-device-page{padding-top:12px}.add-device-intro{margin-bottom:16px}.add-device-choice{padding:17px}.video-controls{scrollbar-width:none;justify-content:flex-start;overflow-x:auto;padding-inline:max(14px, env(safe-area-inset-left))!important}.video-controls:before,.video-controls:after{content:"";flex:1 0 0}.video-control{flex:0 0 46px!important;width:46px!important;height:46px!important}.video-top-scrim{padding-inline:14px!important}.video-identity h1{font-size:17px!important}.broadcast-settings{width:calc(100vw - 24px);right:12px}.live-footer{width:max-content;bottom:78px}.activity-toast{top:64px}}@media (width<=430px){.add-device-intro h1{font-size:25px}.add-device-choice{border-radius:14px}.video-controls{gap:7px!important}.video-control{flex-basis:43px!important;width:43px!important;height:43px!important}.video-overlay{width:calc(100vw - 32px);min-width:0}.video-identity>span:not(.video-live-badge){display:none}.broadcast-stop{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.add-device-choice,.video-control{transition:none!important}}