:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--color-canvas:#0a0c0f;--color-rail:#101318;--color-surface:#15191f;--color-surface-raised:#1b2027;--color-surface-active:#202a35;--color-theater:#050608;--color-text-primary:#f5f6f7;--color-text-secondary:#c2c8d0;--color-text-muted:#8f99a7;--color-border:#303741;--color-border-strong:#74808e;--color-accent:#0067d5;--color-accent-hover:#005cc0;--color-accent-active:#0051aa;--color-accent-border:#d8ebff;--color-sentry:#ff6670;--color-warning:#e1a74d;--color-warning-surface:#221b11;--color-focus:#8bc5ff;--font-display:clamp(2rem, 4vw, 3rem);--font-display-mobile:1.75rem;--font-heading:1.5rem;--font-body-large:1.125rem;--font-body:1rem;--font-small:.875rem;--font-label:.75rem;--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:216px;--event-list-width:336px;--event-thumbnail-width:88px;--event-card-min-height:96px;--theater-tile-min:120px;--theater-control-height:44px;--theater-switcher-height:44px;--theater-event-list-max:320px;--theater-representative-max:40dvb;--theater-mobile-expanded-min:60dvb;--app-header-height:56px;--transport-mobile-max:140px;--radius-control:6px;--radius-panel:8px;--control-min-size:44px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{background:var(--color-canvas);inline-size:100%;overflow-x:clip}body{background:var(--color-canvas);min-block-size:100dvb;inline-size:100%;min-inline-size:0;color:var(--color-text-primary);margin:0;overflow-x:clip}body,button,input,select{font:inherit}button,input,select{color:inherit}button{border:0}button:not(:disabled),select:not(:disabled),input:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button,input,select{min-block-size:var(--control-min-size)}h1,h2,p,dl,dd{margin:0}strong,h1,h2{font-weight:600}img,video{max-inline-size:100%;display:block}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;z-index:2;position:relative}.sidebar-label{color:var(--color-text-muted);font-size:var(--font-label);letter-spacing:.01em;font-weight:560;line-height:1.35}.text-keep{white-space:nowrap}.directory-input{display:none}.welcome-shell,.scan-shell{min-block-size:100dvb;padding:var(--space-16) max(var(--space-6), calc((100vw - 1180px) / 2));place-items:center;display:grid}.welcome-panel{gap:var(--space-8);justify-self:start;inline-size:min(100%,640px);display:grid}.welcome-brand{align-items:baseline;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-4);display:flex}.welcome-brand strong{letter-spacing:-.015em;font-size:1rem}.welcome-brand span{color:var(--color-text-muted);font-size:var(--font-small)}.welcome-copy{gap:var(--space-4);display:grid}.welcome-copy h1{max-inline-size:15ch;font-size:var(--font-display);letter-spacing:-.03em;line-height:1.08}.welcome-copy p{max-inline-size:46rem;color:var(--color-text-secondary);font-size:var(--font-body-large);line-height:1.7}.primary-action{justify-content:center;justify-self:start;align-items:center;gap:var(--space-2);min-block-size:46px;min-inline-size:236px;padding:0 var(--space-5);border:1px solid var(--color-accent-border);border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-text-primary);font-weight:600;display:inline-flex}.primary-action:hover{background:var(--color-accent-hover)}.primary-action:active{background:var(--color-accent-active)}.welcome-outcome{border-block-start:1px solid var(--color-border);display:grid}.welcome-outcome>div{gap:var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--color-border);grid-template-columns:112px minmax(0,1fr);display:grid}.welcome-outcome dt{color:var(--color-text-muted);font-size:var(--font-small)}.welcome-outcome dd{color:var(--color-text-secondary);font-size:var(--font-small);line-height:1.6}.trust-statement{align-items:flex-start;gap:var(--space-3);color:var(--color-text-secondary);display:flex}.trust-statement svg{color:var(--color-text-muted);flex:none}.trust-statement div{gap:var(--space-1);display:grid}.trust-statement strong{color:var(--color-text-primary);font-size:var(--font-small)}.trust-statement p,.browser-guidance{color:var(--color-text-muted);font-size:var(--font-small);line-height:1.55}.scan-panel{align-items:flex-start;gap:var(--space-4);inline-size:min(100%,560px);display:flex}.scan-panel__icon{color:var(--color-accent-border);flex:none;animation:1.2s linear infinite scan-rotate}.scan-panel div{gap:var(--space-2);display:grid}.scan-panel h1{font-size:var(--font-heading);letter-spacing:-.02em}.scan-panel p{color:var(--color-text-secondary);line-height:1.6}.compatibility-status{inset-inline:var(--space-4);z-index:5;max-inline-size:680px;padding:var(--space-3) var(--space-4);border-inline-start:3px solid var(--color-warning);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-small);margin-inline:auto;line-height:1.55;position:fixed;inset-block-end:var(--space-4)}@keyframes scan-rotate{to{transform:rotate(1turn)}}.library-shell{background:var(--color-canvas);min-block-size:100dvb}.app-header{min-block-size:var(--app-header-height);justify-content:space-between;align-items:center;gap:var(--space-4);padding-inline:var(--space-5);border-block-end:1px solid var(--color-border);background:var(--color-rail);display:flex}.app-header__identity{align-items:baseline;gap:var(--space-3);min-inline-size:0;display:flex}.app-header__identity strong{letter-spacing:-.015em;flex:none}.app-header__source{color:var(--color-text-muted);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header__actions,.app-header__privacy,.quiet-action{align-items:center;display:flex}.app-header__actions{gap:var(--space-4);flex:none}.app-header__privacy{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-small)}.quiet-action{justify-content:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);color:var(--color-text-secondary);background:0 0}.quiet-action:hover{background:var(--color-surface-active);color:var(--color-text-primary)}.library-workspace{block-size:calc(100dvb - var(--app-header-height));grid-template-columns:var(--library-rail-width) var(--event-list-width) minmax(0, 1fr);display:grid;overflow:hidden}.library-sidebar{gap:var(--space-6);min-block-size:0;min-inline-size:0;padding:var(--space-5) var(--space-4);background:var(--color-rail);flex-direction:column;display:flex;overflow:auto}.library-source{gap:var(--space-1);border-block-end:1px solid var(--color-border);padding-block-end:var(--space-4);display:grid}.library-source strong{font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-source>span{color:var(--color-text-muted);font-size:var(--font-label)}.library-sidebar nav{gap:var(--space-2);display:grid}.category-list{display:grid}.category-action{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:44px;min-inline-size:0;padding-inline:var(--space-3);color:var(--color-text-secondary);text-align:start;background:0 0;border-inline-start:3px solid #0000;display:flex}.category-action:hover{background:var(--color-surface);color:var(--color-text-primary)}.category-action[data-active=true]{border-inline-start-color:var(--color-accent-border);background:var(--color-surface-active);color:var(--color-text-primary)}.category-action>span:last-child{color:var(--color-text-muted);font-size:var(--font-label);font-variant-numeric:tabular-nums}.sidebar-filters{gap:var(--space-4);display:grid}.filter-field{gap:var(--space-2);display:grid}.filter-field>span{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-label);display:flex}.filter-field input{inline-size:100%;min-inline-size:0;padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface)}.scan-warnings{gap:var(--space-2);border-block-start:1px solid var(--color-warning);color:var(--color-warning);margin-block-start:auto;padding-block-start:var(--space-4);display:flex}.scan-warnings svg{flex:none}.scan-warnings div{gap:var(--space-2);display:grid}.scan-warnings p:not(.sidebar-label){color:var(--color-text-secondary);font-size:var(--font-label);line-height:1.5}.event-list-panel{border-inline:1px solid var(--color-border);background:var(--color-surface);min-block-size:0;min-inline-size:0;overflow:hidden}.event-list-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:56px;padding-inline:var(--space-4);border-block-end:1px solid var(--color-border);display:flex}.event-list-panel__header h1{font-size:1rem}.event-list-panel__summary{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-small);display:flex}.event-list-disclosure{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:0 0;justify-content:center;align-items:center;inline-size:44px;display:none}.event-list-disclosure[aria-expanded=false] svg{transform:rotate(-90deg)}.event-list,.event-list-empty{block-size:calc(100% - 56px);overflow:auto}.event-list-empty{padding:var(--space-6) var(--space-4);color:var(--color-text-muted);font-size:var(--font-small)}.event-card{inline-size:100%;min-block-size:var(--event-card-min-height);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-inline-start:3px solid #0000;border-block-end:1px solid var(--color-border);color:var(--color-text-primary);text-align:start;background:0 0;display:flex}.event-card:hover{background:var(--color-surface-raised)}.event-card[data-selected=true]{border-inline-start-color:var(--color-accent-border);background:var(--color-surface-active)}.event-thumbnail{inline-size:var(--event-thumbnail-width);flex:0 0 var(--event-thumbnail-width);object-fit:cover;block-size:60px}.event-card__content{gap:var(--space-2);flex:1;min-inline-size:0;display:grid}.event-card__heading,.event-card__facts{align-items:center;gap:var(--space-2);display:flex}.event-card__heading{justify-content:space-between}.event-card__heading strong{font-size:var(--font-small);font-variant-numeric:tabular-nums}.event-card__facts{color:var(--color-text-muted);font-size:var(--font-label);flex-wrap:wrap}.event-card__facts>span+span:before{color:var(--color-border-strong);content:"·";margin-inline-end:var(--space-2)}.event-category{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-label);font-weight:560;display:inline-flex}.event-category--sentry{color:var(--color-sentry)}.event-card__warning{color:var(--color-warning);font-size:var(--font-label);line-height:1.45}.selection-placeholder{place-content:center;gap:var(--space-2);min-inline-size:0;padding:var(--space-8);background:var(--color-theater);text-align:center;display:grid}.selection-placeholder h1{font-size:var(--font-heading)}.selection-description{color:var(--color-text-muted);line-height:1.6}.theater{background:var(--color-theater);flex-direction:column;min-block-size:0;min-inline-size:0;display:flex;overflow:hidden}.theater-context{align-items:center;gap:var(--space-5);min-block-size:72px;padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:minmax(120px,.7fr) minmax(210px,1fr) auto;display:grid}.theater-context__source,.theater-context__event{gap:var(--space-1);min-inline-size:0;display:grid}.theater-context__source>span{color:var(--color-text-muted);font-size:var(--font-label)}.theater-context__source strong{font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theater-context__event{align-items:center;gap:var(--space-3);grid-template-columns:max-content max-content}.theater-context__event h2{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:1rem}.theater-context__facts{justify-content:flex-end;gap:var(--space-1) var(--space-3);max-inline-size:28rem;color:var(--color-text-muted);font-size:var(--font-label);flex-wrap:wrap;display:flex}.theater-context__warning{color:var(--color-warning);text-align:end;flex-basis:100%}.camera-switcher{min-block-size:var(--theater-switcher-height);border-block-end:1px solid var(--color-border);background:var(--color-rail);scrollbar-width:thin;flex:none;display:flex;overflow-x:auto}.camera-switcher button{min-block-size:44px;min-inline-size:84px;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--font-label);background:0 0;border-block-end:2px solid #0000;flex:1 0 auto}.camera-switcher button:hover{background:var(--color-surface);color:var(--color-text-primary)}.camera-switcher button[aria-pressed=true]{border-block-end-color:var(--color-accent-border);background:var(--color-surface-active);color:var(--color-text-primary)}.camera-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2, minmax(var(--theater-tile-min), 1fr));background:var(--color-border);flex:auto;gap:1px;min-block-size:0;min-inline-size:0;display:grid;overflow:hidden}.camera-grid[data-expanded=true]{grid-template-rows:1fr;grid-template-columns:1fr}.camera-grid[data-expanded=true] .camera-tile[data-expanded=false]{display:none}.camera-tile{min-inline-size:0;min-block-size:var(--theater-tile-min);border:1px solid var(--color-border-strong);background:var(--color-theater);color:var(--color-text-primary);border-radius:0;padding:0;position:relative;overflow:hidden}.camera-tile[data-active=true],.camera-tile[data-expanded=true]{border-color:var(--color-accent-border)}.camera-tile video{object-fit:cover;block-size:100%;inline-size:100%}.camera-tile__label{padding:var(--space-1) var(--space-2);background:var(--color-rail);color:var(--color-text-secondary);font-size:var(--font-label);position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2)}.camera-tile__state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-3) var(--space-3);background:var(--color-theater);color:var(--color-text-secondary);font-size:var(--font-small);text-align:center;display:flex;position:absolute;inset:48px 0 0}.camera-tile[data-status=corrupt] .camera-tile__state,.camera-tile[data-status=unsupported] .camera-tile__state,.camera-tile[data-status=unavailable] .camera-tile__state{color:var(--color-warning)}.camera-tile__loader{animation:1.2s linear infinite scan-rotate}.representative-video{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--color-warning);background:var(--color-warning-surface);flex:none;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);display:grid}.representative-video>div{align-content:start;gap:var(--space-1);display:grid}.representative-video span{color:var(--color-text-secondary);font-size:var(--font-label);line-height:1.45}.representative-video video{background:var(--color-theater);object-fit:contain;max-block-size:220px;inline-size:100%}.theater[data-representative=true] .camera-grid{flex:0 0 124px;grid-template-rows:1fr;grid-template-columns:repeat(6,minmax(0,1fr));min-block-size:104px;max-block-size:124px}.playback-controls{gap:var(--space-2) var(--space-4);min-block-size:108px;padding:var(--space-2) var(--space-4);border-block-start:1px solid var(--color-border);background:var(--color-rail);flex:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"timeline rate""primary primary""message message";display:grid}.playback-controls__primary{gap:var(--space-1);grid-area:primary;grid-template-columns:repeat(5,minmax(44px,1fr));display:grid}.playback-controls__primary button{min-inline-size:44px;min-block-size:var(--theater-control-height);justify-content:center;align-items:center;gap:var(--space-1);padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-label);display:inline-flex}.playback-controls__primary button:not(:disabled):hover{background:var(--color-surface-active);color:var(--color-text-primary)}.playback-controls__primary .playback-controls__play{border-color:var(--color-accent-border);background:var(--color-accent);color:var(--color-text-primary);font-weight:600}.playback-controls__timeline{align-items:center;gap:var(--space-2);min-inline-size:0;color:var(--color-text-muted);font-size:var(--font-label);font-variant-numeric:tabular-nums;grid-area:timeline;grid-template-columns:42px minmax(96px,1fr) 42px;display:grid}.playback-controls__range{align-items:center;min-inline-size:0;display:flex;position:relative}.playback-controls__range input{inline-size:100%;accent-color:var(--color-accent-border)}.detection-marker{background:var(--color-warning);pointer-events:none;block-size:18px;inline-size:3px;position:absolute;inset-block-start:50%;transform:translate(-1px,-50%)}.playback-controls__rate{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-label);grid-area:rate;display:flex}.playback-controls__rate select{min-inline-size:76px;padding-inline:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface)}.playback-message{color:var(--color-warning);font-size:var(--font-label);white-space:pre-line;grid-area:message;line-height:1.4}@media (width<=1024px){.library-shell{min-block-size:100dvb}.app-header{z-index:10;position:sticky;inset-block-start:0}.library-workspace{block-size:auto;display:block;overflow:visible}.library-sidebar{gap:var(--space-4) var(--space-6);padding:var(--space-4) var(--space-5);border-block-end:1px solid var(--color-border);grid-template-columns:minmax(160px,.75fr) minmax(0,1.25fr);display:grid;overflow:visible}.library-source{border-block-end:0;grid-column:1;padding-block-end:0}.library-sidebar nav{grid-area:1/2}.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}.category-action{border-block-end:2px solid #0000;border-inline-start:0;justify-content:center}.category-action[data-active=true]{border-block-end-color:var(--color-accent-border)}.sidebar-filters{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.scan-warnings{grid-column:1/-1;margin-block-start:0}.event-list-panel{border-inline:0;border-block-end:1px solid var(--color-border)}.event-list-disclosure{display:inline-flex}.event-list,.event-list-empty{block-size:auto;max-block-size:var(--theater-event-list-max)}.event-list-panel[data-collapsed=true] .event-list,.event-list-panel[data-collapsed=true] .event-list-empty{display:none}.selection-placeholder{min-block-size:calc(100dvb - var(--app-header-height))}.theater{min-block-size:calc(100dvb - var(--app-header-height));scroll-margin-block-start:var(--app-header-height);overflow:visible}.camera-grid{flex:1 0 55dvb;min-block-size:55dvb}.theater[data-representative=true] .camera-grid{flex-basis:124px;min-block-size:124px}}@media (width<=639px){.welcome-shell,.scan-shell{padding:var(--space-8) var(--space-5);place-items:start}.welcome-panel{gap:var(--space-6)}.welcome-brand{gap:var(--space-1);display:grid}.welcome-copy h1{font-size:var(--font-display-mobile);line-height:1.1}.welcome-copy p{font-size:1rem}.primary-action{white-space:nowrap;min-block-size:46px;max-block-size:48px;inline-size:100%;min-inline-size:0}.welcome-outcome>div{gap:var(--space-1);grid-template-columns:1fr}.app-header{min-block-size:92px;padding:var(--space-2) var(--space-3);flex-wrap:wrap}.app-header__identity{justify-content:space-between;inline-size:100%}.app-header__actions{justify-content:flex-end;inline-size:100%}.app-header__privacy{margin-inline-end:auto}.quiet-action{min-block-size:44px;padding-inline:var(--space-3);font-size:var(--font-small)}.library-sidebar{gap:var(--space-4);padding:var(--space-4) var(--space-3);grid-template-columns:1fr;display:grid}.library-source,.library-sidebar nav,.sidebar-filters,.scan-warnings{grid-column:1}.library-sidebar nav{grid-row:auto}.category-list{grid-template-columns:repeat(4,minmax(0,1fr))}.category-action{min-inline-size:0;padding-inline:var(--space-1);font-size:var(--font-label);flex-direction:column;gap:0;line-height:1.2}.sidebar-filters{grid-template-columns:1fr}.event-list-panel__header,.event-card{padding-inline:var(--space-3)}.event-thumbnail{flex-basis:76px;block-size:54px;inline-size:76px}.event-card__heading{align-items:flex-start}.selection-placeholder{min-block-size:calc(100dvb - 92px)}.theater{min-block-size:calc(100dvb - 92px);scroll-margin-block-start:92px}.theater-context{gap:var(--space-2) var(--space-3);min-block-size:112px;padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.theater-context__source{align-items:baseline;gap:var(--space-2);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr)}.theater-context__event{gap:var(--space-1);grid-template-columns:1fr}.theater-context__facts{justify-content:flex-end;max-inline-size:142px}.theater-context__warning{text-align:end}.camera-switcher button{flex:none;min-inline-size:82px}.camera-grid,.camera-grid[data-expanded=true]{flex:0 0 46dvb;grid-template-rows:1fr;grid-template-columns:1fr;min-block-size:46dvb}.camera-grid .camera-tile:not([data-active=true]){display:none}.camera-tile{min-block-size:46dvb}.theater[data-representative=true] .camera-grid{flex-basis:132px;grid-template-columns:1fr;min-block-size:132px;max-block-size:132px}.representative-video{grid-template-columns:1fr}.representative-video video{max-block-size:var(--theater-representative-max)}.playback-controls{min-block-size:0;max-block-size:var(--transport-mobile-max);gap:var(--space-1) var(--space-2);padding:var(--space-1) var(--space-2);grid-template-areas:"timeline rate""primary primary""message message"}.playback-controls__primary button{padding-inline:var(--space-1);font-size:.6875rem}.playback-controls__timeline{gap:var(--space-1);grid-template-columns:34px minmax(86px,1fr) 34px}.playback-controls__rate{gap:var(--space-1)}.playback-controls__rate>span{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.playback-controls__rate select{min-inline-size:66px}}@media (width<=359px){.app-header__privacy,.event-category svg{display:none}.playback-controls__primary button{gap:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}@media (forced-colors:active){button,input,select,.event-list-panel,.camera-tile,.playback-controls{border-color:canvastext}.category-action[data-active=true],.event-card[data-selected=true],.camera-switcher button[aria-pressed=true],.camera-tile[data-active=true]{outline-offset:-3px;outline:3px solid highlight}.event-category--sentry,.event-card__warning,.theater-context__warning,.playback-message{color:canvastext;font-weight:700;text-decoration:underline}}