:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#101817;--surface:#172321;--raised:#20322e;--raised-strong:#2a413b;--line:#38514a;--text:#f2f7f5;--muted:#a9bbb5;--subtle:#748a82;--accent:#78dbb7;--accent-ink:#06241a;--warning:#f4c977;--danger:#f08b87;--important:#f5a4a0;--shadow:0 20px 52px #00000038;background:var(--canvas);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f4f7f6;--surface:#fff;--raised:#eaf2ee;--raised-strong:#dae9e2;--line:#c3d7cd;--text:#10241d;--muted:#587066;--subtle:#73887f;--accent:#137755;--accent-ink:#fff;--warning:#985400;--danger:#b53e3a;--important:#b7413e;--shadow:0 18px 48px #1b3b2d1a}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input[type=date]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--warning);outline-offset:3px}.app-shell{min-height:100vh}.login-page{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 16%, transparent), transparent 38%), var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow);border-radius:22px;padding:clamp(26px,7vw,42px)}.login-brand{border:1px solid color-mix(in srgb, var(--accent) 22%, #101817);background:#101817;border-radius:14px;align-items:center;width:min(100%,316px);margin-bottom:30px;padding:10px 12px;display:flex}.login-brand-emblem{border-radius:15px;flex:none;width:58px;height:58px;display:block}.login-brand-wordmark{width:min(216px,100% - 70px);height:auto;margin-left:12px;display:block}.login-card h1{letter-spacing:-.055em;margin:5px 0 9px;font-size:clamp(1.85rem,8vw,2.45rem)}.login-card>p:not(.eyebrow){color:var(--muted);margin:0}.login-form{gap:16px;margin-top:28px;display:grid}.login-form label{color:var(--muted);gap:7px;font-size:.85rem;font-weight:700;display:grid}.login-form input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:var(--canvas);border-radius:10px;padding:11px 12px}.login-submit{min-height:48px;margin-top:4px}.login-error{color:var(--danger);margin:-2px 0 0;font-size:.9rem}.sidebar{z-index:4;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;width:248px;padding:28px 16px 20px;display:none;position:fixed;inset:0 auto 0 0}.brand{border:1px solid color-mix(in srgb, var(--accent) 22%, #101817);background:#101817;border-radius:14px;align-items:center;width:100%;padding:10px;display:flex}.brand-emblem{border-radius:13px;flex:none;width:48px;height:48px;display:block}.brand-wordmark{width:min(136px,100% - 58px);height:auto;margin-left:10px;display:block}.mobile-brand{min-width:0;color:var(--text);letter-spacing:-.04em;align-items:center;gap:8px;font-size:1.2rem;font-weight:780;display:flex}.mobile-brand-icon{border-radius:9px;flex:none;width:32px;height:32px;display:block}.mobile-brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.desktop-nav{gap:5px;margin-top:30px;display:grid}.nav-item,.mobile-nav-item{color:var(--muted);background:0 0;border:0}.nav-item{text-align:left;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:46px;padding:11px 12px;display:flex}.nav-item:hover,.nav-item.is-active{color:var(--text);background:var(--raised)}.nav-item.is-active{box-shadow:inset 3px 0 0 var(--accent)}.sidebar-footer{color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:.8rem;display:flex}.main-content{min-width:0}.topbar{z-index:3;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 93%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:12px 20px;display:flex;position:sticky;top:0}.account-menu{position:relative}.account-menu summary{border:1px solid var(--line);min-height:43px;color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:4px 7px 4px 4px;list-style:none;display:flex}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:focus-visible{outline:3px solid var(--warning);outline-offset:3px}.account-avatar{width:33px;height:33px;color:var(--accent-ink);background:var(--accent);border-radius:9px;place-items:center;font-size:.86rem;font-weight:800;display:grid}.account-summary{gap:1px;min-width:0;font-size:.78rem;line-height:1.1;display:grid}.account-summary small{max-width:124px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.account-popover{z-index:7;border:1px solid var(--line);background:var(--surface);width:min(270px,100vw - 32px);box-shadow:var(--shadow);border-radius:14px;gap:13px;padding:16px;display:grid;position:absolute;top:calc(100% + 9px);right:0}.account-popover p{gap:3px;margin:0;display:grid}.account-popover p span{color:var(--muted);font-size:.8rem}.workspace-switcher{color:var(--muted);gap:6px;font-size:.8rem;font-weight:700;display:grid}.workspace-switcher select{border:1px solid var(--line);min-height:40px;color:var(--text);background:var(--canvas);border-radius:8px;padding:7px}.topbar-status,.single-location{color:var(--muted);font-size:.86rem}.location-selector,.date-filter{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:4px;font-size:.7rem;font-weight:750;display:grid}.location-selector select,.date-filter select,.date-filter input{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--surface);letter-spacing:0;text-transform:none;border-radius:9px;padding:0 10px;font-size:.9rem;font-weight:650}.location-selector select{min-width:min(44vw,220px)}.theme-toggle,.secondary-button,.text-button,.back-link{border:1px solid var(--line);color:var(--text);background:var(--surface)}.theme-toggle{border-radius:9px;flex:none;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.content-frame{width:min(1240px,100%);margin:0 auto;padding:34px 20px 108px}.hero-copy{max-width:760px;margin-bottom:28px}.hero-copy.is-compact{margin-bottom:20px}.eyebrow,.card-kicker{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px;font-size:.73rem;font-weight:800}.card-kicker{color:var(--muted);font-size:.67rem}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;max-width:15ch;margin-bottom:15px;font-size:clamp(2.15rem,8vw,4.5rem);line-height:.98}.hero-copy.is-compact h1{max-width:24ch;font-size:clamp(1.8rem,5vw,2.65rem);line-height:1.04}h2{letter-spacing:-.03em;margin-bottom:7px;font-size:1.08rem}.hero-copy>p:last-child,.camera-card p,.state-panel p,.deferred-card p,.settings-list p,.health-card p,.timeline-caption,.video-placeholder p{color:var(--muted);line-height:1.55}.state-panel{border:1px solid var(--line);text-align:center;background:var(--surface);min-height:210px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;margin:22px 0;padding:28px;display:flex}.state-panel p{max-width:42ch;margin-bottom:18px}.state-icon{width:42px;height:42px;color:var(--accent);background:var(--raised);border-radius:12px;place-items:center;margin-bottom:14px;font-size:1.35rem;font-weight:800;display:grid}.error-state .state-icon{color:var(--danger)}.loading-state{color:var(--muted);gap:12px;font-size:.9rem}.skeleton-line{background:linear-gradient(100deg, var(--raised), var(--raised-strong), var(--raised));border-radius:999px;width:min(280px,70%);height:13px}.skeleton-line.short{width:min(150px,45%)}.primary-button,.secondary-button,.text-button,.back-link{border-radius:9px;min-height:40px;padding:0 12px;font-weight:750}.primary-button{min-width:118px;color:var(--accent-ink);background:var(--accent);border:0}.primary-button:hover{filter:brightness(1.06)}.secondary-button{color:var(--text);background:var(--raised)}.text-button,.back-link{min-height:auto;color:var(--accent);background:0 0;border-color:#0000;padding:4px 0}.back-link{margin-bottom:17px;font-size:.9rem}.camera-grid{grid-template-columns:1fr;gap:18px;display:grid}.camera-card,.timeline-panel,.health-card,.settings-list article,.deferred-card,.event-detail-info{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.camera-card-body{padding:17px}.camera-preview-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.camera-preview-button:not(:disabled){cursor:pointer}.camera-preview-button:focus-visible{outline:3px solid var(--warning);outline-offset:-3px}.camera-preview-button:disabled{cursor:not-allowed}.camera-preview-action{z-index:2;color:#f8fcfa;background:#030e0ac7;border-radius:8px;padding:6px 9px;font-size:.74rem;font-weight:800;position:absolute;bottom:12px;right:12px}.camera-preview-button:disabled .camera-preview-action{opacity:.72}.camera-preview-note{color:var(--muted);margin:11px 0 0;font-size:.8rem;font-weight:650}.camera-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.camera-card-heading h2{font-size:1.2rem}.connection-badge,.phase-chip,.protected-status,.important-badge,.tag-badge{border-radius:999px;align-items:center;gap:5px;width:fit-content;font-size:.71rem;font-weight:750;display:inline-flex}.connection-badge{color:var(--muted);background:var(--raised);flex:none;padding:6px 8px}.connection-badge span{color:var(--accent);font-size:.64rem}.connection-badge.error span{color:var(--danger)}.camera-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0;display:grid}.camera-stats div{min-width:0}.camera-stats dt,.detail-list dt{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.69rem;font-weight:750}.camera-stats dd,.detail-list dd{overflow-wrap:anywhere;color:var(--text);margin:0;font-size:.83rem;font-weight:690;line-height:1.35}.event-thumbnail,.camera-empty-thumbnail{color:#f8fcfa;background:#29463d;border:0;align-items:flex-end;min-height:170px;display:flex;position:relative;overflow:hidden}.event-thumbnail{object-fit:cover;width:100%}.event-thumbnail.is-compact{min-height:138px}.fixture-thumbnail{isolation:isolate;background:radial-gradient(circle at 74% 20%,#deefad 0 4%,#0000 4.6%),linear-gradient(150deg,#6c9d8c 0 32%,#355b4e 32% 54%,#19332d 54%);justify-content:flex-start}.fixture-thumbnail:after{z-index:-1;content:"";background:linear-gradient(#0000 25%,#040e0ba8);position:absolute;inset:0}.fixture-glow{aspect-ratio:1;background:#f4dda2;border-radius:50%;width:13%;position:absolute;top:23%;right:15%;box-shadow:0 0 28px #f4dda2}.fixture-building{background:linear-gradient(90deg,#10241d99 0 33%,#0000 33% 38%,#10241d99 38%);border:2px solid #f3f8ee6b;border-bottom:0;width:38%;height:41%;position:absolute;bottom:-2px;right:8%}.thumbnail-label{z-index:1;background:#04100ca8;border-radius:6px;margin:13px;padding:5px 8px;font-size:.72rem;font-weight:750}.generated-thumbnail,.camera-empty-thumbnail{color:#e1ece6;text-align:center;background:linear-gradient(145deg,#62a6892e,#0000),repeating-linear-gradient(135deg,#203831 0 10px,#1b302a 10px 20px);justify-content:center;align-items:center;gap:9px;padding:16px;font-size:.8rem;font-weight:700}.thumbnail-camera{width:34px;height:34px;color:var(--accent);border:1px solid #eaf6f070;border-radius:50%;place-items:center;display:grid}.gallery-toolbar,.timeline-controls{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:end;gap:13px;margin:0 0 22px;padding:14px;display:flex}.timeline-day-controls,.timeline-zoom-controls{align-items:center;gap:7px;min-width:0;display:flex}.timeline-day-controls .secondary-button,.timeline-zoom-controls .secondary-button{min-height:38px;padding:0 9px}.timeline-day-controls input{min-width:0}.timeline-zoom-controls>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:750}.timeline-zoom-level{min-width:2.2em;color:var(--text);text-align:center;font-size:.84rem}.time-range-filter{border:0;flex-wrap:wrap;align-items:end;gap:9px;min-width:0;margin:0;padding:0;display:flex}.date-filter .time-input{min-width:104px}.filter-error,.playback-error{color:var(--danger);margin:0;font-size:.78rem;font-weight:650;line-height:1.45}.recording-count{color:var(--muted);margin-left:auto;font-size:.82rem;font-weight:650}.event-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.event-card,.event-card-action{min-width:0}.event-card{position:relative}.event-card-action{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:var(--surface);border-radius:14px;padding:0;display:block;overflow:hidden;box-shadow:0 10px 26px #00000017}.event-card-action:hover{border-color:var(--accent);transform:translateY(-1px)}.important-toggle{z-index:1;border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:50%;place-items:center;font-size:1.35rem;line-height:1;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 4px 12px #0000001f}.important-toggle:hover:not(:disabled){color:var(--important);border-color:var(--important)}.important-toggle.is-important{color:var(--important);border-color:color-mix(in srgb, var(--important) 55%, var(--line));background:color-mix(in srgb, var(--important) 14%, var(--surface))}.important-toggle:disabled{cursor:wait;opacity:.72}.important-toggle.is-inline{flex:0 0 42px;width:42px;height:42px;position:relative;inset:auto}.important-toggle.is-inline+.important-toggle-error{align-self:center;max-width:19rem;position:static}.important-toggle-error{z-index:2;max-width:calc(100% - 18px);color:var(--danger);background:var(--surface);border-radius:8px;padding:5px 7px;font-size:.72rem;font-weight:650;position:absolute;top:56px;right:9px;box-shadow:0 4px 12px #0000001f}.event-card-content{gap:8px;padding:12px;display:grid}.event-card-content>strong{font-size:.91rem}.event-media-labels,.event-badges,.detail-tags{flex-wrap:wrap;gap:5px;display:flex}.event-media-labels{color:var(--muted);font-size:.7rem;font-weight:680}.important-badge{color:var(--important);background:color-mix(in srgb, var(--important) 12%, transparent);padding:4px 6px}.tag-badge{color:var(--accent);background:var(--raised);padding:4px 6px}.important-event-wrap{min-width:0}.protected-status{color:var(--warning);background:color-mix(in srgb, var(--warning) 13%, transparent);margin-top:7px;padding:5px 7px}.event-detail-layout,.settings-layout{gap:18px;display:grid}.event-detail-media{gap:14px;display:grid}.event-detail-media .event-thumbnail{min-height:260px;box-shadow:var(--shadow);border-radius:18px}.event-detail-info{padding:20px}.detail-list{gap:15px;margin:0;display:grid}.detail-list>div{gap:2px;display:grid}.compact-detail-list{margin:20px 0}.video-placeholder{border:1px dashed var(--line);text-align:center;background:var(--raised);border-radius:15px;place-items:center;min-height:155px;padding:22px;display:grid}.video-placeholder>span{width:34px;height:34px;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;display:grid}.video-placeholder p{max-width:38ch;margin:7px 0 0;font-size:.82rem}.playback-panel{gap:13px;display:grid}.event-navigation,.playback-controls,.timeline-selection{border:1px solid var(--line);background:var(--surface);border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;padding:11px;display:flex}.event-navigation{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.event-navigation-summary{grid-column:1/-1}.event-navigation>span,.timeline-selection>span,.playback-status{color:var(--muted);font-size:.78rem;font-weight:650}.video-player{gap:10px;display:grid}.video-player-actions{justify-items:start;gap:10px;display:grid}.player-toggle,.player-capture{justify-self:start}.capture-status{color:var(--accent);margin:0;font-size:.82rem;font-weight:650}.source-dimensions{color:var(--muted);margin:0;font-size:.78rem;font-weight:650}.video-frame{aspect-ratio:16/9;border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#78dbb724,#0000),#09100e;border-radius:17px;position:relative;overflow:hidden}.video-frame video{background:#08100d;width:100%;height:100%;display:block}.securecam-media-preload{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:0;left:-2px}.playback-media-shell{min-width:0;position:relative}.playback-media-shell>.video-frame,.playback-media-shell>.video-player>.video-frame{min-height:0}.playback-media-shell>.video-frame{width:100%}.playback-media-overlay{z-index:2;aspect-ratio:16/9;border:1px solid var(--line);color:var(--text);text-align:center;background:#09100deb;border-radius:17px;align-content:center;place-items:center;gap:7px;padding:22px;display:grid;position:absolute;top:0;left:0;right:0}.playback-media-overlay>span{width:34px;height:34px;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;display:grid}.playback-media-overlay p{max-width:38ch;color:var(--muted);margin:0;font-size:.82rem}.playback-error-overlay>span{color:var(--surface);background:var(--danger)}.video-buffering{color:#eff9f4;background:#030c08ba;border-radius:7px;padding:5px 8px;font-size:.74rem;font-weight:700;position:absolute;top:12px;left:12px}.playback-speed{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;gap:3px;font-size:.67rem;font-weight:750;display:grid}.playback-speed select{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--raised);letter-spacing:0;text-transform:none;border-radius:9px;padding:0 8px;font-size:.86rem;font-weight:700}.continuous-toggle{border:1px solid var(--line);min-height:40px;color:var(--text);background:var(--raised);border-radius:9px;padding:0 11px;font-weight:750}.continuous-toggle.is-active{border-color:var(--accent);color:var(--accent-ink);background:var(--accent)}.continuous-toggle:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45}.playback-error-state .secondary-button{margin-top:8px}.no-video-state{border-style:solid}.detail-tags{margin-top:20px}.event-notes{border-left:3px solid var(--accent);color:var(--muted);background:var(--raised);margin:18px 0 0;padding:12px;line-height:1.45}.timeline-panel{padding:17px 16px}.timeline-date{color:var(--muted);margin:0 0 12px;font-size:.88rem;font-weight:700}.timeline-preview{gap:15px;display:grid}.timeline-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:0 1px 9px;overflow:auto hidden}.timeline-zoom-surface{min-width:100%}.timeline-axis-labels,.timeline-track{position:relative}.timeline-axis-labels{height:20px;color:var(--subtle);font-size:.66rem;font-weight:700}.timeline-axis-labels span{white-space:nowrap;position:absolute;transform:translate(-50%)}.timeline-axis-labels span:first-child{transform:none}.timeline-axis-labels span:last-child{transform:translate(-100%)}.timeline-track{border-top:2px solid var(--line);background:linear-gradient(180deg, transparent 0 35%, color-mix(in srgb, var(--raised) 55%, transparent) 35% 37%, transparent 37%);height:80px}.timeline-guide{background:var(--line);width:1px;height:58px;position:absolute;top:-7px}.timeline-marker{border:3px solid var(--surface);background:var(--accent);width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 66%, var(--line));border-radius:6px;padding:0;position:absolute;top:22px;transform:translate(-50%)}.timeline-marker.is-image{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 1px var(--accent)}.timeline-marker.is-important{background:var(--important);box-shadow:0 0 0 1px color-mix(in srgb, var(--important) 66%, var(--line))}.timeline-marker.is-selected{outline:3px solid var(--warning);outline-offset:2px;border-radius:8px;width:26px;height:26px}.timeline-event-preview{border:1px solid var(--line);background:var(--raised);border-radius:13px;grid-template-columns:minmax(112px,.65fr) minmax(0,1fr);align-items:center;gap:12px;min-block-size:156px;padding:11px;display:grid}.timeline-preview-media-shell{width:100%;min-width:0;position:relative}.timeline-event-preview .event-thumbnail,.timeline-inline-thumbnail-button,.timeline-preview-media-shell .video-frame,.timeline-inline-media-state{aspect-ratio:16/9;border-radius:9px;width:100%}.timeline-inline-thumbnail-button{touch-action:manipulation;background:0 0;border:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.timeline-inline-thumbnail-button .event-thumbnail{display:block}.timeline-inline-thumbnail-action{z-index:3;color:#f6fbf8;background:#04100cc7;border:1px solid #ebf7f070;border-radius:999px;padding:7px 9px;font-size:.72rem;font-weight:750;line-height:1;position:absolute;bottom:8px;right:8px;box-shadow:0 5px 18px #0000003d}.timeline-preview-media-shell .video-player{display:block}.timeline-preview-media-shell .video-frame{box-shadow:none;border-radius:9px}.timeline-preview-media-shell .video-frame video{touch-action:manipulation}.timeline-inline-video-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:8px;display:flex}.timeline-inline-video-actions>button{flex:0 0 40px;place-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:grid}.timeline-inline-video-actions .timeline-inline-continue{flex:1 0 100%;width:100%;min-width:0;height:auto;padding:0 11px}.timeline-inline-control-icon{width:18px;height:18px;display:block}.timeline-event-preview-actions .timeline-previous-recording,.timeline-event-preview-actions .timeline-next-recording{white-space:nowrap}.timeline-inline-playback-error{z-index:4;color:var(--text);text-align:center;background:#09100deb;border-radius:9px;align-content:center;place-items:center;gap:7px;padding:12px;font-size:.74rem;display:grid;position:absolute;inset:0}.timeline-inline-media-state{border:1px solid var(--line);color:var(--muted);background:linear-gradient(145deg, #78dbb71c, transparent), var(--surface);text-align:center;align-content:center;place-items:center;gap:7px;padding:14px;font-size:.76rem;display:grid}.timeline-inline-media-state.is-error{color:var(--text);background:#3a1918e0}.timeline-expanded-backdrop{z-index:50;background:#020806d6;position:fixed;inset:0}.timeline-preview-media-shell.is-expanded{z-index:51;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);aspect-ratio:auto;width:auto;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#040c09f7;grid-template-rows:auto minmax(0,1fr);align-content:center;place-items:center;gap:14px;display:grid;position:fixed}.timeline-preview-media-shell.is-expanded>.video-player,.timeline-preview-media-shell.is-expanded>.timeline-inline-media-state{width:min(100%,1100px);max-height:calc(100dvh - 130px)}.timeline-preview-media-shell.is-expanded .video-frame,.timeline-preview-media-shell.is-expanded .timeline-inline-media-state{border-radius:14px;max-height:calc(100dvh - 130px)}.timeline-expanded-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,1100px);display:grid}.timeline-expanded-actions>button:first-child{grid-column:1/-1}.timeline-preview-empty-media{aspect-ratio:16/9;border:1px dashed var(--line);width:100%;color:var(--accent);background:linear-gradient(145deg, #78dbb71c, transparent), var(--surface);border-radius:9px;place-items:center;font-size:1.3rem;display:grid}.timeline-event-preview-copy{gap:4px;min-width:0;display:grid}.timeline-preview-event-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-preview-event-heading .eyebrow{min-width:0}.timeline-event-preview-copy .eyebrow{margin:0}.timeline-event-preview-copy strong,.timeline-event-preview-copy span{overflow-wrap:anywhere}.timeline-event-preview-copy span{color:var(--muted);font-size:.78rem;font-weight:650}.timeline-event-preview-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.timeline-event-preview-actions>button{width:100%;min-width:0}.timeline-event-preview-actions .timeline-open-event,.timeline-event-preview-actions .timeline-clear-selection{grid-column:1/-1}.timeline-event-preview-actions .timeline-clear-selection{text-align:center}.timeline-playback-status{color:var(--accent)!important}.timeline-axis-zoom-controls{justify-content:center;width:fit-content;margin:-4px auto 0}.timeline-status-header{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-bottom:12px;display:flex}.timeline-heading{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.7rem;font-weight:750;line-height:1.2}.timeline-status-header .live-refresh-control{flex:0 auto;margin:0}.live-refresh-control{min-height:28px;color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin:-8px 0 10px;font-size:.76rem;display:flex}.live-status{align-items:center;gap:4px;font-weight:700;display:inline-flex}.live-status.is-live>span{color:var(--accent)}.live-status.is-reconnecting>span{color:var(--warning)}.live-status.is-offline>span,.live-refresh-error{color:var(--danger)}.live-refresh-button{min-height:30px;padding:4px 7px}.live-refresh-error{text-align:right;flex-basis:100%}.deferred-grid,.settings-list{grid-template-columns:1fr;gap:13px;display:grid}.deferred-card,.settings-list article,.health-card{padding:18px}.phase-chip{color:var(--accent);background:var(--raised);margin-bottom:15px;padding:5px 8px}.deferred-card p,.settings-list p{margin-bottom:0;font-size:.85rem}.health-card h2{font-size:1.2rem}.security-card{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:10px;margin-top:18px;padding:20px;display:grid}.storage-settings-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-top:1.25rem;padding:1.25rem}.storage-heading,.storage-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.storage-heading h2{margin:0}.storage-controls{gap:.9rem;margin-top:1rem;display:grid}.storage-actions{flex-wrap:wrap;justify-content:flex-start}.storage-message,.settings-note{color:var(--muted)}.evidence-actions,.ignored-folder-settings{border-top:1px solid var(--line);gap:.65rem;margin-top:1.15rem;padding-top:1rem;display:grid}.evidence-actions .secondary-button{justify-self:start}.evidence-metadata{margin-top:.2rem}.ignored-folder-settings h3{margin:0;font-size:1rem}.ignored-folder-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.ignored-folder-list li,.ignored-folder-add{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ignored-folder-add{flex-wrap:wrap;align-items:end}.danger-button{color:var(--danger,#d85b63)}@media (width<=640px){.storage-heading,.storage-actions{flex-direction:column;align-items:flex-start}}.security-card h2,.security-card>p{margin:0}.security-card>p:not(.eyebrow){color:var(--muted)}.security-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.health-card .status-dot{margin-right:6px;display:inline-block}.status-dot{background:var(--warning);border-radius:50%;width:8px;height:8px}.status-dot.available{background:var(--accent)}.mobile-nav{z-index:4;padding:7px max(8px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:fixed;bottom:0;left:0;right:0}.mobile-nav-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.mobile-nav-item{border-radius:9px;place-items:center;gap:3px;min-height:52px;font-size:.64rem;display:grid}.mobile-nav-item>span:first-child{font-size:1.05rem}.mobile-nav-item.is-active{color:var(--accent);background:var(--raised)}.account-settings-card{gap:12px;margin-top:20px;display:grid}.account-settings-card label{color:var(--text-muted);gap:6px;font-size:.86rem;display:grid}.account-settings-card input,.account-settings-card select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:42px;color:var(--text);border-radius:9px;padding:8px 10px}.account-settings-card .toggle-control{min-height:44px;color:var(--text);align-items:center;gap:9px;display:flex}.account-settings-card .toggle-control input{width:20px;min-height:20px}.account-settings-card details{gap:10px;padding:12px 0;display:grid}.account-settings-card summary{cursor:pointer;color:var(--text)}.form-error{color:var(--danger)}.section-heading-row{justify-content:space-between;align-items:end;gap:12px;display:flex}.section-heading-row h3,.email-recipient-form h3{margin:0;font-size:1rem}.email-recipient-list{gap:10px;display:grid}.email-recipient-row,.email-recipient-form{border:1px solid var(--line);background:var(--raised);border-radius:12px;gap:9px;padding:12px;display:grid}.email-recipient-row>div>p{color:var(--muted);margin:2px 0 0;font-size:.88rem}.email-recipient-row .toggle-control{justify-content:flex-start}.text-button.danger{color:var(--danger)}@media (width<=439px){.topbar{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;padding-left:12px;padding-right:12px;display:grid}.mobile-brand{gap:0}.mobile-brand-name{display:none}.location-selector{min-width:0}.location-selector select{width:100%;min-width:0}.theme-toggle{justify-content:center;width:40px;padding:0;font-size:0}.theme-toggle span{font-size:1rem}.account-menu summary{padding:3px}.account-summary{display:none}.gallery-toolbar,.timeline-controls{align-items:stretch}.timeline-day-controls{grid-template-columns:auto minmax(0,1fr) auto;width:100%;display:grid}.timeline-day-controls input,.timeline-zoom-controls{width:100%}.timeline-axis-zoom-controls{min-height:44px}.timeline-axis-zoom-controls .secondary-button{min-width:44px;min-height:44px}.timeline-inline-video-actions>button:not(.timeline-inline-continue){flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}.time-range-filter{width:100%}.time-range-filter .date-filter{flex:108px}.time-range-filter .time-input{width:100%}.event-navigation,.playback-controls,.timeline-selection{align-items:stretch}.event-navigation .secondary-button,.playback-controls .secondary-button,.continuous-toggle,.timeline-selection .primary-button{flex:130px}.event-navigation>span,.timeline-selection>span{width:100%}.event-navigation .secondary-button{min-width:0}.video-player-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.video-player-actions .secondary-button{width:100%;min-width:0}.timeline-event-preview{grid-template-columns:112px minmax(0,1fr);min-block-size:0}.timeline-status-header{gap:8px;margin-top:-3px;margin-bottom:10px}.timeline-heading{font-size:.65rem}.timeline-status-header .live-refresh-control{gap:5px}.timeline-panel{padding:13px 12px}.timeline-preview{gap:11px}.timeline-event-preview{gap:9px;padding:9px}.timeline-event-preview-copy{gap:2px}.timeline-event-preview-actions{gap:7px}.timeline-event-preview-actions>button{min-width:0}.timeline-controls{margin-top:13px}}@media (width>=560px){.topbar{padding-left:34px;padding-right:34px}.content-frame{padding:54px 34px 50px}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.deferred-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(255px,.65fr);align-items:start}}@media (width>=560px) and (width<=639px){.mobile-brand{gap:0}.mobile-brand-name{display:none}}@media (width>=900px){.sidebar{display:flex}.main-content{margin-left:248px}.mobile-brand{display:none}.topbar{padding-left:42px;padding-right:42px}.content-frame{padding:58px 42px 64px}.mobile-nav{display:none}.event-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);align-items:start}.settings-list{grid-template-columns:repeat(2,minmax(0,1fr))}}