:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--color-canvas:#090b0d;--color-rail:#0e1114;--color-surface:#14181c;--color-surface-raised:#1b2025;--color-surface-active:#242a30;--color-text-primary:#f4f6f8;--color-text-secondary:#aeb6bf;--color-text-muted:#7f8994;--color-border:#2a3138;--color-border-strong:#687581;--color-accent:#3967d6;--color-accent-border:#5b8def;--color-accent-hover:#3c69d7;--color-accent-active:#315bc4;--color-sentry:#eb5757;--color-saved:#5b8def;--color-recent:#94a0ac;--color-success:#62bd8f;--color-warning:#e1ad5a;--color-error:#f07178;--color-focus-halo:#b9ccff;--font-display:clamp(2.25rem, 5vw, 4rem);--font-display-mobile:1.75rem;--font-heading:1.5rem;--font-body-large:1.125rem;--font-body:1rem;--font-small:.875rem;--font-label:.75rem;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--library-rail-width:224px;--event-list-width:320px;--event-thumbnail-width:88px;--event-card-min-height:104px;--theater-tile-min:120px;--theater-terminal-tile-min:80px;--theater-tablet-min:720px;--theater-mobile-tile-min:180px;--theater-mobile-tile-target:30dvb;--theater-event-list-max:320px;--theater-representative-max:40dvb;--theater-mobile-expanded-min:60dvb;--radius-control:12px;--radius-panel:16px;--control-min-size:44px;--motion-fast:.16s cubic-bezier(.2, 0, 0, 1);background:var(--color-canvas);color:var(--color-text-primary);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Yu Gothic,sans-serif}*{box-sizing:border-box}body{background:var(--color-canvas);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.welcome-shell{isolation:isolate;min-height:100vh;padding:clamp(var(--space-4), 5vw, var(--space-16));background:var(--color-canvas);place-items:center;display:grid;position:relative;overflow:hidden}.welcome-shell:before,.welcome-shell:after{z-index:-1;background:var(--color-border);content:"";block-size:1px;inline-size:min(82vw,1080px);position:absolute}.welcome-shell:before{inset-block-start:18%;inset-inline-start:-14%}.welcome-shell:after{inset-block-end:16%;inset-inline-end:-10%}.welcome-panel{align-items:flex-start;gap:var(--space-8);width:min(100%,720px);padding:clamp(var(--space-6), 6vw, var(--space-16));border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);flex-direction:column;display:flex}.eyebrow{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-label);letter-spacing:.08em;font-weight:600;display:inline-flex}.welcome-copy{gap:var(--space-4);display:grid}.welcome-copy h1,.welcome-copy p,.trust-statement p,.browser-guidance{margin:0}.welcome-copy h1{max-width:13ch;font-size:var(--font-display);letter-spacing:-.035em;line-break:strict;font-weight:560;line-height:1.05}.welcome-copy h1 span{white-space:nowrap;display:block}.welcome-copy p{max-width:56ch;color:var(--color-text-secondary);font-size:var(--font-body-large);letter-spacing:-.01em;line-height:1.65}.text-keep{white-space:nowrap}.primary-action{min-height:var(--control-min-size);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:1px solid var(--color-accent);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-body);transition:background-color var(--motion-fast), border-color var(--motion-fast);font-weight:560;line-height:1.25;display:inline-flex}.primary-action:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.primary-action:active{border-color:var(--color-accent-active);background:var(--color-accent-active)}.primary-action:focus-visible{outline:3px solid var(--color-focus-halo);outline-offset:3px}.trust-statement{gap:var(--space-3);border-block-start:1px solid var(--color-border);color:var(--color-success);grid-template-columns:auto minmax(0,1fr);align-items:start;padding-block-start:var(--space-6);display:grid}.trust-statement div{gap:var(--space-1);display:grid}.trust-statement strong{color:var(--color-text-primary);font-size:var(--font-body);font-weight:560;line-height:1.5}.trust-statement p{color:var(--color-text-secondary);font-size:var(--font-small);line-height:1.5}.browser-guidance{max-width:60ch;color:var(--color-text-muted);font-size:var(--font-small);line-break:strict;line-height:1.5}@media (width<=479px){.welcome-copy h1{font-size:var(--font-display-mobile)}.welcome-panel{gap:var(--space-6)}.primary-action{width:100%}}@media (width<=359px){.primary-action{gap:var(--space-2);padding-inline:var(--space-3);font-size:var(--font-small);white-space:nowrap}}.compatibility-status{z-index:2;inset-inline:var(--space-4);max-inline-size:60ch;padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);border-radius:var(--radius-control);background:var(--color-rail);color:var(--color-text-secondary);font-size:var(--font-small);margin:0 auto;line-height:1.5;position:fixed;inset-block-end:var(--space-4)}.directory-input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:fixed;overflow:hidden}.scan-shell{min-block-size:100dvb;padding:clamp(var(--space-4), 5vw, var(--space-16));place-items:center;display:grid}.scan-panel{gap:var(--space-5);width:min(100%,560px);padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);display:grid}.scan-panel__icon{color:var(--color-accent)}.scan-panel h1,.scan-panel p,.app-header strong,.event-list-panel h1,.selection-placeholder h1,.selection-placeholder p,.scan-warnings p{margin:0}.scan-panel h1,.event-list-panel h1,.selection-placeholder h1{font-size:var(--font-heading);letter-spacing:-.02em;font-weight:560;line-height:1.25}.scan-panel div{gap:var(--space-2);display:grid}.scan-panel div>p:last-child,.selection-placeholder>p:last-child{color:var(--color-text-secondary);font-size:var(--font-body);line-height:1.6}.library-shell{background:var(--color-canvas);grid-template-rows:auto minmax(0,1fr);min-block-size:100dvb;max-block-size:100dvb;display:grid}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-inline-size:0;padding:var(--space-3) var(--space-6);border-block-end:1px solid var(--color-border);background:var(--color-rail);display:flex}.app-header__identity,.app-header__actions,.app-header__privacy,.quiet-action,.event-category,.filter-field>span,.scan-warnings{align-items:center;display:inline-flex}.app-header__identity{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-inline-size:0}.app-header__identity strong{max-inline-size:min(44vw,480px);font-size:var(--font-body);text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.app-header__eyebrow,.sidebar-label{color:var(--color-text-muted);font-size:var(--font-label);letter-spacing:.08em;font-weight:600;line-height:1.35}.app-header__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.app-header__privacy{gap:var(--space-1);color:var(--color-success);font-size:var(--font-small)}.quiet-action{min-block-size:var(--control-min-size);gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-small);transition:background-color var(--motion-fast), border-color var(--motion-fast)}.quiet-action:hover,.quiet-action:active{border-color:var(--color-accent-border);background:var(--color-surface-active)}.quiet-action:focus-visible,.category-action:focus-visible,.event-card:focus-visible,.filter-field input:focus-visible{outline:3px solid var(--color-focus-halo);outline-offset:3px}.library-workspace{grid-template-columns:var(--library-rail-width) minmax(min(var(--event-list-width), 100%), var(--event-list-width)) minmax(0, 1fr);min-block-size:0;display:grid;overflow:hidden}.library-sidebar,.event-list-panel,.selection-placeholder{min-block-size:0;overflow:auto}.library-sidebar{gap:var(--space-8);padding:var(--space-6) var(--space-4);border-inline-end:1px solid var(--color-border);background:var(--color-rail);flex-direction:column;display:flex}.category-list,.sidebar-filters{gap:var(--space-2);margin-block-start:var(--space-3);display:grid}.category-action{min-block-size:var(--control-min-size);justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-small);text-align:start;transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);background:0 0;border:1px solid #0000;display:flex}.category-action:hover,.category-action[data-active=true]{border-color:var(--color-border-strong);background:var(--color-surface-active);color:var(--color-text-primary)}.filter-field{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-small);display:grid}.filter-field>span{gap:var(--space-1)}.filter-field input{inline-size:100%;min-block-size:var(--control-min-size);padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);font:inherit;transition:border-color var(--motion-fast), background-color var(--motion-fast)}.filter-field input:hover{border-color:var(--color-border-strong)}.filter-field input::placeholder{color:var(--color-text-muted)}.scan-warnings{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-warning);margin-block-start:auto}.scan-warnings div{gap:var(--space-1);display:grid}.scan-warnings div>p:last-child{color:var(--color-text-secondary);font-size:var(--font-small);line-height:1.5}.event-list-panel{border-inline-end:1px solid var(--color-border);background:var(--color-surface);grid-template-rows:auto minmax(0,1fr);display:grid}.event-list-panel__header{justify-content:space-between;align-items:end;gap:var(--space-3);padding:var(--space-6);border-block-end:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-small);display:flex}.event-list-panel__header>div:first-child{gap:var(--space-1);display:grid}.event-list-panel__summary{align-items:center;gap:var(--space-2);display:flex}.event-list-disclosure{min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size);padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--motion-fast), border-color var(--motion-fast);place-items:center;display:none}.event-list-disclosure:focus-visible,.camera-switcher button:focus-visible{outline:3px solid var(--color-focus-halo);outline-offset:3px}.event-list{align-content:start;gap:var(--space-2);padding:var(--space-3);display:grid;overflow:auto}.event-list-empty{margin:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text-secondary);font-size:var(--font-label);align-self:start;line-height:1.5}.event-list-empty span{white-space:nowrap}.selection-title__line{display:inline}.event-card{grid-template-columns:var(--event-thumbnail-width) minmax(0, 1fr);gap:var(--space-3);min-inline-size:0;min-block-size:var(--event-card-min-height);padding:var(--space-2);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;text-align:start;transition:background-color var(--motion-fast), border-color var(--motion-fast);content-visibility:auto;contain-intrinsic-size:var(--event-card-min-height);background:0 0;border:1px solid #0000;display:grid}.event-card:hover,.event-card[data-selected=true]{border-color:var(--color-border-strong);background:var(--color-surface-active)}.event-thumbnail{inline-size:var(--event-thumbnail-width);block-size:var(--event-thumbnail-width);border:1px solid var(--color-border);border-radius:var(--space-2);background:var(--color-surface-raised);color:var(--color-text-muted);object-fit:cover;place-items:center;display:grid}.event-card__content{align-content:center;gap:var(--space-1);min-inline-size:0;display:grid}.event-card__content strong{color:var(--color-text-primary);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;font-weight:560;overflow:hidden}.event-card__content>span:not(.event-category){color:var(--color-text-muted);font-size:var(--font-label);line-height:1.35}.event-category{gap:var(--space-1);font-size:var(--font-label);letter-spacing:.04em;font-weight:600}.event-category--sentry{color:var(--color-sentry)}.event-category--saved{color:var(--color-saved)}.event-category--recent{color:var(--color-recent)}.selection-placeholder{align-content:center;gap:var(--space-4);padding:clamp(var(--space-6), 6vw, var(--space-16));background:var(--color-canvas);display:grid}.selection-placeholder>p:last-child{max-inline-size:38ch}.selection-description span{display:block}.theater{background:var(--color-canvas);grid-template-rows:minmax(0,1fr) auto auto;min-block-size:0;display:grid;overflow:auto}.camera-switcher{display:none}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3, minmax(var(--theater-tile-min), 1fr));gap:var(--space-2);min-block-size:0;padding:var(--space-3);display:grid;position:relative}.camera-tile{min-inline-size:0;min-block-size:var(--theater-tile-min);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--motion-fast), background-color var(--motion-fast);padding:0;position:relative;overflow:hidden}.camera-tile:hover,.camera-tile:active,.camera-tile[data-expanded=true]{border-color:var(--color-accent-border);background:var(--color-surface-active)}.camera-tile:focus-visible,.playback-controls button:focus-visible,.playback-controls input:focus-visible{outline:3px solid var(--color-focus-halo);outline-offset:3px}.camera-tile[data-expanded=true]{z-index:2;grid-area:1/1/-1/-1}.camera-grid[data-expanded=true] .camera-tile:not([data-expanded=true]){visibility:hidden}.camera-tile video{background:var(--color-canvas);object-fit:contain;block-size:100%;inline-size:100%;display:block}.camera-tile__label,.camera-tile__state{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--space-2);background:var(--color-rail);font-size:var(--font-small);line-height:1.5;display:inline-flex;position:absolute}.camera-tile__label{font-weight:600;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.camera-tile__state{color:var(--color-warning);inset-block-end:var(--space-2);inset-inline-start:var(--space-2)}.camera-tile[data-status=unavailable] .camera-tile__state,.camera-tile[data-status=corrupt] .camera-tile__state,.camera-tile[data-status=unsupported] .camera-tile__state{color:var(--color-error)}.theater[data-representative=true] .camera-grid{grid-template-rows:repeat(3, minmax(var(--theater-terminal-tile-min), 1fr))}.theater[data-representative=true] .camera-tile{min-block-size:var(--theater-terminal-tile-min)}.theater[data-representative=true] .camera-tile__label,.theater[data-representative=true] .camera-tile__state{inset-block:50% auto;transform:translateY(-50%)}.theater[data-representative=true] .camera-tile__state{inset-inline-start:auto;inset-inline-end:var(--space-2)}.playback-controls{z-index:3;gap:var(--space-3);padding:var(--space-3);border-block-start:1px solid var(--color-border);background:var(--color-rail);display:grid;position:sticky;inset-block-end:0}.playback-controls__primary,.playback-controls__rate,.playback-controls__timeline{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.playback-controls button{min-inline-size:var(--control-min-size);min-block-size:var(--control-min-size);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-primary);cursor:pointer;display:inline-flex}.playback-controls button:hover,.playback-controls button:active,.playback-controls button[aria-pressed=true]{border-color:var(--color-accent-border);background:var(--color-surface-active)}.playback-controls button:disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.playback-controls__play{border-color:var(--color-accent);background:var(--color-accent)}.playback-controls__timeline>span{min-inline-size:4ch;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-small)}.playback-controls__range{max-inline-size:var(--theater-tablet-min);flex:1;position:relative}.playback-controls__range input{inline-size:100%;min-block-size:var(--control-min-size);accent-color:var(--color-accent);margin:0}.detection-marker{inline-size:var(--space-1);block-size:var(--space-5);background:var(--color-warning);pointer-events:none;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%)}.playback-message{color:var(--color-warning);font-size:var(--font-small);text-align:center;white-space:pre-line;margin:0}.representative-video{gap:var(--space-3);margin:0 var(--space-3) var(--space-3);padding:var(--space-3);border:1px solid var(--color-warning);border-radius:var(--radius-control);background:var(--color-surface);display:grid}.representative-video div{justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-small);flex-wrap:wrap;display:flex}.representative-video video{inline-size:100%;max-block-size:var(--theater-representative-max);background:var(--color-canvas)}@media (width<=1024px){.library-workspace{flex-direction:column;display:flex;overflow:auto}.library-sidebar{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);border-inline-end:0;flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:start;display:grid;overflow:visible}.category-list{flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.sidebar-filters{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;margin-block-start:0}.scan-warnings{grid-column:1/-1;margin-block-start:0}.selection-placeholder{padding:var(--space-6) var(--space-4);border-block-start:1px solid var(--color-border);flex:none;align-content:start;display:grid}.theater{min-block-size:var(--theater-tablet-min);flex:none;padding-block-end:calc(var(--space-20) * 2)}.playback-controls{position:fixed;inset-block-end:0;inset-inline:0}.event-list-panel{max-block-size:var(--theater-event-list-max);flex:none}.event-list-disclosure{display:grid}.event-list-panel[data-collapsed=true] .event-list,.event-list-panel[data-collapsed=true] .event-list-empty{display:none}.event-list-panel[data-collapsed=true] .event-list-disclosure svg{transform:rotate(-90deg)}}@media (width<=639px){.library-shell{max-block-size:none}.app-header{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:flex-start}.app-header__actions{justify-content:flex-start}.library-workspace{flex-direction:column;min-block-size:auto;display:flex;overflow:visible}.library-sidebar,.event-list-panel{overflow:visible}.library-sidebar{gap:var(--space-4);padding:var(--space-3) var(--space-4);display:flex}.category-list{flex-wrap:wrap;overflow:visible}.category-action{flex:auto}.sidebar-filters{grid-template-columns:minmax(0,1fr)}.scan-warnings{padding:var(--space-2);margin-block-start:var(--space-2)}.event-list-panel__header{padding:var(--space-4)}.event-list{padding:var(--space-2)}.selection-title__line{display:block}.theater{min-block-size:auto}.camera-switcher{gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;scrollbar-color:var(--color-border-strong) transparent;display:flex;overflow-x:auto}.camera-switcher button{min-block-size:var(--control-min-size);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);flex:none}.camera-switcher button[aria-pressed=true]{border-color:var(--color-accent-border);background:var(--color-surface-active);color:var(--color-text-primary)}.camera-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--theater-mobile-tile-min), var(--theater-mobile-tile-target))}.camera-tile:not([data-active=true]){display:none}.camera-tile[data-expanded=true]{min-block-size:var(--theater-mobile-expanded-min);grid-area:1/1/-1;display:block}.playback-controls__primary{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.theater{padding-block-end:calc(var(--space-20) * 4)}.playback-controls__play{grid-area:1/1/auto/-1}.playback-controls__rate{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.primary-action,.quiet-action,.category-action,.event-card,.filter-field input,.camera-tile,.camera-switcher button,.event-list-disclosure,.playback-controls button,.playback-controls input{transition-duration:0s}}