:root{--rv-bg-primary:#000000;--rv-bg-secondary:#0a0a0a;--rv-bg-tertiary:#141414;--rv-bg-card:#1a1a1a;--rv-accent:#3b82f6;--rv-accent-hover:#2563eb;--rv-text-primary:#ffffff;--rv-text-secondary:#a1a1aa;--rv-text-muted:#71717a;--rv-border:#27272a;--rv-border-light:#3f3f46;--rv-danger:#ef4444;--rv-success:#22c55e}.replay-viewer-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--rv-bg-primary);color:var(--rv-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden}.rv-main-content-area{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 180px;box-sizing:border-box}.rv-video-stage{position:relative;width:100%;max-width:800px;height:100%;max-height:700px;background-color:var(--rv-bg-secondary);border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 25px 50px -12px rgba(0,0,0,.8);display:flex;flex-direction:column}.rv-stage-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(180deg,rgba(0,0,0,.7) 0,transparent);pointer-events:none}.rv-stage-header .rv-back-btn{pointer-events:auto}.rv-back-btn{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:var(--rv-text-primary);font-size:18px;cursor:pointer;padding:8px 12px;border-radius:10px;transition:all .2s}.rv-back-btn:hover{background:rgba(255,255,255,.2)}.rv-stage-title-group{display:flex;flex-direction:column;gap:2px}.rv-stage-title{font-size:16px;font-weight:600;color:white;text-shadow:0 2px 8px rgba(0,0,0,.5)}.rv-stage-subtitle{font-size:12px;color:rgba(255,255,255,.7);text-shadow:0 1px 4px rgba(0,0,0,.5)}.rv-header{justify-content:space-between;padding:12px 16px;background:var(--rv-bg-secondary);border-bottom:1px solid var(--rv-border);flex-shrink:0;z-index:10}.rv-header,.rv-header-left{display:flex;align-items:center}.rv-header-left{gap:12px}.rv-header-title{font-size:16px;font-weight:600}.rv-header-subtitle{font-size:12px;color:var(--rv-text-secondary)}.rv-header-right{display:flex;align-items:center;gap:8px}.rv-event-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px;gap:20px}.rv-event-selector h2{font-size:24px;font-weight:600}.rv-event-selector p{color:var(--rv-text-secondary);font-size:14px}.rv-event-input-group{display:flex;gap:8px;max-width:500px;width:100%}.rv-event-input{flex:1;padding:10px 14px;background:var(--rv-bg-tertiary);border:1px solid var(--rv-border);border-radius:8px;color:var(--rv-text-primary);font-size:14px;outline:none;transition:border-color .2s}.rv-event-input:focus{border-color:var(--rv-accent)}.rv-event-input::placeholder{color:var(--rv-text-muted)}.rv-load-btn{padding:10px 20px;background:var(--rv-accent);color:white;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.rv-load-btn:hover{background:var(--rv-accent-hover)}.rv-load-btn:disabled{opacity:.5;cursor:not-allowed}.rv-interaction-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:auto}.rv-integrated-slider-wrapper{position:absolute;bottom:0;left:0;right:0;width:100%;padding:12px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.5) 70%,transparent);z-index:55;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.rv-integrated-slider-wrapper.hidden{opacity:0;transform:translateY(15px);pointer-events:none;transition:all .15s ease-in}.rv-integrated-slider-wrapper.visible{opacity:1;transform:translateY(0);transition:all .35s cubic-bezier(.4,0,.2,1)}.rv-integrated-slider{background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.1)}.rv-integrated-slider .timeline-chart-area{height:50px}.rv-seek-duration-selector{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);padding:4px;border-radius:20px;border:1px solid rgba(255,255,255,.1);z-index:70;transition:all .3s ease}.rv-seek-duration-selector.hidden{opacity:0;transform:translateX(-50%) translateY(5px);pointer-events:none;transition:all .15s ease-in}.rv-seek-duration-selector.visible{opacity:1;transform:translateX(-50%) translateY(0);transition:all .3s ease-out}.duration-opt{padding:4px 12px;border-radius:16px;border:none;background:transparent;color:#a1a1aa;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.duration-opt.active{background:#3b82f6;color:#fff}.duration-opt:hover:not(.active){background:rgba(255,255,255,.1)}.rv-side-seek-btn{position:fixed;top:50%;transform:translateY(-50%);height:38px;padding:0 14px;border-radius:19px;background:rgba(0,0,0,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.9);display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;cursor:pointer;opacity:.82;transition:opacity .18s ease,background .18s ease,transform .18s ease;z-index:60}.rv-side-seek-btn:hover:not(:disabled){opacity:1;background:rgba(0,0,0,.72);transform:translateY(-50%) scale(1.05)}.rv-standalone-slider-wrapper{display:none}.rv-side-seek-btn:active:not(:disabled){transform:translateY(-50%) scale(.94);background:rgba(0,0,0,.78)}.rv-side-seek-btn:disabled{opacity:.28;cursor:not-allowed}.rv-side-seek-btn.left{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 470px) / 2 - 72px)}.rv-side-seek-btn.right{left:auto;right:calc((100vw - var(--sidebar-width) - 470px) / 2 - 72px)}.rv-side-seek-btn.grid-seek{top:50%}.rv-side-seek-btn.grid-seek-2.left{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 940px) / 2 - 72px)}.rv-side-seek-btn.grid-seek-2.right{right:calc((100vw - var(--sidebar-width) - 940px) / 2 - 72px)}.rv-side-seek-btn.grid-seek-3.left{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 1410px) / 2 - 72px)}.rv-side-seek-btn.grid-seek-3.right{right:calc((100vw - var(--sidebar-width) - 1410px) / 2 - 72px)}.rv-side-seek-btn.grid-seek-1.left,.rv-side-seek-btn.grid-seek-4.left,.rv-side-seek-btn.grid-seek-5.left,.rv-side-seek-btn.grid-seek-6.left,.rv-side-seek-btn.grid-seek-7.left,.rv-side-seek-btn.grid-seek-8.left,.rv-side-seek-btn.grid-seek-9.left{left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 470px) / 2 - 72px)}.rv-side-seek-btn.grid-seek-1.right,.rv-side-seek-btn.grid-seek-4.right,.rv-side-seek-btn.grid-seek-5.right,.rv-side-seek-btn.grid-seek-6.right,.rv-side-seek-btn.grid-seek-7.right,.rv-side-seek-btn.grid-seek-8.right,.rv-side-seek-btn.grid-seek-9.right{right:calc((100vw - var(--sidebar-width) - 470px) / 2 - 72px)}.rv-side-seek-btn .seek-val{font-size:13px;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:.02em}@media (max-width:900px) and (min-width:769px){.rv-side-seek-btn{display:none}}@media (min-width:769px){.rv-interaction-wrapper:hover .rv-integrated-slider-wrapper:not(.slider-hidden){opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.rv-integrated-slider-wrapper.is-playing{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .15s ease-in,transform .15s ease-in}.event-item:hover .rv-integrated-slider-wrapper.is-playing,.video-stage:hover .rv-integrated-slider-wrapper.is-playing{opacity:1;transform:translateY(0);pointer-events:auto;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}}.rv-integrated-slider-wrapper.rv-slider-playing{opacity:0;transform:translateY(15px);pointer-events:none;transition:all .15s ease-in}.rv-integrated-slider-wrapper.rv-slider-playing.controls-revealed{opacity:1;transform:translateY(0);pointer-events:auto;transition:all .25s cubic-bezier(.4,0,.2,1)}@media (min-width:769px){.event-item:hover .rv-integrated-slider-wrapper.rv-slider-playing,.rv-interaction-wrapper:hover .rv-integrated-slider-wrapper.rv-slider-playing,.video-stage:hover .rv-integrated-slider-wrapper.rv-slider-playing,.video-wrapper:hover .rv-integrated-slider-wrapper.rv-slider-playing{opacity:1;transform:translateY(0);pointer-events:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}.event-item:hover .rv-integrated-slider-wrapper.slider-hidden,.rv-interaction-wrapper:hover .rv-integrated-slider-wrapper.slider-hidden,.video-stage:hover .rv-integrated-slider-wrapper.slider-hidden,.video-wrapper:hover .rv-integrated-slider-wrapper.slider-hidden{opacity:0!important;transform:translateY(110%)!important;pointer-events:none!important}}@media (max-width:768px){.rv-side-seek-btn{display:none}.rv-integrated-slider-wrapper.rv-slider-playing{opacity:0!important;transform:translateY(15px)!important;pointer-events:none!important}.rv-integrated-slider-wrapper.rv-slider-playing.controls-revealed{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.rv-seek-duration-selector--inline{position:static!important;transform:none!important;bottom:auto!important;left:auto!important;right:auto!important;background:transparent;border:none;padding:0;gap:4px;transition:opacity .3s ease}.rv-seek-duration-selector--inline.hidden{opacity:0;pointer-events:none}.rv-seek-duration-selector--inline.visible{opacity:1}.rv-side-seek-btn{display:flex;position:fixed;height:34px;padding:0 11px;top:50%;transform:translateY(-50%);z-index:60;background:rgba(0,0,0,.52);border-color:rgba(255,255,255,.14)}.rv-side-seek-btn.left{left:10px;right:auto}.rv-side-seek-btn.right{left:auto;right:10px}.rv-side-seek-btn.grid-seek{top:50%;transform:translateY(-50%)}.rv-side-seek-btn.grid-seek.left{left:10px;right:auto}.rv-side-seek-btn.grid-seek.right{left:auto;right:10px}.rv-side-seek-btn.hidden{opacity:0;pointer-events:none}.rv-side-seek-btn.visible{opacity:.85}.rv-side-seek-btn.playing{opacity:0;pointer-events:none;transition:opacity .3s ease}.rv-side-seek-btn.playing.controls-revealed{opacity:.85;pointer-events:auto;transition:opacity .25s ease}.rv-side-seek-btn:active:not(:disabled){transform:scale(.93)}.rv-side-seek-btn.left:hover:not(:disabled),.rv-side-seek-btn.right:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}}.main-content-area:has(.rv-standalone-slider-wrapper){flex-direction:column}.rv-overlay-container{display:none}.rv-overlay-container .replay-viewer-controls{position:relative;display:flex;flex-direction:column;width:100%;gap:8px}.rv-overlay-container .rv-controls-panel{border-radius:12px;padding:10px}.rv-overlay-container .replay-controls,.rv-overlay-container .rv-controls-panel{position:relative;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.rv-overlay-container .replay-controls{border-radius:12px;padding:10px 12px}.rv-overlay-container .timeline-slider{background:transparent;border:none;border-radius:0;padding:8px 0}.rv-overlay-container .timeline-chart-area{height:70px}.rv-overlay-container .timeline-slider-track{height:10px;border-radius:5px}.rv-overlay-container .timeline-slider-thumb{width:22px;height:22px}.rv-overlay-container .timemap-loading{background:rgba(0,0,0,.7);border-radius:8px;padding:8px 16px;text-align:center;color:rgba(255,255,255,.7);font-size:.8rem}.replay-viewer-controls{display:flex;flex-direction:column;width:100%}.rv-video-grid{flex:1;display:grid;gap:4px;padding:60px 8px 8px;min-height:0;background:transparent}.rv-video-grid.cameras-0{place-items:center}.rv-video-grid.cameras-1{grid-template-columns:1fr;grid-template-rows:1fr}.rv-video-grid.cameras-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.rv-video-grid.cameras-3,.rv-video-grid.cameras-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.rv-video-grid.cameras-5,.rv-video-grid.cameras-6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.rv-video-grid.cameras-7,.rv-video-grid.cameras-8,.rv-video-grid.cameras-9{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.rv-video-cell{position:relative;background:var(--rv-bg-tertiary);border-radius:12px;overflow:hidden;min-height:0;border:1px solid var(--rv-border);transition:border-color .2s}.rv-video-cell:hover{border-color:var(--rv-border-light)}.rv-video-cell .video-player-container,.rv-video-cell .video-wrapper,.rv-video-cell video{width:100%!important;height:100%!important;object-fit:cover;background:#000;position:absolute;top:0;left:0}.rv-video-cell video{object-fit:contain}.rv-video-cell-label{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);color:var(--rv-text-primary);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;z-index:2;pointer-events:none;letter-spacing:.02em}.rv-video-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--rv-text-muted);font-size:15px;min-height:200px;text-align:center;padding:20px}.rv-video-empty svg{opacity:.3}.rv-video-empty .rv-load-btn{margin-top:8px}.rv-controls-panel{position:fixed;bottom:0;left:0;right:0;z-index:50;background:linear-gradient(to top,var(--rv-bg-primary) 0,rgba(0,0,0,.95) 100%);border-top:1px solid var(--rv-border);padding:0}.rv-controls-inner{max-width:800px;margin:0 auto;padding:16px 24px 24px}.rv-controls-panel .timeline-slider{margin-bottom:20px}.rv-controls-panel .timeline-slider-track{height:8px;background:var(--rv-bg-card);border-radius:4px;cursor:pointer;position:relative;border:1px solid var(--rv-border)}.rv-controls-panel .timeline-slider-progress{height:100%;background:linear-gradient(90deg,var(--rv-accent) 0,#60a5fa 100%);border-radius:4px;transition:width .1s ease-out}.rv-controls-panel .timeline-slider-thumb{position:absolute;top:50%;width:18px;height:18px;background:white;border:3px solid var(--rv-accent);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(0,0,0,.3)}.rv-controls-panel .timeline-slider-thumb:hover{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 12px rgba(59,130,246,.4)}.rv-controls-panel .timeline-slider.dragging .timeline-slider-thumb{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 16px rgba(59,130,246,.5)}.rv-controls-panel .timeline-slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:500;color:var(--rv-text-muted);font-variant-numeric:tabular-nums}.rv-controls-panel .timeline-chart{display:flex;align-items:flex-end;height:32px;margin-bottom:6px;gap:2px;padding:0 2px}.rv-controls-panel .timeline-chart-bar{background:rgba(59,130,246,.2);border-radius:2px 2px 0 0;min-height:3px;transition:background .2s,transform .15s}.rv-controls-panel .timeline-chart-bar:hover{transform:scaleY(1.1)}.rv-controls-panel .timeline-chart-bar.active{background:rgba(59,130,246,.7)}.replay-viewer-controls>.replay-controls,.rv-controls-panel .replay-controls{padding:0;flex-shrink:0;background:transparent;border:none}.replay-viewer-controls .replay-time-display{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.replay-viewer-controls .replay-time{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--rv-text-primary);letter-spacing:-.02em}.replay-viewer-controls .replay-camera-count{font-size:13px;color:var(--rv-text-secondary);background:var(--rv-bg-card);padding:6px 12px;border-radius:20px;border:1px solid var(--rv-border)}.replay-viewer-controls .replay-control-row{display:flex;align-items:center;justify-content:center;gap:8px}.replay-viewer-controls .replay-control-row.main-controls{margin-bottom:16px;gap:12px}.replay-viewer-controls .replay-control-row.secondary-controls{margin-top:16px;justify-content:space-between;background:var(--rv-bg-card);padding:12px 16px;border-radius:12px;border:1px solid var(--rv-border)}.replay-viewer-controls .replay-btn{background:var(--rv-bg-card);border:1px solid var(--rv-border);color:var(--rv-text-primary);padding:10px 14px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;transition:all .2s ease}.replay-viewer-controls .replay-btn:hover:not(:disabled){background:var(--rv-border);border-color:var(--rv-border-light);transform:translateY(-1px)}.replay-viewer-controls .replay-btn:active:not(:disabled){transform:translateY(0)}.replay-viewer-controls .replay-btn:disabled{opacity:.4;cursor:not-allowed}.replay-viewer-controls .replay-btn.seek-btn{min-width:56px;height:48px;border-radius:12px}.replay-viewer-controls .replay-btn.seek-btn.small{min-width:44px;height:44px}.replay-viewer-controls .replay-btn.play-pause-btn{min-width:60px;height:60px;border-radius:50%;padding:0;background:var(--rv-accent);border-color:var(--rv-accent);color:white;box-shadow:0 4px 16px rgba(59,130,246,.4)}.replay-viewer-controls .replay-btn.play-pause-btn:hover:not(:disabled){background:var(--rv-accent-hover);border-color:var(--rv-accent-hover);transform:translateY(-2px);box-shadow:0 6px 24px rgba(59,130,246,.5)}.replay-viewer-controls .replay-btn.play-pause-btn:active:not(:disabled){transform:translateY(0)}.replay-viewer-controls .replay-btn.play-pause-btn.playing{background:var(--rv-bg-card);border-color:var(--rv-border-light);color:var(--rv-text-primary);box-shadow:0 2px 8px rgba(0,0,0,.2)}.replay-viewer-controls .replay-btn.angle-btn,.replay-viewer-controls .replay-btn.bookmark-btn{min-width:52px;height:52px;border-radius:26px;padding:0}.replay-viewer-controls .replay-btn.has-bookmarks,.replay-viewer-controls .replay-btn.has-selection{border-color:var(--rv-accent);background:rgba(59,130,246,.15)}.replay-viewer-controls .seek-label{font-size:11px;color:var(--rv-text-secondary);font-weight:600}.replay-viewer-controls .angle-count,.replay-viewer-controls .bookmark-count{position:absolute;top:-4px;right:-4px;background:var(--rv-accent);color:white;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.3)}.replay-viewer-controls .replay-btn.angle-btn,.replay-viewer-controls .replay-btn.bookmark-btn{position:relative}.replay-viewer-controls .quality-btn{min-width:auto;padding:8px 14px;border-radius:8px}.replay-viewer-controls .compile-label,.replay-viewer-controls .quality-label{font-size:13px;font-weight:600}.replay-viewer-controls .quality-btn.low{color:var(--rv-text-secondary)}.replay-viewer-controls .quality-btn.high{color:var(--rv-success);border-color:var(--rv-success);background:rgba(34,197,94,.1)}.replay-viewer-controls .bookmark-nav{font-size:13px;color:var(--rv-text-secondary);background:var(--rv-bg-card);padding:8px 12px;border-radius:8px;border:1px solid var(--rv-border);margin-top:12px}.replay-viewer-controls .bookmark-indicator{font-variant-numeric:tabular-nums;padding:0 12px}.replay-viewer-controls .bookmark-nav .replay-btn{padding:6px 10px;min-width:auto;height:auto}.replay-viewer-controls .duration-selector{display:flex;align-items:center;gap:8px}.replay-viewer-controls .replay-control-label{font-size:12px;color:var(--rv-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.replay-viewer-controls .duration-buttons{display:flex;gap:4px;background:var(--rv-bg-tertiary);padding:4px;border-radius:10px}.rv-controls-panel .duration-btn{background:transparent;border:none;color:var(--rv-text-secondary);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.rv-controls-panel .duration-btn.active{background:var(--rv-accent);color:white;box-shadow:0 2px 8px rgba(59,130,246,.4)}.rv-controls-panel .duration-btn:hover:not(:disabled):not(.active){background:var(--rv-bg-card);color:var(--rv-text-primary)}.replay-viewer-controls .compile-btn{background:var(--rv-accent);border-color:var(--rv-accent);color:white;padding:10px 18px;border-radius:10px}.replay-viewer-controls .compile-btn:hover:not(:disabled){background:var(--rv-accent-hover);border-color:var(--rv-accent-hover)}.rv-controls-panel .compile-btn.compiling{pointer-events:none;opacity:.8}.rv-controls-panel .spinner{animation:rv-spin 1s linear infinite}@keyframes rv-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rv-angle-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.rv-angle-modal{background:var(--rv-bg-secondary);border:1px solid var(--rv-border);border-radius:12px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;padding:20px}.rv-angle-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rv-angle-modal-header h3{font-size:18px;font-weight:600}.rv-angle-close-btn{background:none;border:none;color:var(--rv-text-secondary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.rv-angle-close-btn:hover{background:var(--rv-bg-tertiary);color:var(--rv-text-primary)}.angle-selector-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.angle-selector-info{display:flex;align-items:center;gap:6px}.angle-selector-count{font-size:13px;color:var(--rv-text-secondary)}.angle-selector-max{font-size:11px;color:var(--rv-text-muted)}.angle-selector-actions{display:flex;gap:8px}.angle-selector-btn{background:var(--rv-bg-tertiary);border:1px solid var(--rv-border);color:var(--rv-text-secondary);padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s}.angle-selector-btn:hover:not(:disabled){background:var(--rv-border);color:var(--rv-text-primary)}.angle-selector-btn:disabled{opacity:.4;cursor:not-allowed}.angle-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.angle-card{background:var(--rv-bg-tertiary);border:2px solid var(--rv-border);border-radius:8px;cursor:pointer;transition:all .15s;overflow:hidden}.angle-card:hover:not(.disabled):not(.unavailable){border-color:var(--rv-border-light)}.angle-card.selected{border-color:var(--rv-accent)}.angle-card.unavailable{opacity:.4;cursor:not-allowed}.angle-card.disabled{opacity:.3;cursor:not-allowed}.angle-card-thumbnail{position:relative;aspect-ratio:16/9;background:var(--rv-bg-primary);overflow:hidden}.angle-card-image{width:100%;height:100%;object-fit:cover}.angle-card-placeholder{width:100%;height:100%;color:var(--rv-text-muted)}.angle-card-check,.angle-card-placeholder{display:flex;align-items:center;justify-content:center}.angle-card-check{position:absolute;top:4px;right:4px;width:22px;height:22px;background:var(--rv-accent);border-radius:50%}.angle-card-unavailable{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--rv-text-muted)}.angle-card-label{padding:6px 8px;font-size:11px;color:var(--rv-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.angle-selector-empty{grid-column:1/-1;text-align:center;padding:20px;color:var(--rv-text-muted);font-size:13px}.rv-multi-camera-scroll{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.rv-multi-camera-scroll::-webkit-scrollbar{display:none}@media (pointer:coarse){.rv-multi-camera-scroll{scroll-behavior:auto}}.rv-camera-cell,.rv-multi-camera-container{display:flex;height:100%;min-width:100%}.rv-camera-cell{position:relative;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden;align-items:center;justify-content:center}.rv-camera-cell:active{opacity:.95}.rv-camera-cell .event-video,.rv-camera-cell .video-player-container,.rv-camera-cell .video-wrapper,.rv-camera-cell video{width:100%!important;height:100%!important;object-fit:contain;background:#000;position:absolute;top:0;left:0}.rv-camera-label{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;z-index:10;pointer-events:none;letter-spacing:.02em}.rv-camera-cell.active .rv-camera-label{background:rgba(59,130,246,.85)}.rv-camera-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--rv-text-muted,#71717a);font-size:14px}.rv-camera-count-indicator{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px;z-index:10;pointer-events:none}.rv-camera-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);padding:8px 12px;border-radius:20px;z-index:15;pointer-events:none}.rv-camera-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s ease}.rv-camera-dot.active{width:20px;border-radius:3px;background:rgba(59,130,246,.9)}.rv-camera-dots.many-cameras{display:none}.rv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;color:var(--rv-text-secondary)}.rv-loading-spinner{width:32px;height:32px;border:3px solid var(--rv-border);border-top-color:var(--rv-accent);border-radius:50%;animation:rv-spin .8s linear infinite}.rv-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:12px;color:var(--rv-danger);padding:20px;text-align:center}.rv-error-message{font-size:14px;color:var(--rv-text-secondary);max-width:400px}.rv-retry-btn{padding:8px 20px;background:var(--rv-bg-tertiary);border:1px solid var(--rv-border);color:var(--rv-text-primary);border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s}.rv-retry-btn:hover{background:var(--rv-border)}.rv-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);z-index:5;cursor:pointer;opacity:0;transition:opacity .25s ease}.rv-video-cell:hover .rv-play-overlay{opacity:1}.rv-play-icon{width:64px;height:64px;background:rgba(255,255,255,.95);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rv-bg-primary);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px rgba(0,0,0,.3)}.rv-play-overlay:hover .rv-play-icon{transform:scale(1.1);box-shadow:0 6px 28px rgba(0,0,0,.4)}.rv-play-overlay:active .rv-play-icon{transform:scale(.95)}@media (max-width:768px){.rv-main-content-area{padding:10px 10px 200px}.rv-video-stage{max-width:100%;max-height:none;border-radius:16px;height:auto;min-height:300px}.rv-stage-header{padding:12px 16px}.rv-stage-title{font-size:14px}.rv-video-grid{padding:56px 6px 6px;gap:4px}.rv-video-grid.cameras-2,.rv-video-grid.cameras-3,.rv-video-grid.cameras-4{grid-template-columns:1fr;grid-template-rows:repeat(auto-fill,1fr)}.rv-video-cell{border-radius:10px;min-height:150px}.rv-controls-inner{padding:12px 16px 20px}.replay-viewer-controls .replay-time{font-size:18px}.replay-viewer-controls .replay-control-row.main-controls{gap:8px;margin-bottom:12px}.replay-viewer-controls .replay-btn.seek-btn{min-width:48px;height:44px}.replay-viewer-controls .replay-btn.angle-btn,.replay-viewer-controls .replay-btn.bookmark-btn{min-width:48px;height:48px}.replay-viewer-controls .replay-btn.play-pause-btn{min-width:54px;height:54px}.replay-viewer-controls .replay-control-row.secondary-controls{flex-direction:column;gap:12px;padding:12px}.rv-angle-modal{max-width:100%;border-radius:16px 16px 0 0;position:fixed;bottom:0;max-height:75vh}.angle-selector-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}@media (max-width:480px){.rv-main-content-area{padding-bottom:220px}.replay-viewer-controls .replay-time-display{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.replay-viewer-controls .replay-camera-count{align-self:flex-start}.replay-viewer-controls .duration-buttons{justify-content:center}.rv-controls-panel .duration-btn{flex:1;text-align:center}.replay-viewer-controls .duration-selector{width:100%;flex-direction:column;align-items:stretch;gap:8px}.replay-viewer-controls .replay-control-label{text-align:center}.replay-viewer-controls .duration-buttons{width:100%}}@media (max-width:768px){.rv-overlay-container{position:absolute;bottom:0;right:0;left:0;width:100%;max-width:100%;padding:8px;gap:4px}.rv-overlay-container .replay-controls,.rv-overlay-container .rv-controls-panel{border-radius:12px;padding:10px 12px}.rv-overlay-container .timeline-chart{height:40px}}.grid-view-selector{position:relative;flex-shrink:0}.grid-view-selector__button{position:static;background:var(--viewer-surface-control);backdrop-filter:var(--viewer-blur-control);border:1px solid var(--viewer-border-control);border-radius:var(--viewer-radius-circle);width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--viewer-transition-control);color:var(--viewer-text-primary);flex-shrink:0}.grid-view-selector__button:hover:not(:disabled){background:var(--viewer-surface-control-hover);transform:scale(1.05);border-color:var(--viewer-border-control-hover)}.grid-view-selector__button:active:not(:disabled){transform:scale(.95)}.grid-view-selector__button:disabled{opacity:.3;cursor:not-allowed}.grid-view-selector__thumbnail{width:32px;height:32px;object-fit:contain}.grid-view-selector__menu{position:absolute;left:calc(100% + 52px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:gridMenuSlideIn .25s ease-out;z-index:60;background:var(--viewer-surface-panel-strong);backdrop-filter:var(--viewer-blur-panel);border-radius:var(--viewer-radius-md);padding:8px;border:1px solid var(--viewer-border-panel);box-shadow:var(--viewer-shadow-panel-sm)}@keyframes gridMenuSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.grid-view-selector__option{position:relative;background:var(--viewer-surface-control);border:2px solid transparent;border-radius:var(--viewer-radius-md);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--viewer-transition-control);padding:4px;box-shadow:var(--viewer-shadow-panel-sm)}.grid-view-selector__option:hover{background:var(--viewer-surface-control-hover);border-color:var(--viewer-border-control-hover);transform:scale(1.05)}.grid-view-selector__option:active{transform:scale(.95)}.grid-view-selector__option--active{border-color:var(--viewer-border-control-active);background:var(--viewer-surface-control-active)}.grid-view-selector__option--disabled{opacity:.3;cursor:not-allowed}.grid-view-selector__option--disabled:hover{background:var(--viewer-surface-control);border-color:transparent;transform:none}.grid-view-selector__option-image{width:100%;height:100%;object-fit:contain}@media (max-width:768px){.grid-view-selector{display:block}.grid-view-selector__button{width:44px;height:44px}.grid-view-selector__thumbnail{width:28px;height:28px}.grid-view-selector__option{width:44px;height:44px}.grid-view-selector__menu{position:fixed;right:calc(136px + env(safe-area-inset-right, 0px));top:75%;transform:translateY(-30%);left:auto;bottom:auto;animation:gridMenuSlideInMobile .25s ease-out;background:var(--viewer-surface-panel-strong);overflow-y:auto;max-height:calc(100dvh - 100px);z-index:61}}@keyframes gridMenuSlideInMobile{0%{opacity:0;transform:translateY(-20%) translateX(-10px)}to{opacity:1;transform:translateY(-20%) translateX(0)}}@media (max-width:480px){.grid-view-selector__button{width:40px;height:40px}.grid-view-selector__thumbnail{width:24px;height:24px}.grid-view-selector__option{width:40px;height:40px}}.cell-menu__trigger{position:absolute;bottom:8px;right:8px;z-index:15;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;opacity:0;transition:opacity .25s ease,background .2s ease,transform .15s ease;pointer-events:auto;padding:0;outline:none}.cell-menu__trigger:active{transform:scale(.9)}.grid-layout__cell:hover .cell-menu__trigger{opacity:1}.cell-menu__trigger--active{opacity:1!important;background:rgba(255,255,255,.18)}.cell-menu__trigger.visible{opacity:1}.cell-menu__desktop-backdrop{position:fixed;inset:0;z-index:99997;animation:mobileBackdropIn .25s ease forwards}.cell-menu__desktop-backdrop--closing{animation:mobileBackdropOut .18s ease forwards}.cell-menu__popover-wrapper{pointer-events:auto}.cell-menu__popover{min-width:170px;background:linear-gradient(145deg,#1e1428,#2a1a3a 30%,#1a2840 60%,#1a2a24);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:5px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 48px rgba(0,0,0,.65);animation:cellMenuIn .25s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden}.cell-menu__popover--closing{animation:cellMenuOut .15s ease-out forwards}.cell-menu__popover:before{top:-30px;left:-30px;background:radial-gradient(circle,rgba(147,51,234,.2) 0,transparent 70%)}.cell-menu__popover:after,.cell-menu__popover:before{content:"";position:absolute;width:80px;height:80px;pointer-events:none}.cell-menu__popover:after{bottom:-30px;right:-30px;background:radial-gradient(circle,rgba(45,212,191,.15) 0,transparent 70%)}@keyframes cellMenuIn{0%{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cellMenuOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(6px)}}.cell-menu__mobile-backdrop{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;animation:mobileBackdropIn .25s ease forwards}.cell-menu__mobile-backdrop--closing{animation:mobileBackdropOut .18s ease forwards}@keyframes mobileBackdropIn{0%{background:rgba(0,0,0,0);backdrop-filter:blur(0)}to{background:rgba(0,0,0,.45);backdrop-filter:blur(4px)}}@keyframes mobileBackdropOut{0%{background:rgba(0,0,0,.45);backdrop-filter:blur(4px)}to{background:rgba(0,0,0,0);backdrop-filter:blur(0)}}.cell-menu__mobile-modal{width:200px;background:linear-gradient(155deg,rgba(30,20,44,.95),rgba(42,26,58,.95) 40%,rgba(26,40,64,.95) 70%,rgba(26,42,36,.95));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:5px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 16px 48px rgba(0,0,0,.5),inset 0 0 0 .5px rgba(255,255,255,.06);animation:mobileModalIn .3s cubic-bezier(.34,1.56,.64,1) forwards;overflow:hidden;position:relative}.cell-menu__mobile-modal--closing{animation:mobileModalOut .18s ease-out forwards}.cell-menu__mobile-modal:before{top:-20px;left:-20px;background:radial-gradient(circle,rgba(147,51,234,.12) 0,transparent 70%)}.cell-menu__mobile-modal:after,.cell-menu__mobile-modal:before{content:"";position:absolute;width:60px;height:60px;pointer-events:none}.cell-menu__mobile-modal:after{bottom:-20px;right:-20px;background:radial-gradient(circle,rgba(45,212,191,.1) 0,transparent 70%)}@keyframes mobileModalIn{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes mobileModalOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.cell-menu__mobile-badge{text-align:center;padding:8px 0 5px;font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.4);position:relative;z-index:1}.cell-menu__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:rgba(255,255,255,.85);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;border:none;background:transparent;width:100%;text-align:left;outline:none;white-space:nowrap;position:relative;z-index:1}.cell-menu__item:hover{background:rgba(255,255,255,.08)}.cell-menu__item:active{background:rgba(255,255,255,.12)}.cell-menu__item--active{color:#4ebf9a}.cell-menu__item--disabled{opacity:.3;pointer-events:none}.cell-menu__item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.cell-menu__item-icon,.cell-menu__item-icon svg{width:17px;height:17px}.cell-menu__divider{height:1px;background:rgba(255,255,255,.06);margin:3px 8px}.cell-menu__mobile-modal .cell-menu__item{padding:11px 14px;font-size:14px;gap:11px;border-radius:12px}.cell-menu__mobile-modal .cell-menu__item-icon,.cell-menu__mobile-modal .cell-menu__item-icon svg{width:19px;height:19px}.cell-menu__show-all{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:20;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:8px 18px;color:rgba(255,255,255,.9);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .15s ease;animation:cellMenuIn .25s cubic-bezier(.34,1.56,.64,1) forwards}.cell-menu__show-all:hover{background:rgba(255,255,255,.15)}.cell-menu__show-all:active{transform:translateX(-50%) scale(.95)}.grid-layout__cell--pinned-indicator{box-shadow:inset 0 0 0 2px rgba(234,179,8,.6),0 0 12px rgba(234,179,8,.2)}.grid-layout__cell--dominant-indicator{box-shadow:inset 0 0 0 2px rgba(59,130,246,.6),0 0 16px rgba(59,130,246,.25)}.grid-layout__cell--muted-indicator:after{content:"";position:absolute;top:8px;left:8px;width:24px;height:24px;background:rgba(0,0,0,.6);border-radius:50%;z-index:12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='1' y1='1' x2='23' y2='23'/%3E%3Cpath d='M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6'/%3E%3Cpath d='M17 16.95A7 7 0 0 1 5 12v-2m14 0v2c0 .76-.13 1.49-.35 2.17'/%3E%3Cline x1='12' y1='19' x2='12' y2='23'/%3E%3Cline x1='8' y1='23' x2='16' y2='23'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:14px}.grid-layout__cell--hiding{animation:cellHideOut .25s ease-out forwards}@keyframes cellHideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.grid-layout--dominant{grid-template-columns:70fr 30fr!important;transition:grid-template-columns .35s cubic-bezier(.4,0,.2,1)}.grid-layout__cell--dominant{grid-row:1/-1!important;grid-column:1!important}.grid-layout__cell--secondary{grid-column:2!important}@media (max-width:768px){.grid-layout--dominant{grid-template-columns:1fr!important;grid-template-rows:70fr 30fr!important}.grid-layout__cell--dominant{grid-row:1!important;grid-column:1!important}.grid-layout__cell--secondary{grid-column:1!important;grid-row:2!important}}@media (prefers-reduced-motion:reduce){.cell-menu__mobile-backdrop,.cell-menu__mobile-backdrop--closing,.cell-menu__mobile-modal,.cell-menu__mobile-modal--closing,.cell-menu__popover,.cell-menu__popover--closing,.cell-menu__show-all,.grid-layout--dominant,.grid-layout__cell--hiding{animation:none!important;transition:none!important}}.cell-radial-menu__trigger{position:absolute;bottom:8px;right:52px;z-index:15;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.16),transparent 52%),linear-gradient(145deg,rgba(20,20,34,.9),rgba(17,54,50,.78));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;padding:0;outline:none;box-shadow:0 8px 24px rgba(0,0,0,.26)}.cell-radial-menu__trigger:active{transform:scale(.92)}.cell-radial-menu__trigger--active{border-color:rgba(80,192,157,.6);box-shadow:0 0 15px rgba(80,192,157,.3),0 8px 24px rgba(0,0,0,.26)}.cell-radial-menu__trigger--mobile{right:10px;bottom:10px}.trigger-inner{display:grid;grid-template-columns:repeat(3,4px);gap:2px;width:16px;height:16px;align-content:center;justify-content:center}.dot{width:4px;height:4px;background:rgba(255,255,255,.9);border-radius:50%}.dot:first-child{grid-area:1/2}.dot:nth-child(2){grid-area:2/1}.dot:nth-child(3){grid-area:2/2}.dot:nth-child(4){grid-area:2/3}.dot:nth-child(5){grid-area:3/2}.cell-radial-menu__portal.radial-menu-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.08);pointer-events:auto}.radial-pie-menu{position:fixed;width:236px;height:236px;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;z-index:99999;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5));transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out}.radial-pie-menu.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.radial-pie-menu.is-closing{transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:transform .16s ease-in,opacity .16s ease-in}.radial-menu-backdrop{position:absolute;inset:0;border-radius:50%;background:rgba(14,18,28,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask:radial-gradient(circle,transparent 52px,black 52.5px);-webkit-mask:radial-gradient(circle,transparent 52px,black 52.5px)}.radial-menu-center{position:absolute;top:50%;left:50%;width:104px;height:104px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;user-select:none}.video-id{color:#FDE100;font-family:system-ui,-apple-system,sans-serif;font-weight:800;font-size:24px}.pie-slice,.pie-slices-container{position:absolute;inset:0;pointer-events:none}.slice-content{position:absolute;top:50%;left:50%;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:rgba(255,255,255,.9);border-radius:50%;cursor:pointer;pointer-events:auto;z-index:5;transform:translate(-50%,-50%) rotate(var(--slice-angle)) translate(78px) rotate(calc(-1 * var(--slice-angle)));opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;transition-delay:calc(var(--slice-index) * 20ms)}.is-open .slice-content{opacity:1}.is-closing .slice-content{opacity:0;transition-delay:0s}.slice-content:before{content:"";position:absolute;inset:0;border-radius:50%;background:transparent;transition:background .18s ease;z-index:-1}.pie-slice:not(.is-disabled) .slice-content:hover:before{background:rgba(80,192,157,.18)}.pie-slice.is-active .slice-content:before{background:rgba(80,192,157,.32)}.pie-slice.is-disabled .slice-content{opacity:.32!important;cursor:not-allowed;pointer-events:none}.slice-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.slice-icon,.slice-icon svg{width:18px;height:18px}.slice-label{font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1;white-space:nowrap}.pie-slice:not(.is-disabled) .slice-content:hover{color:#50C09D;text-shadow:0 0 12px rgba(80,192,157,.35)}.pie-slice.is-active .slice-content{color:#ffffff}.pie-dividers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media (min-width:769px){.grid-layout .cell-radial-menu__trigger{bottom:auto!important;top:6px!important;right:42px;z-index:16}}@media (max-width:768px){.grid-layout .cell-radial-menu__trigger{width:38px;height:38px;right:10px;bottom:10px;top:auto;opacity:1}}@media (min-width:769px){.grid-layout--5 .cell-radial-menu__trigger,.grid-layout--6 .cell-radial-menu__trigger,.grid-layout--7 .cell-radial-menu__trigger,.grid-layout--8 .cell-radial-menu__trigger,.grid-layout--9 .cell-radial-menu__trigger{width:28px;height:28px;right:38px}.grid-layout--5 .cell-radial-menu__trigger .trigger-inner,.grid-layout--6 .cell-radial-menu__trigger .trigger-inner,.grid-layout--7 .cell-radial-menu__trigger .trigger-inner,.grid-layout--8 .cell-radial-menu__trigger .trigger-inner,.grid-layout--9 .cell-radial-menu__trigger .trigger-inner{transform:scale(.78)}}.grid-layout{background:#000;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box}.grid-layout>div:first-child,.grid-layout__track{width:100%;height:100%;box-sizing:border-box;will-change:transform}@media (min-width:769px){.grid-layout__cell{min-width:0;min-height:0;max-width:100%;max-height:100%;flex-shrink:0}}.grid-layout__pin-overlay{gap:8px;padding:8px;box-sizing:border-box}.video-stage .grid-layout{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100%}.event-item--grid .grid-layout{position:relative!important;width:100%!important;height:100vh!important;min-height:100vh!important;max-width:100%!important;top:0!important;left:0!important;right:0!important;bottom:auto!important}@media (max-width:768px){.event-item--grid .grid-layout{height:auto!important;min-height:auto!important;max-height:none!important}}.grid-layout__cell{position:relative;overflow:hidden;cursor:pointer;background:#000;transition:transform .25s ease,outline .2s ease,box-shadow .25s ease;border-radius:0;border:none;will-change:transform;width:100%;height:100%;min-height:0;min-width:0;display:flex;align-items:stretch;z-index:1}.grid-layout__cell:has(.cell-menu__trigger--active),.grid-layout__cell:has(.cell-radial-menu__trigger--active),.grid-layout__cell:hover{z-index:2}.grid-layout__cell:hover{box-shadow:none}.grid-layout__video{width:100%;height:100%;min-width:100%;min-height:100%;z-index:1}.grid-layout__video,.grid-layout__video video{position:absolute;top:0;left:0;object-fit:cover;background:#000;display:block;visibility:visible;opacity:1;pointer-events:none}.grid-layout__video video{width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important}.grid-layout__video video[poster]{background-image:attr(poster)}.grid-layout__video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.6);font-size:12px;text-align:center;z-index:1}.grid-layout__loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:2}.grid-layout__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.grid-layout__tap-overlay{position:absolute;inset:0;z-index:10;cursor:pointer;touch-action:manipulation;transition:background .2s ease}.grid-layout__tap-overlay.paused,.grid-layout__tap-overlay.playing{background:transparent}.grid-layout__expand-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;background:transparent;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;opacity:1;pointer-events:auto;transition:opacity .25s ease,background .2s ease,transform .2s ease}.grid-layout--3 .grid-layout__cell:nth-child(2) .grid-layout__expand-button{left:calc(50% - 60px);transform:translate(-50%,-50%)}@media (max-width:768px){.grid-layout__expand-button{width:56px;height:56px;background:transparent;border:none}.grid-layout__expand-button.hidden{opacity:0!important;pointer-events:none!important}.grid-layout__expand-button svg{width:28px;height:28px}.grid-layout__cell{cursor:default}}.grid-layout__expand-button:hover{background:transparent;transform:scale(1.1)}.grid-layout__expand-button:active{transform:scale(.95)}.grid-layout__video-title{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.7);color:white;padding:6px 12px;border-radius:4px;border:none;font-size:12px;font-weight:500;font-family:inherit;line-height:1.2;text-align:left;z-index:16;cursor:pointer;pointer-events:auto;opacity:1;transition:opacity .25s ease}.grid-layout__video-title.playing{opacity:0;pointer-events:none}.grid-layout--show-controls .grid-layout__video-title.playing,.grid-layout__cell:hover .grid-layout__video-title.playing{opacity:1;pointer-events:auto}.grid-layout__video-title--hidden{opacity:0!important;pointer-events:none!important}.grid-layout--2{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:8px}.grid-layout--2.grid-layout--expanded{grid-template-columns:1fr;grid-template-rows:1fr}.grid-layout--2.grid-layout--expanded .grid-layout__cell:not(.grid-layout__cell--focused){display:none}.grid-layout--2 .grid-layout__cell--focused{grid-column:1/-1;grid-row:1/-1;border-radius:0}.grid-layout--2 .grid-layout__cell{transition:transform .25s ease,order .25s ease}.grid-layout--2 .grid-layout__expand-button{opacity:0}.grid-layout--2 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--2.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;gap:8px}.grid-layout--3 .grid-layout__cell{transition:transform .25s ease}.grid-layout--3 .grid-layout__expand-button{opacity:0}.grid-layout--3 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--3.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.grid-layout--4.grid-layout--focused{grid-template-columns:1fr;grid-template-rows:1fr}.grid-layout--4.grid-layout--focused .grid-layout__cell:not(.grid-layout__cell--focused){display:none}.grid-layout--4 .grid-layout__cell--focused{grid-column:1/-1;grid-row:1/-1;border-radius:0}.grid-layout__focused-cell,.grid-layout__focused-view{width:100%;height:100%;position:relative}.grid-layout__back-button{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;z-index:20;transition:background .2s ease,transform .2s ease}.grid-layout__back-button:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.grid-layout__back-button:active{transform:scale(.95)}.grid-layout--4 .grid-layout__expand-button{opacity:0}.grid-layout--4 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--4.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--5{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 1fr 1fr}.grid-layout--5 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--5 .grid-layout__cell:first-child{grid-column:1/-1}@media (min-width:769px){.grid-layout--6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:768px){.grid-layout--6{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}.grid-layout--6 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--6 .grid-layout__cell--hidden-title .grid-layout__video-title{display:none}.grid-layout--7{grid-template-columns:repeat(2,1fr);grid-template-rows:2fr 1fr 1fr 1fr;gap:4px}.grid-layout--7 .grid-layout__cell{min-width:0;min-height:0}.grid-layout--7 .grid-layout__cell:first-child{grid-column:1/-1}.grid-layout--7 .grid-layout__expand-button{opacity:.3}.grid-layout--7 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--7.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--8{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:4px}.grid-layout--8 .grid-layout__expand-button{opacity:.4}.grid-layout--8 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--8.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout--9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.grid-layout--9 .grid-layout__cell--active{border:2px solid rgba(59,130,246,.8);box-shadow:0 0 12px rgba(59,130,246,.4)}.grid-layout--9 .grid-layout__cell--pinned{border:2px solid rgba(212,168,67,.8);box-shadow:0 0 12px rgba(212,168,67,.4)}.grid-layout--9 .grid-layout__cell:nth-child(5) .grid-layout__expand-button{top:calc(50% + 60px);left:50%;transform:translate(-50%,-50%)}.grid-layout--9 .grid-layout__expand-button{opacity:.3}.grid-layout--9 .grid-layout__cell:hover .grid-layout__expand-button{opacity:1}@media (max-width:768px){.grid-layout--9.grid-layout--show-controls .grid-layout__expand-button{opacity:1}}.grid-layout__transition--resize{transition:grid-column .25s ease,grid-row .25s ease,transform .25s ease}.grid-layout__transition--swap{transition:order .25s ease,transform .25s ease}.grid-layout__transition--focus{transition:opacity .25s ease,transform .25s ease}.grid-layout__transition--promote{transition:grid-column .25s ease,grid-row .25s ease,transform .25s ease}@media (max-width:768px){.grid-layout{gap:4px;padding:4px;min-height:0}.grid-layout__cell{min-height:0}.grid-layout__expand-button{width:36px;height:36px}.grid-layout__spinner{width:30px;height:30px}.grid-layout__video-title{font-size:11px;padding:4px 8px}.grid-layout__back-button{width:40px;height:40px;top:15px;left:15px}}@media (max-width:480px){.grid-layout{gap:2px;padding:2px}.grid-layout__expand-button{width:32px;height:32px}.grid-layout__spinner{width:24px;height:24px}.grid-layout__video-title{font-size:10px;padding:3px 6px}}@media (prefers-reduced-motion:reduce){.grid-layout,.grid-layout__back-button,.grid-layout__cell,.grid-layout__expand-button,.grid-layout__transition--focus,.grid-layout__transition--promote,.grid-layout__transition--resize,.grid-layout__transition--swap{transition:none}.grid-layout__spinner{animation:none;border-top-color:rgba(255,255,255,.5)}}.grid-layout__cell--empty{background:rgba(0,0,0,.3);border:1px dashed rgba(255,255,255,.1)}.grid-layout__cell--empty:hover{transform:none;border-color:rgba(255,255,255,.1)}@keyframes cell-resize-pop{0%{transform:scale(.82);opacity:.45}55%{transform:scale(1.05);opacity:1}75%{transform:scale(.97);opacity:1}to{transform:scale(1);opacity:1}}.grid-layout__cell--size-changing{animation:cell-resize-pop .4s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--cell-pop-delay,0s)}@media (prefers-reduced-motion:reduce){.grid-layout__cell--size-changing{animation:none}}.grid-layout--dominant>div:first-child{display:grid!important;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),grid-template-columns .38s cubic-bezier(.4,0,.2,1)}.grid-layout--dominant .grid-layout__cell--dominant{grid-row:1!important;grid-column:1/-1!important}.grid-layout--dominant .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}@media (max-width:768px){.grid-layout--dominant>div:first-child{grid-template-columns:1fr;grid-template-rows:70fr 30fr!important;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.grid-layout--dominant .grid-layout__cell--dominant{grid-row:1!important;grid-column:1/-1!important;width:100%!important;max-width:100%!important}.grid-layout--dominant .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}}@keyframes cell-dominant-enter{0%{transform:scale(.96);opacity:.7}60%{transform:scale(1.01);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cell-secondary-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.grid-layout__cell--dominant{animation:cell-dominant-enter .42s cubic-bezier(.34,1.56,.64,1) both}.grid-layout__cell--secondary{animation:cell-secondary-enter .32s ease-out both;animation-delay:.08s}.grid-layout--focus-double>div:first-child,.grid-layout--focus-single>div:first-child{display:grid!important;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1),grid-template-columns .38s cubic-bezier(.4,0,.2,1)}.grid-layout__cell--focus-sticky{animation:cell-dominant-enter .42s cubic-bezier(.34,1.56,.64,1) both}.grid-layout--focus-single .grid-layout__cell--focus-sticky{grid-row:1!important;grid-column:1/-1!important}.grid-layout--focus-double .grid-layout__cell--focus-sticky{grid-column:1/-1!important}.grid-layout--focus-double .grid-layout__cell--focus-sticky:first-of-type{grid-row:1!important}.grid-layout--focus-double .grid-layout__cell--focus-sticky:nth-of-type(2){grid-row:2!important}.grid-layout--focus-single .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}.grid-layout--focus-double .grid-layout__cell--secondary{grid-row:3!important;grid-column:auto!important}@media (max-width:768px){.grid-layout--focus-double>div:first-child,.grid-layout--focus-single>div:first-child{transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1)}.grid-layout--focus-double .grid-layout__cell--focus-sticky,.grid-layout--focus-single .grid-layout__cell--focus-sticky{grid-column:1/-1!important}.grid-layout--focus-single .grid-layout__cell--secondary{grid-row:2!important;grid-column:auto!important}.grid-layout--focus-double .grid-layout__cell--secondary{grid-row:3!important;grid-column:auto!important}}@keyframes exit-btn-appear{0%{opacity:0;transform:translateY(-10px) scale(.8)}65%{opacity:1;transform:translateY(2px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.grid-layout__exit-focus-btn{position:absolute;top:12px;right:12px;z-index:50;display:flex;align-items:center;justify-content:center;min-width:96px;min-height:38px;background:rgba(0,0,0,.7);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:19px;padding:8px 12px;font-size:11px;font-weight:600;line-height:1.1;letter-spacing:.02em;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:exit-btn-appear .35s cubic-bezier(.34,1.56,.64,1) both;transition:background .18s ease,transform .15s ease,box-shadow .18s ease}.grid-layout__exit-focus-btn:hover{background:rgba(30,30,30,.9);box-shadow:0 4px 16px rgba(0,0,0,.45)}.grid-layout__exit-focus-btn:active{transform:scale(.93)}@media (max-width:768px){.grid-layout__exit-focus-btn{transition:opacity .2s ease,transform .15s ease,background .18s ease,box-shadow .18s ease}.grid-layout__exit-focus-btn.grid-layout__exit-focus-btn--hidden{opacity:0!important;pointer-events:none!important}}@media (min-width:769px){.grid-layout__exit-focus-btn{display:none}.grid-layout .grid-layout__video-title{display:none!important}.grid-layout .cell-menu__trigger{bottom:auto!important;top:6px!important;right:6px;z-index:16}.grid-layout--5 .cell-menu__trigger,.grid-layout--6 .cell-menu__trigger,.grid-layout--7 .cell-menu__trigger,.grid-layout--8 .cell-menu__trigger,.grid-layout--9 .cell-menu__trigger{width:28px;height:28px}.grid-layout--5 .cell-menu__trigger svg,.grid-layout--6 .cell-menu__trigger svg,.grid-layout--7 .cell-menu__trigger svg,.grid-layout--8 .cell-menu__trigger svg,.grid-layout--9 .cell-menu__trigger svg{width:14px;height:14px}}