@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(./manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(./manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(./manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(./manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(./manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(./manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f7f6;font-family:DM Sans,sans-serif}:root:has(.app-shell.theme-dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101113}body:has(.app-shell.theme-dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101113}*{box-sizing:border-box}body{background:#f7f7f6;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #e82127}::selection{color:#fff;background:#e82127}#root{min-height:100vh}.app-shell{--line:#e7e7e5;--muted:#777b80;--accent:#e82127;background:#f7f7f6;height:100dvh;display:flex;overflow:hidden}.visually-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:none;width:320px;min-height:0;padding:21px 16px 12px;display:flex}.brand{white-space:nowrap;align-items:center;gap:7px;margin-bottom:20px;padding:0 7px;display:flex}.brand img{object-fit:contain;border-radius:50%;flex:none;width:16px;height:16px;display:block}.brand strong{color:#202124;font:700 20px/1.2 Manrope,sans-serif}.brand span{color:#888b8f;font:500 12px Manrope,sans-serif}.source-box{border-bottom:1px solid var(--line);align-items:center;gap:11px;min-width:0;padding:0 6px 17px;display:flex}.source-icon{color:#72767b;flex:none;display:flex}.source-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.source-copy span,.sidebar-heading{color:#898d92;letter-spacing:.5px;font:700 10px/1.4 Manrope,sans-serif}.source-copy strong{color:#34363a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.source-dot{background:#c9cbcd;border-radius:50%;flex:none;width:6px;height:6px}.source-dot.connected{background:#557b64}.open-button,.welcome-button{color:#fff;background:#202124;border:1px solid #202124;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:40px;font-size:12px;font-weight:700;transition:background .15s;display:flex}.open-button{width:100%;margin:12px 0 20px}.open-button:hover,.welcome-button:hover{background:#43464a}.sidebar-heading{justify-content:space-between;align-items:center;margin-bottom:13px;padding:0 8px;display:flex}.sidebar-heading>span:last-child{font-size:11px}.category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.category-button{color:#65696e;text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;width:100%;min-height:36px;padding:0 7px;font-size:11px;display:flex}.category-button>span{align-items:center;gap:7px;min-width:0;display:flex}.category-button svg{flex:none;width:15px;height:15px}.category-button small{color:#a4a7ab;font-size:11px}.category-button:hover{color:#202124;background:#f7f7f6}.category-button.active{color:#202124;background:#f2f2f1;font-weight:700}.category-button.active small{color:#55595e}.date-heading{margin:19px 0 8px}.date-heading button{color:#7e8286;background:0 0;border:0;padding:0;display:flex}.date-filter{color:#777b80;border:1px solid #dcddde;border-radius:4px;align-items:center;gap:8px;height:39px;margin:0 4px;padding:0 10px;display:flex}.date-filter input{color:#34363a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:0 0;border:none;width:100%;min-width:0;font-size:12px}.date-filter input:focus{outline:none}.main-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:69px;padding:9px 28px;display:flex}.topbar-info{min-width:0}.explorer-title{align-items:baseline;gap:14px;display:flex}.explorer-title span{color:#85898e;white-space:nowrap;font-size:11px}.title-line{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.topbar-info .eyebrow{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.topbar-info h1{margin:0;font:700 19px/1.25 Manrope,sans-serif}.topbar-meta{color:#75797e;flex-wrap:wrap;align-items:center;gap:5px 17px;margin-top:5px;font-size:11px;display:flex}.topbar-meta span{align-items:center;gap:5px;display:flex}.topbar-right{flex:none;align-items:center;gap:16px;display:flex}.language-switch{border:1px solid var(--line);border-radius:4px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.language-switch button{color:#777b80;background:0 0;border:0;border-radius:3px;width:26px;height:24px;padding:0;font-size:10px;font-weight:700}.language-switch button:hover{color:#202124}.language-switch button.active{color:#202124;background:#eaeae8}.layout-switch{border:1px solid var(--line);border-radius:4px;align-items:center;gap:2px;padding:3px;display:flex}.layout-switch button{color:#777b80;background:0 0;border:0;border-radius:3px;place-items:center;width:31px;height:29px;padding:0;display:grid}.layout-switch button:hover{color:#202124;background:#f2f2f1}.layout-switch button.active{color:#202124;background:#eaeae8}.setting-toggle{color:#5c6065;white-space:nowrap;cursor:pointer;align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.setting-toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{background:#d7d9da;border-radius:12px;flex:none;width:32px;height:19px;padding:3px;transition:background .18s}.switch-track:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .18s;display:block;box-shadow:0 1px 2px #0003}.setting-toggle input:checked+.switch-track{background:var(--accent)}.setting-toggle input:checked+.switch-track:after{transform:translate(13px)}.setting-toggle:focus-within .switch-track{outline:2px solid var(--accent);outline-offset:2px}.workspace{flex:1;min-height:0;display:flex}.recordings-section{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;margin-top:20px;display:flex}.panel-header{flex:none;justify-content:space-between;align-items:end;min-height:47px;padding:11px 8px 8px;display:flex}.panel-header h2{margin:0;font:700 14px Manrope,sans-serif}.view-all{color:#5f6368;white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:5px 0 5px 8px;font-size:11px;font-weight:600;display:inline-flex}.view-all:hover{color:var(--accent)}.eyebrow{color:#84888d;letter-spacing:.15px;font:600 11px Manrope,sans-serif}.result-count{color:#8b8f94;white-space:nowrap;font-size:11px}.event-scroll{scrollbar-color:#d5d6d8 transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.day-group{padding:0 8px 10px}.day-label{color:#777b80;text-transform:capitalize;justify-content:space-between;padding:21px 10px 8px;font:700 11px Manrope,sans-serif;display:flex}.day-label span:last-child{color:#a4a7ab}.event-row{color:#202124;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;width:100%;min-height:74px;padding:10px;display:flex}.event-row:hover{background:#f8f8f7}.event-row.selected{background:#f2f2f1;border-color:#e7e7e5}.event-type{background:#f4d3d4;border-radius:50%;flex:none;place-items:center;width:9px;height:9px;display:grid}.event-type span{background:var(--accent);border-radius:50%;width:5px;height:5px}.event-type.SavedClips{background:#dfe8ef}.event-type.SavedClips span{background:#6c8499}.event-type.RecentClips{background:#eeece5}.event-type.RecentClips span{background:#938b75}.event-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.event-details strong{font-variant-numeric:tabular-nums;font:700 13px Manrope,sans-serif}.event-details>span{color:#51555a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.event-details small{color:#91959a;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.event-chevron{color:#b1b4b7;flex:none}.selected .event-chevron{color:#55595e}.empty-list{color:#9a9da1;padding:29px 20px;font-size:12px;line-height:1.6}.back-to-player,.back-to-clips{color:#575b60;white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:3px;padding:7px 9px;font-size:12px;font-weight:600;display:inline-flex}.back-to-player:hover,.back-to-clips:hover{background:#efefee}.explorer-panel{scrollbar-color:#d5d6d8 transparent;width:100%;min-width:0;min-height:0;padding:18px clamp(18px,2.5vw,40px) 38px;overflow-y:auto}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.clip-card{border:1px solid var(--line);min-width:0;color:inherit;text-align:left;background:#fff;border-radius:4px;flex-direction:column;padding:0;display:flex;overflow:hidden}.clip-card:hover{border-color:#acafb3}.clip-preview{aspect-ratio:4/3;color:#fff;background:#4b4d50;place-items:center;width:100%;display:grid;position:relative}.clip-preview video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.clip-preview video.ready{opacity:1}.clip-preview-placeholder{opacity:.45;display:flex}.clip-preview-placeholder svg{width:38px;height:38px}.clip-preview-camera{color:#fff;text-shadow:0 1px 4px #000,0 0 8px #000;align-items:center;gap:5px;max-width:calc(100% - 16px);font-size:10px;font-weight:600;display:flex;position:absolute;top:8px;left:8px}.clip-preview-camera svg{flex:none;width:15px;height:15px}.clip-preview-time{color:#fff;font-variant-numeric:tabular-nums;background:#161719d9;border-radius:3px;padding:3px 6px;font-size:11px;position:absolute;bottom:8px;right:8px}.clip-card-body{flex-direction:column;gap:5px;padding:12px;display:flex}.clip-card-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.clip-card-body span{color:#75797e;text-transform:capitalize;font-size:11px}.clip-card-body small{color:#999ca1;font-size:10px}.explorer-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.explorer-empty-state>svg{color:#85898e;margin-bottom:15px}.explorer-empty-state h2{margin:0 0 6px;font:700 19px Manrope,sans-serif}.explorer-empty-state p{color:#85898e;margin:0 0 20px;font-size:12px}.explorer-empty-state .welcome-button{padding:0 15px}.viewer-panel{flex-direction:column;flex:1;width:100%;min-width:0;max-width:1700px;min-height:0;margin:0 auto;padding:16px clamp(18px,2vw,34px);display:flex;overflow:hidden}.notice{color:#943137;background:#fff6f6;border:1px solid #edcccf;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.notice button{color:inherit;background:0 0;border:0;display:flex}.eyebrow-divider{color:#c0c2c4;margin:0 5px}.tiny-status{background:var(--accent);border-radius:50%;width:6px;height:6px}.tiny-status.SavedClips{background:#6c8499}.tiny-status.RecentClips{background:#938b75}.icon-button{color:#676c71;background:0 0;border:0;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover{color:#202124;background:#ebebea}.video-stage{background:#111214;border:1px solid #111214;border-radius:4px 4px 0 0;flex:1;min-height:0;padding:5px;position:relative;overflow:hidden}.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-auto-flow:dense;gap:5px;height:100%;display:grid}.camera-tile{background:#25272a;min-width:0;min-height:0;position:relative;overflow:hidden}.camera-front,.camera-back,.single-camera .camera-tile{grid-column:1/-1}.camera-grid.layout-mirrors,.camera-grid.layout-event{display:block;position:relative}.layout-mirrors .camera-tile,.layout-event .camera-tile{z-index:2;width:min(33%,360px);aspect-ratio:var(--video-ratio,4 / 3);border:1px solid #ffffff80;border-radius:8px;position:absolute;top:14px;box-shadow:0 4px 18px #0009}.layout-mirrors .camera-tile.position-primary,.layout-event .camera-tile.position-primary{z-index:0;aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;inset:0}.layout-mirrors .camera-tile.position-left,.layout-event .camera-tile.position-left{left:14px}.layout-mirrors .camera-tile.position-right,.layout-event .camera-tile.position-right{right:14px}.camera-grid .camera-tile.event-highlight{border:1px solid #fff}.camera-tile video{object-fit:contain;background:#101113;width:100%;height:100%;display:block}.camera-empty{color:#a9abad;text-align:center;background:#26282b;place-items:center;width:100%;height:100%;padding:15px;font-size:11px;display:grid}.camera-direction{z-index:1;color:#fff;filter:drop-shadow(0 1px 2px #000)drop-shadow(0 0 5px #0009);pointer-events:none;display:flex;position:absolute;top:12px;left:12px}.event-camera-icon{z-index:1;color:#fff;filter:drop-shadow(0 1px 2px #000)drop-shadow(0 0 5px #0009);pointer-events:none;display:flex;position:absolute;bottom:12px;right:12px}.direction-front,.direction-back{left:50%;transform:translate(-50%)}.direction-right_repeater,.direction-right_pillar{left:auto;right:12px}.camera-hitarea{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.camera-focused .camera-hitarea{cursor:zoom-out}.has-focus .camera-grid{display:block}.has-focus .camera-tile{display:none}.has-focus .camera-grid .camera-tile.camera-focused{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border:0;border-radius:0;display:block;inset:0}.gap-indicator{color:#fff;text-align:center;background:#202225ed;border:1px solid #52555a;gap:8px;min-width:170px;padding:18px;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gap-indicator button{color:#fff;background:0 0;border:0;justify-content:center;align-items:center;font-size:12px;display:flex}.playback-panel{border:1px solid var(--line);background:#fff;border-top:0;border-radius:0 0 4px 4px;padding:18px 22px 13px}.playback-top{justify-content:space-between;align-items:center;display:flex}.time-readout{color:#25272b;font-variant-numeric:tabular-nums;font:700 14px Manrope,sans-serif}.time-readout span{color:#8f9296;font-size:11px;font-weight:500}.clip-duration{color:#8f9296;font-variant-numeric:tabular-nums;font-size:11px}.timeline-wrap{align-items:center;height:32px;margin:12px 0 8px;display:flex;position:relative}.timeline{z-index:3;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0;position:relative}.timeline::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--progress), #dddfe0 var(--progress));border-radius:2px;height:4px}.timeline::-moz-range-track{background:#dddfe0;height:4px}.timeline::-moz-range-progress{background:var(--accent);height:4px}.timeline::-webkit-slider-thumb{appearance:none;background:var(--accent);width:13px;height:13px;box-shadow:0 0 0 1px var(--accent);border:2px solid #fff;border-radius:50%;margin-top:-4.5px}.timeline::-moz-range-thumb{background:var(--accent);border:2px solid #fff;border-radius:50%;width:10px;height:10px}.timeline-segments{pointer-events:none;height:3px;position:absolute;inset:23px 0 auto}.timeline-segments span{background:#bdc0c3;border-right:2px solid #fff;height:3px;position:absolute}.event-marker{z-index:2;background:var(--accent);pointer-events:none;width:2px;height:16px;position:absolute;top:-3px}.transport{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.transport-side{gap:5px;display:flex}.transport-side.right{justify-content:flex-end}.transport-center{justify-content:center;display:flex}.play-button{color:#fff;background:#202124;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.play-button:hover{background:#47494d}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.welcome-icon{color:#62676b;background:#fff;border:1px solid #dedfdf;border-radius:8px;place-items:center;width:64px;height:64px;margin-bottom:23px;display:grid}.welcome h1{margin:0 0 9px;font:700 22px/1.3 Manrope,sans-serif}.welcome p{color:#797d82;margin:0 0 25px;font-size:13px;line-height:1.6}.welcome-button{min-height:42px;padding:0 18px}.is-welcome .workspace{scrollbar-color:#c4c7ca transparent;display:block;overflow-y:auto}.sidebar-onboarding h2{color:#303338;margin:30px 8px 18px;font:700 14px Manrope,sans-serif}.sidebar-onboarding ol{gap:20px;margin:0;padding:0 8px;list-style:none;display:grid}.sidebar-onboarding li{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding-top:16px;display:flex}.sidebar-onboarding li>span{color:#bb3338;font:700 11px Manrope,sans-serif}.sidebar-onboarding li strong{margin-bottom:5px;font:700 12px Manrope,sans-serif;display:block}.sidebar-onboarding li p{color:#777b80;margin:0;font-size:11px;line-height:1.6}.welcome-page{width:100%;max-width:1160px;margin:0 auto}.welcome-intro,.welcome-information,.welcome-english{width:100%;margin-inline:auto}.welcome-intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:min(480px,100svh - 180px);padding:36px 40px;display:flex}.welcome-glyph{color:#8a8e93;margin-bottom:18px;display:flex}.welcome-intro h2{margin:0 0 10px;font:700 22px Manrope,sans-serif}.welcome-intro>p:not(.welcome-privacy){color:#777b80;max-width:480px;margin:0 0 22px;font-size:13px;line-height:1.65}.welcome-intro .welcome-button{min-height:46px;padding:0 20px}.welcome-privacy{color:#92969b;max-width:450px;margin:17px 0 0;font-size:11px;line-height:1.5}.welcome-information{border-top:1px solid var(--line);padding:47px 40px 42px}.welcome-overview{max-width:800px;margin-bottom:45px}.welcome-information h2{margin:0 0 17px;font:700 21px Manrope,sans-serif}.welcome-overview p{color:#61656b;margin:0;font-size:13px;line-height:1.75}.welcome-information>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.welcome-information article{border-top:1px solid var(--line);padding-top:17px}.welcome-information h3{margin:0 0 10px;font:700 14px/1.5 Manrope,sans-serif}.welcome-information article p{color:#6c7075;margin:0;font-size:12px;line-height:1.7}.welcome-english{border-top:1px solid var(--line);padding:25px 40px 55px}.welcome-english h2{margin:0 0 10px;font:700 15px Manrope,sans-serif}.welcome-english p{color:#777b80;max-width:830px;margin:0;font-size:12px;line-height:1.75}.theme-dark{--line:#292b2f;--muted:#a3a7ae;--accent:#ef555b;color:#f2f2f3;background:#101113}.theme-dark .sidebar,.theme-dark .topbar,.theme-dark .playback-panel{background:#18191c}.theme-dark .brand strong,.theme-dark .topbar-info h1,.theme-dark .panel-header h2,.theme-dark .welcome h1,.theme-dark .sidebar-onboarding h2,.theme-dark .welcome-intro h2,.theme-dark .welcome-information h2,.theme-dark .welcome-english h2,.theme-dark .event-row,.theme-dark .time-readout{color:#f2f2f3}.theme-dark .brand span,.theme-dark .topbar-meta,.theme-dark .source-copy span,.theme-dark .sidebar-heading,.theme-dark .eyebrow,.theme-dark .result-count,.theme-dark .setting-toggle,.theme-dark .date-filter,.theme-dark .date-heading button,.theme-dark .source-icon{color:#a7abb1}.theme-dark .source-copy strong,.theme-dark .category-button,.theme-dark .event-details>span,.theme-dark .clip-duration,.theme-dark .time-readout span{color:#c6c8cd}.theme-dark .event-details small,.theme-dark .day-label,.theme-dark .empty-list,.theme-dark .welcome p{color:#a3a6ae}.theme-dark .category-button small,.theme-dark .day-label span:last-child{color:#92969d}.theme-dark .category-button:hover,.theme-dark .event-row:hover,.theme-dark .icon-button:hover{color:#f2f2f3;background:#23252a}.theme-dark .category-button.active,.theme-dark .event-row.selected{color:#fff;background:#282a2e;border-color:#35373c}.theme-dark .category-button.active small,.theme-dark .event-chevron,.theme-dark .icon-button{color:#b6bac0}.theme-dark .view-all,.theme-dark .back-to-player,.theme-dark .back-to-clips{color:#b4b7be}.theme-dark .view-all:hover{color:var(--accent)}.theme-dark .back-to-player:hover,.theme-dark .back-to-clips:hover{background:#25272c}.theme-dark .explorer-empty-state h2{color:#f2f2f3}.theme-dark .explorer-title span,.theme-dark .explorer-empty-state p,.theme-dark .clip-card-body span,.theme-dark .clip-card-body small{color:#a6a9b0}.theme-dark .clip-card{background:#1b1d20}.theme-dark .clip-card:hover{border-color:#65686e}.theme-dark .clip-preview{background:#35373c}.theme-dark .layout-switch button{color:#a7abb1}.theme-dark .layout-switch button:hover{color:#fff;background:#23252a}.theme-dark .layout-switch button.active{color:#fff;background:#303238}.theme-dark .language-switch button{color:#a7abb1}.theme-dark .language-switch button:hover{color:#fff}.theme-dark .language-switch button.active{color:#fff;background:#303238}.theme-dark .date-filter{border-color:#383a40}.theme-dark .date-filter input{color:#f2f2f3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-dark .welcome-icon{color:#d4d6da;background:#1b1d20;border-color:#35373c}.theme-dark .sidebar-onboarding li>span{color:#f16d72}.theme-dark .sidebar-onboarding li p,.theme-dark .welcome-intro p,.theme-dark .welcome-information p,.theme-dark .welcome-english p{color:#aaadb3}.theme-dark .video-stage{background:#0b0c0e;border-color:#0b0c0e}.theme-dark .camera-tile,.theme-dark .camera-empty{background:#17181b}.theme-dark .camera-tile video{background:#090a0b}.theme-dark .open-button,.theme-dark .welcome-button,.theme-dark .play-button{color:#202124;background:#f2f2f3;border-color:#f2f2f3}.theme-dark .open-button:hover,.theme-dark .welcome-button:hover,.theme-dark .play-button:hover{background:#d2d4d7}.theme-dark .switch-track{background:#45484e}.theme-dark .setting-toggle input:checked+.switch-track{background:var(--accent)}.theme-dark .timeline::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--progress), #42454b var(--progress))}.theme-dark .timeline-segments span{background:#42454b}.theme-dark .timeline::-moz-range-track{background:#42454b}.theme-dark .timeline-segments span{border-right-color:#18191c}@media (width<=1150px){.sidebar{width:278px}.viewer-panel{padding:16px 18px}.topbar{padding:9px 18px}.setting-toggle>span:not(.switch-track){display:none}}@media (width<=850px){.is-welcome .sidebar{flex-direction:column;align-items:stretch;width:100%;height:auto;min-height:0;padding:14px 16px;display:flex}.is-welcome .brand{margin-bottom:12px}.sidebar-onboarding .open-button{width:100%;margin:0 0 11px}.sidebar-onboarding h2{margin:9px 0}.sidebar-onboarding ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;display:grid}.sidebar-onboarding li{flex-direction:column;gap:6px;padding-top:9px}.welcome-intro{min-height:0;padding:48px 28px}.welcome-information,.welcome-english{padding-inline:28px}.welcome-information>div:last-child{gap:20px}.app-shell{flex-direction:column;height:auto;min-height:100dvh;overflow:visible}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;min-height:0;padding:12px 16px;display:grid}.brand{margin:0;padding:0}.source-box,.sidebar-heading:not(.date-heading){display:none}.open-button{width:auto;margin:0;padding:0 13px}.category-list{grid-column:1/-1;display:flex;overflow-x:auto}.category-button{white-space:nowrap;width:auto;padding:9px}.category-button small{display:none}.date-heading{grid-column:1/-1;margin:4px 0 0;padding:0}.date-filter{grid-column:1/-1;margin:0}.recordings-section{grid-column:1/-1;width:100%;margin-top:4px}.panel-header{min-height:0;padding:12px 4px 5px}.panel-header h2{font-size:15px}.event-scroll{align-items:flex-start;max-height:178px;display:flex;overflow-x:auto}.day-group{flex-direction:column;flex:none;gap:4px;max-height:178px;display:flex;overflow-y:auto}.day-label{justify-content:space-between;gap:10px;padding:10px 4px}.event-row{width:215px}.event-chevron{display:none}.viewer-panel{padding:16px 18px;overflow:visible}.video-stage{flex:none}.video-stage.mode-mirrors,.video-stage.mode-event{aspect-ratio:16/9}.camera-grid{grid-auto-rows:auto;height:auto}.camera-grid.layout-mirrors,.camera-grid.layout-event{height:100%}.camera-tile{aspect-ratio:16/9}.camera-front,.camera-back{aspect-ratio:32/9}.welcome{min-height:400px;padding:40px 0}.explorer-panel{padding:18px;overflow:visible}}@media (width<=550px){.is-welcome .sidebar{padding-inline:18px}.is-welcome .brand span{display:inline}.sidebar-onboarding li p{display:none}.sidebar-onboarding li strong{font-size:11px}.welcome-intro{padding:34px 22px 37px}.welcome-intro h2{font-size:19px}.welcome-intro>p:not(.welcome-privacy){font-size:12px}.welcome-intro .welcome-button{text-align:center;max-width:100%;min-height:46px;padding:8px 12px}.welcome-information h2{font-size:19px}.welcome-information>div:last-child{grid-template-columns:1fr;gap:25px}.welcome-information{padding:40px 22px 32px}.welcome-english{padding:24px 22px 45px}.brand span{display:none}.brand{gap:5px}.brand strong{font-size:18px}.open-button{padding:0 9px;font-size:11px}.topbar{flex-wrap:wrap;align-items:center;gap:8px;min-height:75px;padding:10px 12px}.topbar-info h1{font-size:16px}.explorer-title span{display:none}.title-line{gap:2px 6px}.topbar-info .eyebrow{font-size:10px}.topbar-meta{gap:3px 8px;font-size:10px}.topbar-right{flex-wrap:wrap;justify-content:space-between;gap:5px;width:100%}.topbar:has(.explorer-title) .topbar-right{width:auto}.back-to-clips{padding-inline:2px}.layout-switch{gap:0;padding:2px}.layout-switch button{width:27px;height:27px}.layout-switch button svg{width:16px}.setting-toggle{gap:5px}.setting-toggle svg{display:none}.layout-mirrors .camera-tile,.layout-event .camera-tile{width:38%;top:7px}.layout-mirrors .camera-tile.position-left,.layout-event .camera-tile.position-left{left:7px}.layout-mirrors .camera-tile.position-right,.layout-event .camera-tile.position-right{right:7px}.clips-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.explorer-empty-state{min-height:330px}.camera-grid{gap:4px}.video-stage{padding:4px}.camera-front,.camera-back{aspect-ratio:16/9}.camera-direction{top:8px;left:8px}.event-camera-icon{bottom:8px;right:8px}.direction-front,.direction-back{left:50%}.direction-right_repeater,.direction-right_pillar{left:auto;right:8px}.playback-panel{padding:14px 12px}}