:root{color-scheme:light;--color-paper: oklch(97% 0 0);--color-paper-2: oklch(94% 0 0);--color-paper-3: oklch(90% 0 0);--color-ink: oklch(22% 0 0);--color-ink-2: oklch(40% 0 0);--color-muted: oklch(47% 0 0);--color-rule: oklch(78% 0 0);--color-rule-soft: oklch(87% 0 0);--color-accent: oklch(44.5% .128 27.2);--color-accent-strong: oklch(39.3% .12 25.8);--color-accent-ink: oklch(97% 0 0);--color-focus: oklch(52% .19 27);--color-sidebar: oklch(24% 0 0);--color-sidebar-2: oklch(29% 0 0);--color-sidebar-ink: oklch(94% 0 0);--color-sidebar-muted: oklch(72% 0 0);--color-sidebar-rule: oklch(34% 0 0);--color-online: oklch(62% .14 150);--color-warning: oklch(66% .14 75);--color-error: oklch(52% .19 25);--color-ai: oklch(58% .11 245);--color-accent-soft: var(--color-paper-3);--color-online-soft: color-mix( in oklch, var(--color-online) 15%, transparent );--color-warning-soft: color-mix( in oklch, var(--color-warning) 16%, transparent );--color-error-soft: var(--color-paper-3);--color-ai-soft: color-mix(in oklch, var(--color-ai) 15%, transparent);--color-online-text: oklch(42% .12 150);--color-warning-text: oklch(42% .11 75);--color-error-text: oklch(42% .17 25);--color-ai-text: oklch(42% .1 245);--color-accent-text: var(--color-accent);--color-accent-on-rail: oklch(66% .12 27.2);--color-error-on-rail: oklch(70% .16 25);--color-ai-on-rail: oklch(72% .1 245);--color-video-overlay: #191919;--color-video-overlay-text: #f7f7f7;--color-scrim: color-mix(in oklch, var(--color-ink) 58%, transparent);--font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: clamp(1.55rem, 1.3rem + 1vw, 2.25rem);--text-display: clamp(2rem, 1.6rem + 1.6vw, 3rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999px;--duration-press: .1s;--duration-short: .18s;--duration-modal: .28s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--shadow-menu: 0 1.5rem 4rem color-mix(in oklch, var(--color-ink) 18%, transparent);--measure: 82rem;--type-telemetry: 11px;--type-caption: 12px;--type-label: 13px;--type-body: 14px;--type-title: 18px;--type-headline: 25px;--type-display: clamp(2rem, 1.6rem + 1.6vw, 3rem);--rounded-sm: 6px;--rounded-control: 9px;--rounded-md: 10px;--rounded-lg: 16px;--rounded-pill: 999px;--topbar-height: 4rem;--sidebar-compact-width: 4rem;--sidebar-expanded-width: 18rem;--z-topbar: 20;--z-sidebar: 40;--z-dialog: 80}:root[data-theme=dark]{color-scheme:dark;--color-paper: oklch(15% 0 0);--color-paper-2: oklch(18.5% 0 0);--color-paper-3: oklch(22.5% 0 0);--color-ink: oklch(94% 0 0);--color-ink-2: oklch(78% 0 0);--color-muted: oklch(68% 0 0);--color-rule: oklch(31% 0 0);--color-rule-soft: oklch(25% 0 0);--color-accent: oklch(60% .12 27.2);--color-accent-strong: oklch(54% .13 27.2);--color-accent-ink: oklch(15% 0 0);--color-focus: oklch(74% .15 27.2);--color-sidebar: oklch(12.5% 0 0);--color-sidebar-2: oklch(17% 0 0);--color-sidebar-ink: oklch(93% 0 0);--color-sidebar-muted: oklch(66% 0 0);--color-sidebar-rule: oklch(24% 0 0);--color-online: oklch(70% .13 150);--color-warning: oklch(76% .13 75);--color-error: oklch(66% .16 25);--color-ai: oklch(69% .1 245);--color-online-text: var(--color-online);--color-warning-text: var(--color-warning);--color-error-text: var(--color-error);--color-ai-text: var(--color-ai);--color-accent-text: oklch(68% .12 27.2);--color-accent-on-rail: oklch(68% .12 27.2);--color-error-on-rail: oklch(70% .16 25);--color-ai-on-rail: oklch(72% .1 245);--color-accent-soft: var(--color-paper-3);--color-error-soft: var(--color-paper-3);--color-scrim: color-mix(in oklch, var(--color-sidebar) 78%, transparent);--shadow-menu: 0 1.5rem 4rem color-mix(in oklch, var(--color-sidebar) 75%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-paper: oklch(15% 0 0);--color-paper-2: oklch(18.5% 0 0);--color-paper-3: oklch(22.5% 0 0);--color-ink: oklch(94% 0 0);--color-ink-2: oklch(78% 0 0);--color-muted: oklch(68% 0 0);--color-rule: oklch(31% 0 0);--color-rule-soft: oklch(25% 0 0);--color-accent: oklch(60% .12 27.2);--color-accent-strong: oklch(54% .13 27.2);--color-accent-ink: oklch(15% 0 0);--color-focus: oklch(74% .15 27.2);--color-sidebar: oklch(12.5% 0 0);--color-sidebar-2: oklch(17% 0 0);--color-sidebar-ink: oklch(93% 0 0);--color-sidebar-muted: oklch(66% 0 0);--color-sidebar-rule: oklch(24% 0 0);--color-online: oklch(70% .13 150);--color-warning: oklch(76% .13 75);--color-error: oklch(66% .16 25);--color-ai: oklch(69% .1 245);--color-online-text: var(--color-online);--color-warning-text: var(--color-warning);--color-error-text: var(--color-error);--color-ai-text: var(--color-ai);--color-accent-text: oklch(68% .12 27.2);--color-accent-on-rail: oklch(68% .12 27.2);--color-error-on-rail: oklch(70% .16 25);--color-ai-on-rail: oklch(72% .1 245);--color-accent-soft: var(--color-paper-3);--color-error-soft: var(--color-paper-3);--color-scrim: color-mix(in oklch, var(--color-sidebar) 78%, transparent);--shadow-menu: 0 1.5rem 4rem color-mix(in oklch, var(--color-sidebar) 75%, transparent)}}:root{--color-video-scrim: color-mix(in oklch, var(--color-video-overlay) 88%, transparent);--color-video-scrim-soft: color-mix(in oklch, var(--color-video-overlay) 78%, transparent);--color-video-scrim-strong: color-mix(in oklch, var(--color-video-overlay) 94%, transparent);--color-video-muted: color-mix(in oklch, var(--color-video-overlay-text) 90%, transparent);--color-video-subtle: color-mix(in oklch, var(--color-video-overlay-text) 86%, transparent);--color-video-border: color-mix(in oklch, var(--color-video-overlay-text) 18%, transparent)}*{box-sizing:border-box}::selection{background:var(--color-accent);color:var(--color-accent-ink)}html{min-width:320px;min-height:100%;background:var(--color-paper);overscroll-behavior-y:none}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--type-body);line-height:1.5;text-rendering:optimizeLegibility}button,input{font:inherit;caret-color:var(--color-accent)}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:disabled{cursor:not-allowed}.brand{display:inline-block;flex:0 0 auto;height:32px}.brand__asset{display:block;width:auto;height:32px}.brand__asset--dark{display:none}:root[data-theme=dark] .brand__asset--light{display:none}:root[data-theme=dark] .brand__asset--dark{display:block}.icon-button{display:inline-grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper-2);color:var(--color-ink-2);cursor:pointer;transition:background var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.icon-button:hover:not(:disabled){background:var(--color-paper-3);color:var(--color-ink)}.icon-button svg,.button svg{width:18px;height:18px}.icon-button--dark{border-color:var(--color-sidebar-rule);background:var(--color-sidebar-2);color:var(--color-sidebar-ink)}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--rounded-control);font-size:var(--type-label);font-weight:600;cursor:pointer;transition:background var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out)}.button--primary{background:var(--color-accent);color:var(--color-accent-ink)}.button--primary:hover:not(:disabled){background:var(--color-accent-strong)}.button--secondary,.button--ghost{border-color:var(--color-rule);background:var(--color-paper-2);color:var(--color-ink)}.button--ghost{background:transparent}.button--light{border-color:var(--color-sidebar-rule);background:var(--color-sidebar-ink);color:var(--color-sidebar)}.button--wide{width:100%}.button:disabled{border-color:var(--color-rule-soft);background:var(--color-paper-3);color:var(--color-muted);opacity:1}.login-page{display:grid;width:min(100%,480px);min-height:100dvh;margin:0 auto;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom));grid-template-rows:auto 1fr;gap:var(--space-5)}.login-page__header,.app-header{display:flex;align-items:center;justify-content:space-between}.login-card{align-self:center;padding:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--rounded-lg);background:var(--color-paper-2)}.login-card__intro{margin-bottom:var(--space-5)}.login-form__support{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--type-caption);text-align:center}.login-card h1,.catalog h1{margin:0;font-size:var(--type-headline);line-height:1.2;letter-spacing:-.01em}.login-card p,.catalog__heading p,.empty-state p,.viewer__message p{margin:var(--space-2) 0 0;color:var(--color-muted)}.login-form{display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-2);font-size:var(--type-label);font-weight:600}.field input{width:100%;min-height:48px;padding:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper);color:var(--color-ink);font-size:var(--type-body)}.field input:focus{border-color:var(--color-accent)}.field small{color:var(--color-muted);font-size:var(--type-caption);font-weight:400}.notice{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-error);border-radius:var(--rounded-control);background:var(--color-error-soft);color:var(--color-error-text);font-size:var(--type-label)}.app-page{min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-header{position:sticky;z-index:var(--z-topbar);top:0;min-height:56px;padding:max(var(--space-2),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) var(--space-2) max(var(--space-4),env(safe-area-inset-left));border-bottom:1px solid var(--color-rule-soft);background:var(--color-paper)}.app-header__identity{display:flex;width:100%;min-width:0;align-items:center;gap:var(--space-4)}.app-header .brand,.app-header .brand__asset{height:28px}.app-header__account{min-width:0;max-width:none;flex:1 1 auto;padding-left:var(--space-4);overflow:hidden;border-left:1px solid var(--color-rule);color:var(--color-ink-2);font-size:var(--type-label);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.catalog{width:min(100%,1120px);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.catalog__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.catalog__heading p{color:var(--color-ink-2)}.catalog__heading p strong{font-weight:600}.catalog__heading+.notice{margin-top:var(--space-5)}.camera-library{margin-top:var(--space-7)}.camera-library--primary{margin-top:0}.notice+.camera-library--primary{margin-top:var(--space-5)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-rule)}.section-heading h2{margin:0;font-size:var(--type-title);line-height:1.3}.section-heading__meta{display:flex;align-items:center;gap:var(--space-2)}.section-heading__meta>output{min-width:28px;padding:var(--space-1) var(--space-2);border-radius:var(--rounded-pill);background:var(--color-paper-3);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--type-caption);text-align:center}.camera-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space-4)}.catalog-search{position:relative;display:block;width:min(100%,440px);margin-bottom:var(--space-4)}.catalog-search>svg{position:absolute;top:50%;left:var(--space-3);width:18px;height:18px;color:var(--color-muted);pointer-events:none;transform:translateY(-50%)}.catalog-search input{width:100%;min-height:48px;padding:var(--space-3) 48px var(--space-3) 42px;border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper);color:var(--color-ink)}.catalog-search input::placeholder{color:var(--color-muted)}.catalog-search input:focus{border-color:var(--color-accent)}.catalog-search input::-webkit-search-cancel-button{display:none}.catalog-search button{position:absolute;top:2px;right:2px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:var(--rounded-control);background:transparent;color:var(--color-muted);cursor:pointer}.catalog-search button:hover{background:var(--color-paper-2);color:var(--color-ink)}.catalog-search button svg{width:18px;height:18px}.camera-tile{display:grid;min-width:0;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--rounded-md);background:var(--color-sidebar);transition:border-color var(--duration-short) var(--ease-out)}.camera-tile:has(.camera-tile__action:hover:not(:disabled)){border-color:var(--color-accent)}.camera-tile:has(.camera-tile__open:hover),.camera-tile:has(.camera-tile__open:focus-visible){border-color:var(--color-accent)}.camera-tile__viewport{position:relative;display:grid;aspect-ratio:16 / 9;place-items:center;color:var(--color-sidebar-muted)}.identification-frame{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--color-sidebar)}.identification-frame:after{position:absolute;inset:26% 0 0;background:linear-gradient(to bottom,transparent,var(--color-video-scrim-soft) 52%,var(--color-video-scrim-strong));content:"";pointer-events:none}.identification-frame img{width:100%;height:100%;object-fit:cover}.identification-frame>svg{width:36px;height:36px;color:var(--color-sidebar-muted)}.identification-frame__age{position:absolute;z-index:2;right:var(--space-3);bottom:var(--space-3);left:var(--space-3);overflow:hidden;color:var(--color-video-subtle);font-size:var(--type-caption);text-align:left;text-overflow:ellipsis;white-space:nowrap}.identification-frame__refreshing{position:absolute;z-index:2;top:var(--space-3);left:var(--space-3);display:inline-flex;max-width:calc(100% - 76px);padding:var(--space-1) var(--space-2);align-items:center;gap:var(--space-2);border-radius:var(--rounded-control);background:var(--color-video-scrim-soft);color:var(--color-video-muted);font-size:var(--type-caption);font-weight:600;white-space:nowrap}.identification-frame__refreshing .activity{width:12px;height:12px;flex:0 0 12px}.activity--on-dark{border-color:var(--color-sidebar-rule);border-top-color:var(--color-sidebar-ink)}.camera-tile__favorite{position:absolute;z-index:3;top:var(--space-2);right:var(--space-2);display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--color-sidebar-rule);border-radius:var(--rounded-control);background:var(--color-sidebar-2);color:var(--color-sidebar-muted);cursor:pointer;transition:background var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.camera-tile__favorite:hover:not(:disabled){background:var(--color-video-scrim);color:var(--color-sidebar-ink)}.camera-tile__favorite--active{background:var(--color-accent);color:var(--color-accent-ink)}.camera-tile__favorite:disabled{cursor:wait;border-color:var(--color-sidebar-rule);background:var(--color-sidebar-2);color:var(--color-sidebar-muted);opacity:1}.camera-tile__favorite svg{width:19px;height:19px}.camera-tile__favorite--active svg{fill:currentColor}.camera-tile__viewport>strong{position:absolute;z-index:2;right:var(--space-3);left:var(--space-3);color:var(--color-sidebar-ink)}.camera-tile__viewport>strong{bottom:calc(var(--space-3) + var(--space-5));overflow:hidden;font-size:var(--type-body);text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.camera-tile__open{position:absolute;z-index:1;inset:0;padding:0;border:0;background:transparent;cursor:pointer}.camera-tile__open:after{position:absolute;inset:0;border:2px solid transparent;content:"";pointer-events:none}.camera-tile__open:focus-visible{outline:0}.camera-tile__open:focus-visible:after{border-color:var(--color-focus)}.camera-tile__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--color-sidebar-rule)}.camera-tile__action{display:inline-flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;background:var(--color-sidebar-2);color:var(--color-sidebar-ink);font-size:var(--type-label);font-weight:600;cursor:pointer}.camera-tile__action+.camera-tile__action{border-left:1px solid var(--color-sidebar-rule)}.camera-tile__action:hover:not(:disabled){background:var(--color-accent);color:var(--color-accent-ink)}.camera-tile__action:disabled{color:var(--color-sidebar-muted);opacity:1}.empty-state{display:grid;min-height:280px;padding:var(--space-6);place-items:center;align-content:center;border:1px solid var(--color-rule);border-radius:var(--rounded-md);background:var(--color-paper-2);text-align:center}.empty-state>svg{width:32px;height:32px;margin-bottom:var(--space-3);color:var(--color-muted)}.empty-state h2,.empty-state h3{margin:0;font-size:var(--type-title)}.empty-state p{max-width:42ch}.empty-state--search{min-height:240px}.app-navigation{position:fixed;z-index:var(--z-topbar);right:0;bottom:0;left:0;display:grid;min-height:72px;padding:var(--space-2) max(var(--space-2),env(safe-area-inset-right)) max(var(--space-2),env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left));grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-rule);background:var(--color-paper)}.app-navigation button{position:relative;display:grid;min-width:0;min-height:48px;padding:var(--space-1) var(--space-2);place-items:center;align-content:center;gap:var(--space-1);border:0;border-radius:var(--rounded-control);background:transparent;color:var(--color-muted);cursor:pointer}.app-navigation button:hover{background:var(--color-paper-2);color:var(--color-ink)}.app-navigation button[aria-current=page]{background:var(--color-paper-2);color:var(--color-accent-text)}.app-navigation button svg{width:20px;height:20px}.app-navigation button span{overflow:hidden;font-size:var(--type-caption);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.app-navigation__update{position:absolute;top:var(--space-2);left:calc(50% + var(--space-2));width:7px;height:7px;border:1px solid var(--color-paper);border-radius:var(--rounded-pill);background:var(--color-warning)}.settings-sections{margin-top:var(--space-7);overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--rounded-md);background:var(--color-paper-2)}.settings-section{padding:var(--space-5)}.settings-section+.settings-section{border-top:1px solid var(--color-rule)}.settings-section__heading{margin-bottom:var(--space-4)}.settings-section__heading h2,.settings-section__heading p{margin:0}.settings-section__heading h2{font-size:var(--type-title)}.settings-section__heading p{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--type-label)}.theme-options{display:grid;margin:0;padding:0;border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper)}.theme-option{position:relative;display:grid;min-height:64px;padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);cursor:pointer}.theme-option+.theme-option{border-top:1px solid var(--color-rule-soft)}.theme-option:has(input:checked){background:var(--color-paper-3)}.theme-option:focus-within{outline:2px solid var(--color-focus);outline-offset:-2px}.theme-option input{position:absolute;opacity:0}.theme-option span,.theme-option strong,.theme-option small{display:block;min-width:0}.theme-option small{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--type-caption)}.theme-option>svg{width:18px;height:18px;color:transparent}.theme-option:has(input:checked)>svg{color:var(--color-accent)}.media-preference{position:relative;display:grid;min-height:64px;margin-top:var(--space-3);padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper);cursor:pointer}.media-preference:has(input:checked){background:var(--color-paper-3)}.media-preference:focus-within{outline:2px solid var(--color-focus);outline-offset:-2px}.media-preference input{position:absolute;opacity:0}.media-preference span,.media-preference strong,.media-preference small{display:block;min-width:0}.media-preference small{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--type-caption)}.media-preference>svg{width:18px;height:18px;color:transparent}.media-preference:has(input:checked)>svg{color:var(--color-accent)}.settings-details{margin:0}.settings-details div{display:grid;padding:var(--space-3) 0;grid-template-columns:minmax(96px,.35fr) minmax(0,1fr);gap:var(--space-4);border-top:1px solid var(--color-rule-soft)}.settings-details div:first-child{border-top:0}.settings-details dt{color:var(--color-muted);font-size:var(--type-label)}.settings-details dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:600}.settings-section__support{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--rounded-control);background:var(--color-paper-3);color:var(--color-ink-2);font-size:var(--type-label)}.settings-section__support p{margin:0}.settings-section__support .button{width:100%}.app-maintenance{overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper)}.app-maintenance__row{display:grid;min-height:76px;padding:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.app-maintenance__row+.app-maintenance__row{border-top:1px solid var(--color-rule-soft)}.app-maintenance__diagnostics{border-top:1px solid var(--color-rule-soft)}.app-maintenance__diagnostics>summary{grid-template-columns:auto minmax(0,1fr) auto;list-style:none;cursor:pointer}.app-maintenance__diagnostics>summary::-webkit-details-marker{display:none}.app-maintenance__diagnostics>summary:hover{background:var(--color-paper-2)}.app-maintenance__chevron{width:18px;height:18px;color:var(--color-muted);transition:transform var(--duration-short) var(--ease-out)}.app-maintenance__diagnostics[open] .app-maintenance__chevron{transform:rotate(180deg)}.app-maintenance__repair{display:grid;min-height:72px;padding:var(--space-3) var(--space-3) var(--space-3) calc(40px + var(--space-6));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-rule-soft);background:var(--color-paper-2)}.app-maintenance__icon{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--rounded-control);background:var(--color-paper-3);color:var(--color-muted)}.app-maintenance__icon svg{width:20px;height:20px}.app-maintenance__copy,.app-maintenance__copy strong,.app-maintenance__copy p{min-width:0;margin:0}.app-maintenance__copy strong{display:block}.app-maintenance__copy p{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--type-caption)}.app-maintenance__feedback{margin:var(--space-3) 0 0;color:var(--color-online-text);font-size:var(--type-label)}.app-maintenance__feedback--error,.settings-logout{color:var(--color-error-text)}.mosaic-form{display:grid;margin:var(--space-6) 0;padding:var(--space-5);gap:var(--space-5);border:1px solid var(--color-rule);border-radius:var(--rounded-md);background:var(--color-paper-2)}.mosaic-form__heading,.mosaic-form__actions,.mosaic-card__body,.mosaic-card__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mosaic-form__heading h2,.mosaic-form__heading p,.mosaic-card__body h2,.mosaic-card__body p{margin:0}.mosaic-form__heading h2,.mosaic-card__body h2{font-size:var(--type-title)}.mosaic-form__heading p,.mosaic-card__body p{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--type-caption)}.mosaic-picker{display:grid;margin:0;padding:0;gap:var(--space-2);border:0}.mosaic-picker legend{width:100%;margin-bottom:var(--space-3);color:var(--color-muted);font-size:var(--type-label);font-weight:600}.mosaic-picker legend span{float:right;color:var(--color-ink);font-variant-numeric:tabular-nums}.mosaic-picker__camera{display:grid;min-height:52px;padding:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--rounded-control);background:var(--color-paper);cursor:pointer}.mosaic-picker__camera:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.mosaic-picker__camera--selected{border-color:var(--color-accent);background:var(--color-paper-3)}.mosaic-picker__camera:has(input:disabled){cursor:not-allowed;border-color:var(--color-rule-soft);background:var(--color-paper-2);color:var(--color-muted);opacity:1}.mosaic-picker__camera input{position:absolute;opacity:0}.mosaic-picker__camera>svg{width:18px;height:18px;color:var(--color-muted)}.mosaic-picker__camera>svg:last-child{color:transparent}.mosaic-picker__camera--selected>svg:last-child{color:var(--color-accent)}.mosaic-form__actions{justify-content:flex-end}.mosaics-loading{display:flex;min-height:220px;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-muted)}.mosaic-list{display:grid;margin-top:var(--space-6);gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),560px));justify-content:start}.mosaic-card{min-width:0;overflow:hidden;border:1px solid var(--color-rule);border-radius:var(--rounded-md);background:var(--color-paper-2)}.mosaic-preview{display:grid;aspect-ratio:16 / 9;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--color-sidebar)}.mosaic-preview__cell{position:relative;min-width:0;overflow:hidden;border:1px solid var(--color-sidebar-rule)}.mosaic-preview .identification-frame__age{display:none}.mosaic-preview__empty{display:grid;width:100%;height:100%;place-items:center;color:var(--color-sidebar-muted)}.mosaic-preview__empty svg{width:22px;height:22px}.mosaic-preview__empty--revoked{gap:var(--space-1)}.mosaic-preview__empty--revoked small{font-size:var(--type-caption)}.mosaic-card__body{padding:var(--space-4)}.mosaic-card__body>div{min-width:0}.mosaic-card__body h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mosaic-card__actions{min-height:48px;justify-content:flex-end;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-rule-soft)}.mosaic-card__actions button{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2);padding:var(--space-2);border:0;border-radius:var(--rounded-control);background:transparent;color:var(--color-muted);font-weight:600;cursor:pointer}.mosaic-card__actions button:hover{background:var(--color-paper-3);color:var(--color-ink)}.mosaic-card__actions button svg{width:16px;height:16px}.mosaic-card__actions .mosaic-card__delete{color:var(--color-error-text)}.mosaic-viewer__surface{position:relative;grid-template-rows:minmax(0,1fr);background:var(--color-video-overlay)}.mosaic-viewer__surface:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0}.mosaic-viewer__header{position:absolute;z-index:8;top:0;right:0;left:0;background:linear-gradient(180deg,var(--color-video-scrim-strong),transparent);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.mosaic-viewer__header--hidden{opacity:0;pointer-events:none;transform:translateY(-12px)}.viewer__header>.mosaic-viewer__actions{display:flex;grid-auto-flow:column;gap:var(--space-2)}.mosaic-live{display:grid;width:100%;height:100%;min-height:0;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:1px;background:var(--color-sidebar-rule)}.mosaic-live:has(>:only-child){grid-template-columns:minmax(0,1fr)}.mosaic-live--expanded{grid-template-columns:minmax(0,1fr)}.mosaic-stream{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;background:var(--color-sidebar)}.mosaic-stream video{width:100%;height:100%;object-fit:contain}.mosaic-stream>strong{position:absolute;z-index:5;bottom:var(--space-3);left:var(--space-3);max-width:calc(100% - 72px);padding:var(--space-1) var(--space-2);overflow:hidden;border-radius:var(--rounded-control);background:var(--color-video-scrim-soft);color:var(--color-video-muted);font-size:var(--type-caption);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mosaic-stream__expand{position:absolute;z-index:6;right:var(--space-2);bottom:var(--space-2);display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--color-video-border);border-radius:var(--rounded-control);background:var(--color-video-scrim-soft);color:var(--color-video-overlay-text);cursor:pointer}.mosaic-stream__reveal{position:absolute;z-index:3;inset:0;padding:0;border:0;background:transparent;cursor:pointer}.mosaic-stream__reveal:before{position:absolute;inset:0;border:2px solid transparent;content:"";pointer-events:none}.mosaic-stream__reveal:focus-visible:before{border-color:var(--color-accent)}.mosaic-stream--expanded>strong{top:72px;bottom:auto}.mosaic-stream--expanded .mosaic-stream__expand{top:72px;bottom:auto}.mosaic-stream__expand svg{width:18px;height:18px}.mosaic-stream__state,.mosaic-stream--unavailable{display:grid;place-items:center;align-content:center;gap:var(--space-2);color:var(--color-sidebar-muted);text-align:center}.mosaic-stream__state{position:absolute;z-index:4;inset:0;background:var(--color-video-overlay)}.mosaic-stream__state>svg,.mosaic-stream--unavailable>svg{width:28px;height:28px}.mosaic-stream__state button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:0;background:transparent;color:var(--color-sidebar-ink);cursor:pointer}.mosaic-stream__state button svg{width:16px;height:16px}.mosaic-stream__connection{position:absolute;z-index:5;bottom:var(--space-2);left:var(--space-2);display:flex;min-height:32px;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-control);background:var(--color-video-scrim);color:var(--color-video-muted);font-size:var(--type-caption)}.mosaic-stream__connection button{display:grid;width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:var(--rounded-control);background:transparent;color:var(--color-video-overlay-text);cursor:pointer}.mosaic-stream__connection button svg{width:16px;height:16px}.mosaic-orientation{display:grid;min-height:100%;padding:max(var(--space-6),env(safe-area-inset-top)) var(--space-5) max(var(--space-6),env(safe-area-inset-bottom));grid-row:1;place-items:center;align-content:center;gap:var(--space-3);background:var(--color-video-overlay);color:var(--color-sidebar-ink);text-align:center}.mosaic-orientation>svg{width:32px;height:32px;color:var(--color-sidebar-muted);transform:rotate(90deg)}.mosaic-orientation p{max-width:34ch;margin:0;color:var(--color-sidebar-muted)}.mosaic-stream--parked{display:none}.boot-screen{display:grid;min-height:100dvh;padding:var(--space-5);place-items:center;align-content:center;gap:var(--space-4);text-align:center}.boot-screen p{margin:0;color:var(--color-muted)}.activity{width:24px;height:24px;border:2px solid var(--color-rule);border-top-color:var(--color-accent);border-radius:var(--rounded-pill);animation:spin .9s linear infinite}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--color-sidebar-ink)}.viewer::backdrop{background:var(--color-scrim)}.viewer__surface{display:grid;width:100%;height:100dvh;grid-template-rows:auto 1fr;background:var(--color-sidebar)}.viewer__header{display:flex;align-items:center;gap:var(--space-3);padding-right:max(var(--space-4),env(safe-area-inset-right));padding-left:max(var(--space-4),env(safe-area-inset-left))}.viewer__header{min-height:64px;justify-content:space-between;padding-top:max(var(--space-2),env(safe-area-inset-top));padding-bottom:var(--space-2);border-bottom:1px solid var(--color-sidebar-rule)}.viewer__header.mosaic-viewer__header{border-bottom:0}.viewer__header>div{display:grid}.viewer__header strong{font-size:var(--type-title)}.viewer__header span{color:var(--color-sidebar-muted);font-size:var(--type-caption)}.viewer__video{position:relative;display:grid;min-height:0;place-items:center;background:var(--color-sidebar)}.viewer__video video{width:100%;height:100%;object-fit:contain}.viewer__message{position:absolute;inset:0;display:grid;padding:var(--space-5);place-items:center;align-content:center;gap:var(--space-3);background:var(--color-sidebar);text-align:center}.viewer__message>svg{width:32px;height:32px;color:var(--color-error-on-rail)}.viewer__message p{max-width:46ch;margin:0;color:var(--color-sidebar-muted)}.viewer__message--contained{position:relative}.viewer__message--neutral>svg{color:var(--color-sidebar-muted)}.viewer__message--ready{animation:recording-ready .24s var(--ease-out)}@keyframes recording-ready{0%{filter:blur(2px);transform:translateY(4px)}}.viewer__surface--recording{grid-template-rows:auto minmax(0,1fr)}.playback-viewer__body{min-height:0;overflow-y:auto;background:var(--color-sidebar);scrollbar-color:var(--color-sidebar-rule) var(--color-sidebar);scrollbar-width:thin}.playback-player{position:relative;display:grid;aspect-ratio:16 / 9;min-height:220px;place-items:center;background:var(--color-sidebar)}.playback-player video{width:100%;height:100%;object-fit:contain}.playback-player__continuation{position:absolute;z-index:2;inset:0;display:grid;padding:var(--space-4);place-items:center;align-content:center;gap:var(--space-3);background:var(--color-video-scrim-soft);color:var(--color-video-overlay-text);text-align:center}.playback-controls{display:grid;align-content:start;gap:var(--space-4);padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));border-top:1px solid var(--color-sidebar-rule);background:var(--color-sidebar-2)}.playback-controls__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.playback-controls__heading>div{display:inline-flex;align-items:center;gap:var(--space-2)}.playback-controls__heading svg{width:18px;height:18px;color:var(--color-sidebar-muted)}.playback-field{display:grid;gap:var(--space-2);color:var(--color-sidebar-ink);font-size:var(--type-label);font-weight:600}.playback-field input{width:100%;min-height:46px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-sidebar-rule);border-radius:var(--rounded-control);background:var(--color-sidebar);color:var(--color-sidebar-ink);color-scheme:dark}.playback-field input:focus{border-color:var(--color-accent)}.playback-state{display:flex;min-height:96px;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-sidebar-muted);font-size:var(--type-label);text-align:center}.playback-state--empty{flex-direction:column}.playback-state--empty svg{width:28px;height:28px}.playback-state--empty strong{color:var(--color-sidebar-ink)}.recording-periods{display:grid;gap:var(--space-2)}.recording-periods__label{color:var(--color-sidebar-muted);font-size:var(--type-caption)}.recording-periods__list{display:flex;gap:var(--space-2);padding-bottom:var(--space-1);overflow-x:auto;scrollbar-color:var(--color-sidebar-rule) transparent;scrollbar-width:thin}.recording-period{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 16px;min-width:max-content;min-height:48px;column-gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-sidebar-rule);border-radius:var(--rounded-control);background:var(--color-sidebar);color:var(--color-sidebar-ink);cursor:pointer;text-align:left}.recording-period__marker{display:grid;width:16px;height:16px;grid-column:2;grid-row:2;place-items:center;border-radius:var(--rounded-pill);background:var(--color-accent-ink);color:var(--color-accent);opacity:0}.recording-period strong{grid-column:1 / -1;grid-row:1}.recording-period>span:not(.recording-period__marker){grid-column:1;grid-row:2}.recording-period__marker svg{width:11px;height:11px;stroke-width:3}.recording-period span{color:var(--color-sidebar-muted);font-size:var(--type-caption)}.recording-period:hover,.recording-period--selected{border-color:var(--color-accent)}.recording-period--selected{background:var(--color-accent);color:var(--color-accent-ink)}.recording-period--selected span{color:var(--color-accent-ink);opacity:1}.recording-period--selected .recording-period__marker{color:var(--color-accent);opacity:1}.playback-form{display:grid;gap:var(--space-3);padding-top:var(--space-1)}.playback-time{display:grid;gap:var(--space-2)}.playback-time__heading,.playback-time__bounds{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.playback-time__heading{color:var(--color-sidebar-ink);font-size:var(--type-label);font-weight:600}.playback-time__heading strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.playback-time input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--color-accent);cursor:pointer}.playback-time input[type=range]:disabled{cursor:not-allowed}.playback-time__bounds{color:var(--color-sidebar-muted);font-family:var(--font-mono);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.playback-form__hint,.playback-form__error{margin:0;font-size:var(--type-caption)}.playback-form__hint{color:var(--color-sidebar-muted)}.playback-form__error{color:var(--color-error-on-rail)}@media(min-width:720px){.catalog,.app-header{padding-right:var(--space-6);padding-left:var(--space-6)}.app-page{padding-bottom:108px}.app-navigation{right:auto;bottom:var(--space-5);left:50%;width:min(calc(100% - 48px),520px);min-height:68px;padding:var(--space-2);border:1px solid var(--color-rule);border-radius:var(--rounded-md);box-shadow:var(--shadow-menu);transform:translate(-50%)}.settings-sections{width:min(100%,760px)}.catalog--settings>.catalog__heading,.catalog--settings>.settings-sections{margin-right:auto;margin-left:auto}.catalog--settings>.catalog__heading{width:min(100%,760px)}.viewer{width:min(92vw,1120px);height:auto;max-height:90vh;margin:auto}.viewer__surface{height:min(82vh,760px);border:1px solid var(--color-sidebar-rule);border-radius:var(--rounded-lg);box-shadow:var(--shadow-menu);overflow:hidden}.playback-viewer__body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}.playback-player{aspect-ratio:auto;min-height:0}.playback-controls{overflow-y:auto;border-top:0;border-left:1px solid var(--color-sidebar-rule)}}@media(max-width:480px){.login-page{grid-template-rows:auto auto;align-content:start;gap:var(--space-7)}.login-card{align-self:start;padding:0;border:0;border-radius:0;background:transparent}.app-header__identity{gap:var(--space-2)}.app-header__account{padding-left:var(--space-2)}.catalog{padding-top:var(--space-5)}.app-maintenance__row{grid-template-columns:auto minmax(0,1fr)}.app-maintenance__row .button{grid-column:2;justify-self:start}.app-maintenance__repair{padding-left:var(--space-3);grid-template-columns:minmax(0,1fr)}.app-maintenance__repair .button{justify-self:start}.camera-library{margin-top:var(--space-6)}.camera-library--primary{margin-top:0}.notice{align-items:stretch;flex-direction:column}}@media(max-width:360px){.app-navigation button{padding-right:var(--space-1);padding-left:var(--space-1)}.app-navigation button span{font-size:var(--type-caption);line-height:1.1;white-space:normal}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}