.demo-page{min-height:100vh;background:var(--ov-page-bg);color:var(--ov-text);font-family:var(--ov-font);display:flex;flex-direction:column}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;background:var(--ov-overlay-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ov-overlay-border);flex-shrink:0;z-index:100;position:sticky;top:0}.demo-header-left{display:flex;align-items:center;gap:12px}.demo-header-left .nav-logo{height:30px}.demo-header-divider{width:1px;height:22px;background:var(--ov-border)}.demo-header-brand{font-size:14px;font-weight:600;color:var(--ov-text);letter-spacing:.02em}.demo-header-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:2px 7px;border-radius:4px;background:var(--ov-accent-subtle);color:var(--ov-accent)}.demo-header-right{display:flex;align-items:center;gap:14px}.demo-header-title{font-size:13px;color:var(--ov-text-secondary);font-weight:500;letter-spacing:.04em}.demo-live-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#e50914;color:#fff;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 12px #e5091480,0 0 24px #e5091433;animation:live-glow 2s ease-in-out infinite}.demo-live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:live-pulse 1.5s ease-in-out infinite}.demo-vod-indicator{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;background:var(--ov-accent-subtle);color:var(--ov-accent);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}@keyframes live-glow{0%,to{box-shadow:0 0 12px #e5091480,0 0 24px #e5091433}50%{box-shadow:0 0 18px #e50914b3,0 0 36px #e509144d}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.vod-coming-soon{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.vod-coming-soon-card{text-align:center;padding:60px 50px;background:#ffffff08;border:1px solid var(--ov-border);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:420px}.vod-coming-soon-icon{font-size:48px;margin-bottom:20px;opacity:.5}.vod-coming-soon-card h1{font-size:28px;font-weight:600;margin-bottom:12px}.vod-coming-soon-card p{color:var(--ov-text-secondary);font-size:14px;line-height:1.6;margin-bottom:28px}.vod-back-btn{background:var(--ov-accent);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.vod-back-btn:hover{background:var(--ov-accent-hover)}.live-loading,.live-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.live-loading-spinner{width:36px;height:36px;border:3px solid var(--ov-border);border-top-color:var(--ov-accent);border-radius:50%;animation:spin .8s linear infinite}.live-loading p,.live-error p{color:var(--ov-text-secondary);font-size:14px}.live-error h2{font-size:20px;font-weight:600}.live-error-link{color:var(--ov-accent);font-size:14px}.live-match-banner{padding:14px 28px;background:linear-gradient(135deg,#7c5cfc14,#58a6ff0f);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.live-match-teams{display:flex;align-items:center;gap:12px}.live-match-team{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.live-match-vs{font-size:11px;color:#ffffff73;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin:0 6px;padding:2px 8px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.live-match-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ov-text-secondary)}.live-match-dot{opacity:.4}.live-main{display:flex;gap:0;height:calc(100vh - 100px);min-height:400px;overflow:hidden}.live-player-col{min-width:0;display:flex;flex-direction:column}.live-resize-handle{flex:0 0 6px;cursor:col-resize;background:#ffffff0a;transition:background .15s;position:relative}.live-resize-handle:hover,.live-resize-handle:active{background:#ffffff1f}.live-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;border-radius:1px;background:#ffffff40}.live-side-col{min-width:250px;border-left:none;overflow:hidden;display:flex;flex-direction:column}.live-player-viewport{position:relative;background:var(--ov-player-bg);width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.live-player-viewport .theoplayer-container,.live-player-viewport .native-player-container{flex:1;min-height:0;width:100%}.live-player-viewport .theoplayer-container video,.live-player-viewport .native-player-container video{width:100%;height:100%;object-fit:contain}.live-player-click-guard{position:absolute;inset:0 0 50px;z-index:2;cursor:default}.live-player-badge{position:absolute;top:14px;left:14px;z-index:10;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:14px;background:#e50914;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 8px #e5091499;animation:live-glow 2s ease-in-out infinite}.live-badge-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:live-pulse 1.5s ease-in-out infinite}.live-player-controls{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--ov-controls-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;position:relative;z-index:3}.lp-live-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:10px;background:#e50914;color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 6px #e5091480}.lp-ctrl-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;opacity:.85;transition:opacity .15s}.lp-ctrl-btn:hover{opacity:1}.lp-time{font-size:12px;color:var(--ov-text-secondary);font-family:var(--ov-font-mono);white-space:nowrap}.lp-time-sep{margin:0 2px;opacity:.4}.lp-progress-track{flex:1;height:4px;background:var(--ov-progress-track);border-radius:2px;overflow:hidden;cursor:default}.lp-progress-fill{height:100%;background:#e50914;border-radius:2px;transition:width .25s linear}.live-side-panel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ov-panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.ls-tabs{display:flex;flex-shrink:0}.ls-tab{flex:1;padding:10px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ov-text-muted);background:none;border:none;border-bottom:none;cursor:pointer;transition:color .15s;position:relative;white-space:nowrap}.ls-tab:hover{color:var(--ov-text-secondary)}.ls-tab.active{color:var(--ov-accent)}.ls-tab-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e50914;color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ls-content{flex:1;overflow-y:auto;padding:12px;position:relative;overscroll-behavior:contain}.ls-content::-webkit-scrollbar{width:4px}.ls-content::-webkit-scrollbar-track{background:transparent}.ls-content::-webkit-scrollbar-thumb{background:var(--ov-border);border-radius:2px}.ls-new-items-pill{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10;padding:6px 16px;border:none;border-radius:20px;background:var(--ov-accent);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #0006;transition:background .15s;font-family:inherit}.ls-new-items-pill:hover{background:var(--ov-accent-hover, #6a4fe0)}.ls-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:var(--ov-text-muted)}.ls-empty-icon{font-size:28px;margin-bottom:8px;opacity:.5}.ls-empty p{font-size:13px}.ls-transcript{display:flex;flex-direction:column;gap:4px}.ls-transcript-seg{display:flex;gap:8px;padding:5px 8px;border-radius:6px;transition:background .15s;animation:seg-in .3s ease-out}.ls-transcript-seg:hover{background:#ffffff08}@keyframes seg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ls-seg-time{font-size:10px;font-family:var(--ov-font-mono);color:var(--ov-text-muted);min-width:36px;flex-shrink:0;padding-top:2px}.ls-seg-text{font-size:13px;line-height:1.45;color:var(--ov-text-secondary)}.ls-keyword-pill{display:inline;padding:1px 5px;border-radius:3px;background:#e5091426;color:#f85149;font-weight:600;font-size:11px;text-transform:uppercase}.ls-scenes{display:flex;flex-direction:column;gap:10px}.ls-scene-card{display:block;width:100%;text-align:left;padding:0;background:var(--ov-card-bg-subtle);border:1px solid var(--ov-card-border-subtle);border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s;color:var(--ov-text);animation:card-in .4s ease-out;overflow:hidden}.ls-scene-card:hover{border-color:var(--ov-accent);box-shadow:0 4px 20px #0000004d}@keyframes card-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.ls-scene-poster{position:relative;height:120px;overflow:hidden;background:var(--ov-card-gradient)}.ls-scene-poster-img{width:100%;height:100%;object-fit:cover;display:block}.ls-scene-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cfc1a,#e5091414)}.ls-scene-placeholder-icon{font-size:28px;opacity:.4}.ls-scene-overlay{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(transparent,#000000bf);display:flex;justify-content:space-between;align-items:flex-end}.ls-scene-type{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:3px;background:#7c5cfc33;color:var(--ov-accent)}.ls-type-goal,.ls-type-penalty_goal,.ls-type-penalty-goal{background:#e5091440;color:#ff6b6b}.ls-type-near_miss,.ls-type-near-miss,.ls-type-shot{background:#d2992233;color:#ffd666}.ls-type-save,.ls-type-goalkeeper_save,.ls-type-goalkeeper-save{background:#3fb95033;color:#6bff8e}.ls-type-foul,.ls-type-yellow_card,.ls-type-yellow-card,.ls-type-red_card,.ls-type-red-card,.ls-type-card{background:#f8514933;color:#ff8a82}.ls-scene-time{font-size:10px;font-family:var(--ov-font-mono);color:#ffffffb3}.ls-scene-body{padding:8px 10px 10px}.ls-scene-label{font-size:13px;font-weight:500;margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ls-scene-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.ls-scene-excitement{display:flex;align-items:center;gap:4px;margin-left:auto}.ls-excitement-bar{width:36px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.ls-excitement-fill{height:100%;background:linear-gradient(90deg,var(--ov-accent),#e50914);border-radius:2px}.ls-excitement-val{font-size:10px;font-weight:600;color:var(--ov-text-muted)}.ls-play-icon{font-size:10px;color:var(--ov-accent)}.ls-scene-players{display:flex;gap:4px;flex-wrap:wrap;min-width:0}.ls-player-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:#58a6ff1a;color:var(--ov-blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.ls-highlights{display:flex;flex-direction:column;gap:10px}.ls-highlight-card{display:flex;flex-direction:column;width:100%;text-align:left;padding:0;background:var(--ov-card-bg-subtle);border:1px solid var(--ov-card-border-subtle);border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s;color:var(--ov-text);animation:card-in .4s ease-out;overflow:hidden}.ls-highlight-card:hover{border-color:var(--ov-accent);box-shadow:0 4px 20px #0000004d}.ls-hl-poster{position:relative;height:140px;overflow:hidden;background:var(--ov-card-gradient)}.ls-hl-poster-img{width:100%;height:100%;object-fit:cover;display:block}.ls-hl-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cfc1a,#e5091414)}.ls-hl-placeholder-icon{font-size:32px;opacity:.4}.ls-hl-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;color:#fff;font-size:24px;opacity:0;transition:opacity .15s}.ls-highlight-card:hover .ls-hl-play-overlay{opacity:1}.ls-hl-body{padding:10px 12px 12px}.ls-hl-label{font-size:14px;font-weight:600;margin-bottom:6px;line-height:1.3}.ls-hl-meta{display:flex;gap:12px;font-size:11px;color:var(--ov-text-muted);white-space:nowrap;align-items:center}.ls-vertical{display:flex;flex-direction:column;align-items:center;gap:12px}.ls-vertical-player{position:relative;width:100%;max-width:260px;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.ls-vertical-player .theoplayer-container,.ls-vertical-player video{width:100%;height:100%;object-fit:cover}.ls-vertical-badge{position:absolute;top:8px;right:8px;z-index:10;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:#e50914;color:#fff;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ls-vertical-info{display:flex;flex-direction:column;align-items:center;gap:2px}.ls-vertical-label{font-size:12px;font-weight:600;color:var(--ov-text-secondary)}.ls-vertical-delay{font-size:10px;color:var(--ov-text-muted);font-style:italic}.clip-modal-backdrop{position:fixed;inset:0;z-index:1000;background:var(--ov-modal-backdrop);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-bg-in .25s ease-out}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}.clip-modal{width:100%;max-width:min(1400px,90vw);max-height:90vh;background:var(--ov-modal-bg);border:1px solid var(--ov-card-border-subtle);border-radius:12px;overflow:auto;animation:modal-in .3s ease-out;box-shadow:0 8px 40px #0006;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.clip-modal-close{position:absolute;top:12px;right:12px;z-index:10;background:#00000080;border:none;color:#fff;font-size:16px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.clip-modal-close:hover{background:#fff3}.clip-modal-players{display:flex;gap:0;padding:0;position:relative}.clip-modal-players.dual{gap:12px;padding:12px 16px 0;align-items:stretch}.clip-modal-players.single{justify-content:center;padding:12px 16px 0}.clip-modal-landscape{flex:1 1 0%;position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--ov-player-bg);min-width:0;max-height:60vh}.clip-modal-vertical{flex:0 0 auto;position:relative;border-radius:8px;overflow:hidden;background:var(--ov-player-bg)}.clip-modal-players.single .clip-modal-landscape{max-width:1000px}.clip-modal-video{width:100%;height:100%}.clip-modal-video .theoplayer-container,.clip-modal-video video{width:100%;height:100%;object-fit:contain}.clip-format-label{position:absolute;bottom:8px;left:8px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#0009;color:var(--ov-text-secondary);letter-spacing:.04em}.clip-modal-controls{display:flex;align-items:center;gap:12px;padding:12px 20px}.cm-ctrl-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px;opacity:.85;transition:opacity .15s}.cm-ctrl-btn:hover{opacity:1}.cm-time{font-size:12px;font-family:var(--ov-font-mono);color:var(--ov-text-secondary);min-width:36px}.cm-seek-track{flex:1;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;cursor:pointer}.cm-seek-fill{height:100%;background:var(--ov-accent);border-radius:2px;transition:width .2s linear}.clip-modal-meta{padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.06)}.cm-type-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:4px;margin-bottom:8px;background:#7c5cfc26;color:var(--ov-accent)}.cm-type-goal,.cm-type-penalty-goal{background:#e5091426;color:#f85149}.cm-type-near-miss,.cm-type-shot{background:#d2992226;color:var(--ov-warning)}.cm-type-save,.cm-type-goalkeeper-save{background:#3fb95026;color:var(--ov-success)}.cm-type-foul,.cm-type-yellow-card,.cm-type-red-card,.cm-type-card{background:#f8514926;color:var(--ov-error)}.cm-title{font-size:18px;font-weight:600;margin-bottom:4px}.cm-description{font-size:13px;color:var(--ov-text-secondary);line-height:1.5;margin-bottom:12px}.cm-details{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cm-excitement{display:flex;align-items:center;gap:8px}.cm-excitement-label{font-size:11px;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.06em}.cm-excitement-bar{width:80px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.cm-excitement-fill{height:100%;background:linear-gradient(90deg,var(--ov-accent),#e50914);border-radius:2px}.cm-excitement-val{font-size:12px;font-weight:600;color:var(--ov-text-secondary)}.cm-players{display:flex;gap:4px;flex-wrap:wrap}.cm-player-tag{font-size:11px;padding:2px 8px;border-radius:4px;background:#58a6ff1a;color:var(--ov-blue)}.live-toasts{position:fixed;top:80px;right:24px;z-index:900;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:360px}.live-toast{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#10141cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--ov-text);font-size:13px;font-weight:500;box-shadow:0 4px 20px #0006;animation:toast-in .35s ease-out;pointer-events:auto}.live-toast-icon{font-size:18px;flex-shrink:0}.live-toast-text{flex:1;line-height:1.3}.live-toast-close{flex-shrink:0;background:none;border:none;color:#fff9;font-size:14px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s}.live-toast-close:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.event-rows{padding:24px 0 40px}.er-filter-bar{display:flex;align-items:center;justify-content:space-between;padding:0 28px 16px;gap:16px;flex-wrap:wrap}.er-team-filters{display:flex;gap:6px}.er-team-btn{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--ov-text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.er-team-btn:hover{border-color:#ffffff4d;background:#ffffff14;color:var(--ov-text)}.er-team-btn.active{background:var(--ov-accent);color:#fff;border-color:var(--ov-accent)}.er-player-filter{display:flex;align-items:center}.er-player-select{padding:6px 28px 6px 12px;border-radius:8px;border:1px solid var(--ov-border);background:#ffffff0a;color:var(--ov-text);font-size:12px;font-family:var(--ov-font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.er-player-select:focus{outline:none;border-color:var(--ov-accent)}.er-player-select option{background:var(--ov-surface);color:var(--ov-text)}.er-row{margin-bottom:28px;animation:row-in .5s ease-out}@keyframes row-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.er-row-header{display:flex;align-items:center;gap:10px;padding:0 28px 10px}.er-row-title{font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--ov-text),var(--ov-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.er-row-count{font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;background:#ffffff0f;color:var(--ov-text-muted)}.er-row-track-wrapper{position:relative}.er-row-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0;margin:0 28px;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.er-row-track:after{content:"";flex:0 0 1px}.er-row-track::-webkit-scrollbar{display:none}.er-arrow{position:absolute;top:0;bottom:0;width:48px;z-index:5;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:0;transition:opacity .2s}.er-row-track-wrapper:hover .er-arrow{opacity:1}.er-arrow-left{left:0;background:linear-gradient(90deg,rgba(10,14,20,.9),transparent)}.er-arrow-right{right:0;background:linear-gradient(270deg,rgba(10,14,20,.9),transparent)}.er-card{flex:0 0 auto;width:260px;scroll-snap-align:start;border-radius:10px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--ov-text);text-align:left;animation:card-appear .4s ease-out}.er-card:hover{border-color:var(--ov-accent);box-shadow:0 8px 32px #0006}@keyframes card-appear{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.er-card-poster{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(135deg,#1a1e28,#0f1318)}.er-card-img{width:100%;height:100%;object-fit:cover}.er-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cfc1a,#e5091414)}.er-card-placeholder-icon{font-size:32px;opacity:.4}.er-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:space-between;align-items:flex-end}.er-card-type{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:3px;background:#7c5cfc33;color:var(--ov-accent)}.er-type-goal,.er-type-penalty-goal,.er-type-penalty_goal{background:#e5091440;color:#ff6b6b}.er-type-near-miss,.er-type-near_miss,.er-type-shot{background:#d2992233;color:#ffd666}.er-type-save,.er-type-goalkeeper-save,.er-type-goalkeeper_save{background:#3fb95033;color:#6bff8e}.er-type-foul,.er-type-yellow-card,.er-type-yellow_card,.er-type-red-card,.er-type-red_card{background:#f8514933;color:#ff8a82}.er-card-formats{font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;background:#ffffff26;color:#fffc}.er-card-body{padding:10px 12px 12px}.er-card-label{font-size:13px;font-weight:500;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.er-card-meta{display:flex;align-items:center;justify-content:space-between}.er-card-time{font-size:10px;font-family:var(--ov-font-mono);color:var(--ov-text-muted)}.er-card-excitement{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--ov-text-muted)}.er-card-excitement-bar{width:40px;height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.er-card-excitement-fill{height:100%;background:linear-gradient(90deg,var(--ov-accent),#e50914);border-radius:2px}.er-empty{text-align:center;padding:40px 28px;color:var(--ov-text-muted);font-size:13px}@media(max-width:900px){.live-main{flex-direction:column}.live-side-col{flex:auto;max-width:100%;min-width:0;border-left:none;border-top:1px solid rgba(255,255,255,.06);max-height:400px}.clip-modal-players.dual{flex-direction:column;align-items:center;max-height:none}.clip-modal-vertical{width:auto}.demo-header{padding:10px 16px}.demo-header-title{display:none}.er-card{width:220px}}@media(max-width:600px){.demo-header-brand{display:none}.live-match-banner{padding:10px 16px;flex-direction:column;align-items:flex-start}.er-filter-bar{padding:0 16px 12px;flex-direction:column;align-items:flex-start}.er-row-header{padding:0 16px 8px}.er-row-track{padding:0 16px}.er-card{width:200px}}:root[data-theme=light] .demo-header{box-shadow:0 1px 3px #00000014}:root[data-theme=light] .live-side-col{border-left:1px solid var(--ov-border)}:root[data-theme=light] .ls-transcript-seg:hover{background:#0000000a}:root[data-theme=light] .ls-scene-card,:root[data-theme=light] .ls-highlight-card{background:var(--ov-card);border-color:var(--ov-border);box-shadow:0 1px 3px #0000000f}:root[data-theme=light] .ls-scene-card:hover,:root[data-theme=light] .ls-highlight-card:hover{box-shadow:0 4px 16px #0000001a}:root[data-theme=light] .ls-keyword-pill{background:#cf222e14}:root[data-theme=light] .clip-modal{box-shadow:0 8px 40px #00000026}:root[data-theme=light] .cm-seek-track{background:var(--ov-progress-track)}:root[data-theme=light] .lp-ctrl-btn,:root[data-theme=light] .cm-ctrl-btn{color:var(--ov-text)}:root[data-theme=light] .ls-new-items-pill{box-shadow:0 2px 12px #0000001f}:root[data-theme=light] .ls-vertical-player{border-color:var(--ov-border)}:root[data-theme=light] .live-match-banner{background:var(--ov-card);border-bottom:1px solid var(--ov-border)}:root[data-theme=light] .er-card{background:var(--ov-card);border-color:var(--ov-border);box-shadow:0 1px 3px #0000000f}:root[data-theme=light] .er-card:hover{box-shadow:0 4px 12px #0000001a}:root[data-theme=light] .live-toasts .live-toast{background:var(--ov-card);border-color:var(--ov-border);box-shadow:0 4px 16px #0000001a}:root[data-theme=light] .ls-content::-webkit-scrollbar-thumb{background:var(--ov-scrollbar-thumb)}:root[data-theme=light] .er-arrow{color:var(--ov-text)}:root[data-theme=light] .er-arrow-left{background:linear-gradient(90deg,rgba(240,242,245,.95),transparent)}:root[data-theme=light] .er-arrow-right{background:linear-gradient(270deg,rgba(240,242,245,.95),transparent)}:root[data-theme=light] .er-card-poster{background:var(--ov-card-gradient)}:root[data-theme=light] .er-row-count{background:#0000000f}:root[data-theme=light] .er-card-excitement-bar{background:#00000014}:root[data-theme=light] .er-player-select{background-color:var(--ov-card)}:root[data-theme=light] .er-card-formats{background:#00000080;color:#fff}:root[data-theme=light] .live-player-controls{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}:root[data-theme=light] .lp-ctrl-btn{color:#fff}:root[data-theme=light] .lp-time{color:#fff9}:root[data-theme=light] .lp-progress-track{background:#ffffff26}:root[data-theme=light] .live-match-vs{color:var(--ov-text-muted);background:#0000000a;border-color:var(--ov-border)}:root[data-theme=light] .ls-excitement-bar,:root[data-theme=light] .cm-excitement-bar{background:#00000014}:root[data-theme=light] .ls-scene-overlay{background:linear-gradient(transparent,#0009)}:root[data-theme=light] .vod-coming-soon-card{background:var(--ov-card);border-color:var(--ov-border)}:root[data-theme=light] .er-team-btn{border-color:var(--ov-border);background:var(--ov-card);color:var(--ov-text-secondary)}:root[data-theme=light] .er-team-btn:hover{border-color:var(--ov-accent);background:var(--ov-hover);color:var(--ov-text)}:root[data-theme=light] .er-team-btn.active{background:var(--ov-accent);color:#fff;border-color:var(--ov-accent)}:root[data-theme=light] .ls-tab{color:var(--ov-text-muted)}:root[data-theme=light] .ls-tab:hover{color:var(--ov-text-secondary)}:root[data-theme=light] .clip-modal-controls{background:#000000d9}:root[data-theme=light] .cm-ctrl-btn{color:#fff}:root[data-theme=light] .cm-time{color:#fff9}:root[data-theme=light] .cm-seek-track{background:#ffffff26}:root[data-theme=light] .live-match-banner{border-bottom-color:var(--ov-border)}:root[data-theme=light] .live-resize-handle{background:#0000000f}:root[data-theme=light] .live-resize-handle:hover,:root[data-theme=light] .live-resize-handle:active{background:#00000026}:root[data-theme=light] .live-resize-handle-bar{background:#00000040}:root[data-theme=light] .clip-modal-close{background:#00000014;color:var(--ov-text)}:root[data-theme=light] .clip-modal-close:hover{background:#00000026}:root[data-theme=light] .clip-modal-meta{border-top-color:var(--ov-border)}.vod-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--ov-text-secondary, #8b949e)}.vod-loading-spinner{width:40px;height:40px;border:3px solid rgba(139,148,158,.2);border-top-color:var(--ov-accent, #7c3aed);border-radius:50%;animation:vod-spin .8s linear infinite}@keyframes vod-spin{to{transform:rotate(360deg)}}.vod-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:var(--ov-text-secondary, #8b949e);text-align:center;padding:24px}.vod-error h2{color:var(--ov-text);font-size:1.5rem;margin:0}.vod-error-link{color:var(--ov-accent, #7c3aed);text-decoration:none;margin-top:8px}.vod-error-link:hover{text-decoration:underline}.vod-hero{position:relative;min-height:100px;max-height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vod-hero-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) brightness(.4)}.vod-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a0e1466,#0a0e14f2)}.vod-hero-content{position:relative;z-index:1;text-align:center;padding:14px 24px}.vod-hero-comp{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--ov-accent, #7c3aed);margin:0 0 6px;font-weight:500}.vod-hero-teams{font-size:1.6rem;font-weight:700;color:var(--ov-text);margin:0 0 4px;line-height:1.2}.vod-hero-team-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.vod-hero-vs{display:inline-block;margin:0 16px;font-size:.9rem;font-weight:400;color:var(--ov-text-secondary, #8b949e);text-transform:uppercase;letter-spacing:1px}.vod-hero-info{font-size:.85rem;color:var(--ov-text-secondary, #8b949e);margin:0 0 20px}.vod-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.vod-hero-btn{padding:10px 24px;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.vod-hero-btn:hover{transform:translateY(-1px)}.vod-hero-btn-primary{background:var(--ov-accent, #7c3aed);color:#fff;box-shadow:0 4px 16px #7c3aed4d}.vod-hero-btn-primary:hover{box-shadow:0 6px 24px #7c3aed73}.vod-hero-btn-secondary{background:#ffffff14;color:var(--ov-text);border:1px solid rgba(255,255,255,.15)}.vod-hero-btn-secondary:hover{background:#ffffff1f}.vod-filter-bar{position:sticky;top:48px;z-index:50;background:#0a0e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);padding:12px 24px}.vod-filter-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vod-team-filters{display:flex;gap:8px}.vod-team-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--ov-text-secondary, #8b949e);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.vod-team-btn:hover{background:#ffffff14;color:var(--ov-text)}.vod-team-btn.active{background:var(--ov-accent);border-color:var(--ov-accent);color:#fff}.vod-team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vod-player-filter{margin-left:auto}.vod-player-select{padding:6px 28px 6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--ov-text);font-size:.82rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238b949e'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.vod-player-select option{background:var(--ov-surface)}.vod-section-header{display:flex;align-items:baseline;gap:12px;padding:0 24px;margin-bottom:16px}.vod-section-title{font-size:1.2rem;font-weight:600;color:var(--ov-text);margin:0}.vod-section-count{font-size:.8rem;color:var(--ov-text-secondary, #8b949e)}.vod-scenes-section{padding-top:0}.vod-scenes-section .er-filter-bar{display:none}.vod-highlights-section{padding:24px 0;border-top:1px solid var(--ov-card-border-subtle)}.vod-hl-track-wrapper{position:relative;padding:0 24px}.vod-hl-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.vod-hl-track::-webkit-scrollbar{display:none}.vod-hl-card{flex:0 0 260px;scroll-snap-align:start;border-radius:10px;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;text-align:left;color:var(--ov-text);animation:card-appear .4s ease-out}.vod-hl-card:hover{border-color:var(--ov-accent);box-shadow:0 8px 32px #0006}.vod-hl-poster{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--ov-card-gradient)}.vod-hl-img{width:100%;height:100%;object-fit:cover}.vod-hl-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c5cfc1a,#e5091414)}.vod-hl-placeholder-icon{font-size:32px;opacity:.4}.vod-hl-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(transparent,#000000b3);display:flex;justify-content:space-between;align-items:flex-end}.vod-hl-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:3px;background:#7c5cfc33;color:var(--ov-accent)}.vod-hl-formats{font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;background:#ffffff26;color:#fffc}.vod-hl-body{padding:10px 12px 12px}.vod-hl-label{font-size:13px;font-weight:500;line-height:1.3;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vod-hl-meta{display:flex;gap:12px;font-size:11px;color:var(--ov-text-muted, var(--ov-text-secondary, #8b949e))}.vod-full-game{padding:32px 0;border-top:1px solid var(--ov-card-border-subtle)}.vod-fg-layout{padding:0 24px;max-width:1400px;margin:0 auto}.vod-fg-layout.with-transcript{display:grid;grid-template-columns:1fr 28%;gap:16px}.vod-fg-layout.with-transcript .vod-fg-dual-player{min-width:0}.vod-fg-layout.with-transcript .vod-transcript{min-width:200px;max-width:320px}.vod-fg-video-landscape{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--ov-player-bg)}.vod-fg-video-vertical{aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:var(--ov-player-bg)}.vod-transcript{background:var(--ov-card-bg-subtle);border:1px solid var(--ov-card-border-subtle);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative}.vod-transcript-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--ov-text-secondary, #8b949e);gap:8px}.vod-transcript-empty-icon{font-size:1.5rem;opacity:.5}.vod-transcript-header{padding:12px 16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--ov-text-secondary, #8b949e);border-bottom:1px solid var(--ov-card-border-subtle);flex-shrink:0}.vod-transcript-list{position:absolute;inset:42px 0 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.vod-transcript-seg{display:flex;gap:10px;padding:8px 16px;border:none;background:none;color:var(--ov-text-secondary, #8b949e);font-size:.78rem;text-align:left;width:100%;cursor:pointer;transition:background .15s,color .15s;border-left:3px solid transparent}.vod-transcript-seg:hover{background:#ffffff0a;color:var(--ov-text)}.vod-transcript-seg.active{background:#7c3aed1a;color:var(--ov-text);border-left-color:var(--ov-accent, #7c3aed)}.vt-time{flex-shrink:0;font-family:SF Mono,Fira Code,monospace;font-size:.72rem;color:var(--ov-text-secondary, #8b949e);min-width:36px}.vt-text{flex:1;line-height:1.4}.vt-keyword-pill{display:inline;font-weight:700;color:var(--ov-accent, #7c3aed)}@media(max-width:1200px){.vod-fg-layout.with-transcript{grid-template-columns:1fr}.vod-fg-layout.with-transcript .vod-transcript{max-width:none;max-height:400px}}@media(max-width:768px){.vod-hero{min-height:80px;max-height:120px}.vod-hero-teams{font-size:1.3rem}.vod-hero-vs{margin:0 10px}.vod-filter-bar{padding:10px 16px}.vod-team-filters{flex-wrap:wrap}.vod-fg-layout{padding:0 16px}.vod-fg-layout.with-transcript{grid-template-columns:1fr}.vod-fg-layout.with-transcript .vod-fg-dual-player,.vod-fg-layout.with-transcript .vod-transcript{width:100%!important;max-width:none!important}.vod-transcript{max-height:300px}.vod-hl-card{flex:0 0 240px}.vod-section-header,.vod-hl-track-wrapper{padding:0 16px}}:root[data-theme=light] .demo-page{background:var(--ov-page-bg)}:root[data-theme=light] .vod-transcript{background:var(--ov-card);border-color:var(--ov-border);box-shadow:0 1px 3px #0000000f}:root[data-theme=light] .vod-transcript-header{border-bottom-color:var(--ov-border)}:root[data-theme=light] .vod-transcript-seg:hover{background:#0000000a}:root[data-theme=light] .vod-transcript-list{scrollbar-color:rgba(0,0,0,.15) transparent}:root[data-theme=light] .vod-hl-card{background:var(--ov-card);border-color:var(--ov-border);box-shadow:0 1px 3px #0000000f}:root[data-theme=light] .vod-hl-card:hover{box-shadow:0 4px 16px #0000001a}:root[data-theme=light] .vod-hero-section{border-bottom:1px solid var(--ov-border)}:root[data-theme=light] .vod-hero-overlay{background:linear-gradient(to bottom,#f0f2f566,#f0f2f5f2)}:root[data-theme=light] .vod-hero-bg{filter:blur(40px) brightness(.85)}:root[data-theme=light] .vod-hero-btn-secondary{background:#0000000f;color:var(--ov-text);border-color:var(--ov-border)}:root[data-theme=light] .vod-hero-btn-secondary:hover{background:#0000001a}:root[data-theme=light] .vod-filter-bar{background:#f0f2f5e6;border-bottom-color:var(--ov-border)}:root[data-theme=light] .vod-team-btn{border-color:var(--ov-border);background:var(--ov-card);color:var(--ov-text-secondary)}:root[data-theme=light] .vod-team-btn:hover{border-color:var(--ov-accent);color:var(--ov-text)}:root[data-theme=light] .vod-team-btn.active{background:var(--ov-accent);color:#fff;border-color:var(--ov-accent)}:root[data-theme=light] .vod-player-select{background-color:var(--ov-card);border-color:var(--ov-border)}:root[data-theme=light] .vod-transcript-seg.active{background:#6b46e514;color:var(--ov-text);border-left-color:var(--ov-accent)}:root[data-theme=light] .vod-transcript-seg.active .vt-time{color:var(--ov-accent)}:root[data-theme=light] .vod-highlights-section,:root[data-theme=light] .vod-full-game{border-top-color:var(--ov-border)}:root[data-theme=light] .vod-hl-formats{background:#00000080;color:#fff}:root{--ov-black: #000000;--ov-dark: #0d1117;--ov-surface: #161b22;--ov-card: #1c2128;--ov-hover: #21262d;--ov-border: #30363d;--ov-border-focus: #7c5cfc;--ov-text: #e6edf3;--ov-text-secondary: #8b949e;--ov-text-muted: #484f58;--ov-accent: #7c5cfc;--ov-accent-hover: #9b7eff;--ov-accent-subtle: rgba(124, 92, 252, .15);--ov-success: #3fb950;--ov-warning: #d29922;--ov-error: #f85149;--ov-purple: #a78bfa;--ov-blue: #58a6ff;--ov-green: #3fb950;--ov-orange: #d29922;--ov-white: #ffffff;--ov-radius: 8px;--ov-radius-sm: 4px;--ov-radius-lg: 12px;--ov-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ov-font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;--ov-shadow: 0 2px 12px rgba(0, 0, 0, .4);--ov-page-bg: #0a0e14;--ov-overlay-bg: rgba(0, 0, 0, .85);--ov-overlay-border: rgba(255, 255, 255, .06);--ov-card-gradient: linear-gradient(135deg, #1a1e28, #0f1318);--ov-card-bg-subtle: rgba(255, 255, 255, .03);--ov-card-border-subtle: rgba(255, 255, 255, .06);--ov-panel-bg: rgba(10, 14, 20, .6);--ov-modal-bg: rgba(16, 20, 28, .85);--ov-modal-backdrop: rgba(0, 0, 0, .55);--ov-controls-bg: rgba(0, 0, 0, .7);--ov-scrollbar-thumb: var(--ov-border);--ov-hover-subtle: rgba(255, 255, 255, .03);--ov-progress-track: rgba(255, 255, 255, .15);--ov-player-bg: #000;--ov-code-bg: #0d1117;--ov-code-text: #c9d1d9;--ov-code-block-bg: #1f2937}:root[data-theme=light]{--ov-black: #f8f9fa;--ov-dark: #f0f2f5;--ov-surface: #e8eaed;--ov-card: #ffffff;--ov-hover: #dde0e4;--ov-border: #d0d7de;--ov-border-focus: #7c5cfc;--ov-text: #1f2328;--ov-text-secondary: #59636e;--ov-text-muted: #8b949e;--ov-accent: #6b46e5;--ov-accent-hover: #5a35d4;--ov-accent-subtle: rgba(107, 70, 229, .1);--ov-success: #1a7f37;--ov-warning: #9a6700;--ov-error: #cf222e;--ov-purple: #8250df;--ov-blue: #0969da;--ov-green: #1a7f37;--ov-orange: #9a6700;--ov-white: #ffffff;--ov-shadow: 0 2px 12px rgba(0, 0, 0, .08);--ov-page-bg: #f0f2f5;--ov-overlay-bg: rgba(255, 255, 255, .95);--ov-overlay-border: rgba(0, 0, 0, .08);--ov-card-gradient: linear-gradient(135deg, #e8eaed, #f0f2f5);--ov-card-bg-subtle: rgba(0, 0, 0, .03);--ov-card-border-subtle: rgba(0, 0, 0, .08);--ov-panel-bg: rgba(255, 255, 255, .85);--ov-modal-bg: rgba(255, 255, 255, .95);--ov-modal-backdrop: rgba(0, 0, 0, .3);--ov-controls-bg: rgba(255, 255, 255, .9);--ov-scrollbar-thumb: #c0c5cc;--ov-hover-subtle: rgba(0, 0, 0, .03);--ov-progress-track: rgba(0, 0, 0, .12);--ov-player-bg: #1a1a1a;--ov-code-bg: #f6f8fa;--ov-code-text: #1f2328;--ov-code-block-bg: #eef1f5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--ov-dark);color:var(--ov-text);font-family:var(--ov-font);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--ov-accent);text-decoration:none}a:hover{color:var(--ov-accent-hover)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:24px;padding:10px 24px;background:var(--ov-black);border-bottom:1px solid var(--ov-border);flex-shrink:0}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo-btn{background:none;border:none;padding:0;cursor:pointer;line-height:0;opacity:.9;transition:opacity .15s}.nav-logo-btn:hover{opacity:1}.nav-logo{height:32px;width:auto;flex-shrink:0}.nav-divider{width:1px;height:28px;background:var(--ov-border);flex-shrink:0}.nav-title{font-size:15px;font-weight:600;color:var(--ov-text);letter-spacing:-.2px}.nav-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ov-accent);background:var(--ov-accent-subtle);padding:2px 8px;border-radius:4px}.status-bar{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:13px;color:var(--ov-text-secondary)}.connection-dot{width:8px;height:8px;border-radius:50%}.connection-dot.online{background:var(--ov-success);box-shadow:0 0 6px var(--ov-success)}.connection-dot.offline{background:var(--ov-error)}.backend-summary,.job-count{padding-left:8px;border-left:1px solid var(--ov-border)}.offline-banner{background:#f851491a;border-bottom:1px solid rgba(248,81,73,.25);padding:10px 24px;font-size:13px;text-align:center;color:var(--ov-error)}.offline-banner code{background:var(--ov-card);padding:2px 6px;border-radius:var(--ov-radius-sm);font-family:var(--ov-font-mono);font-size:12px;color:var(--ov-text)}.main-stage{flex:1;overflow-y:auto;padding:16px 12px;max-width:1400px;width:100%;margin:0 auto}.input-panel{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);padding:20px 24px;margin-bottom:24px}.input-panel-inner{display:flex;align-items:flex-end;gap:16px}.input-select-group{flex:1}.input-select-group label{display:block;font-size:11px;font-weight:600;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.input-select-group select{width:100%;padding:10px 32px 10px 14px;background:var(--ov-dark);border:1px solid var(--ov-border);border-radius:var(--ov-radius);color:var(--ov-text);font-size:14px;font-family:var(--ov-font);cursor:pointer;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%238b949e' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.input-select-group select:focus{outline:none;border-color:var(--ov-border-focus);box-shadow:0 0 0 2px var(--ov-accent-subtle)}.input-select-group select:disabled{opacity:.5;cursor:not-allowed}.generate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--ov-accent);color:var(--ov-white);border:none;border-radius:var(--ov-radius);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--ov-font);transition:background .15s;white-space:nowrap;flex-shrink:0}.generate-btn:hover:not(:disabled){background:var(--ov-accent-hover)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:var(--ov-white);border-radius:50%;animation:spin .8s linear infinite}.input-meta{margin-top:8px}.input-desc{font-size:12px;color:var(--ov-text-secondary)}.input-error{margin-top:8px;background:#f851491a;border:1px solid rgba(248,81,73,.25);color:var(--ov-error);padding:8px 12px;border-radius:var(--ov-radius-sm);font-size:13px}.hero{text-align:center;padding:60px 40px;max-width:780px;margin:0 auto}.hero-icon{font-size:48px;margin-bottom:16px;opacity:.7}.hero h2{font-size:24px;font-weight:600;margin-bottom:10px;color:var(--ov-white)}.hero p{color:var(--ov-text-secondary);font-size:14px;margin-bottom:32px;line-height:1.7}.hero-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}.hero-feat{display:flex;flex-direction:column;gap:2px;padding:14px;background:var(--ov-card);border-radius:var(--ov-radius);border:1px solid var(--ov-border)}.hero-feat-icon{font-size:20px;margin-bottom:4px}.hero-feat strong{font-size:13px;color:var(--ov-text)}.hero-feat span:last-child{font-size:12px;color:var(--ov-text-secondary)}.job-view{display:flex;flex-direction:column;gap:20px}.job-view-header{display:flex;align-items:center;gap:12px}.job-back-btn{background:none;border:1px solid var(--ov-border);color:var(--ov-text-secondary);font-size:13px;padding:3px 10px;border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.job-back-btn:hover{color:var(--ov-white);border-color:var(--ov-text-secondary)}.job-view-id{font-size:18px;font-weight:600;color:var(--ov-white);font-family:var(--ov-font-mono)}.source-url-row{font-size:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.source-url-row a{color:var(--ov-accent);text-decoration:none;word-break:break-all}.source-url-row a:hover{text-decoration:underline}.status-badge{font-size:11px;font-weight:600;padding:1px 6px;border-radius:3px;text-transform:uppercase}.status-badge.queued{background:#8b949e26;color:var(--ov-text-secondary)}.status-badge.processing{background:var(--ov-accent-subtle);color:var(--ov-accent)}.status-badge.completed{background:#3fb95026;color:var(--ov-success)}.status-badge.failed{background:#f8514926;color:var(--ov-error)}.status-badge.large{font-size:13px;padding:3px 10px}.pipeline-stepper{display:flex;gap:2px;background:var(--ov-surface);border-radius:var(--ov-radius-lg);padding:4px;border:1px solid var(--ov-border)}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--ov-radius);transition:background .2s}.step.running{background:var(--ov-accent-subtle)}.step.completed{background:#3fb95014}.step.failed{background:#f8514914}.step-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700}.step.pending .step-icon{background:var(--ov-dark)}.step.running .step-icon{background:var(--ov-accent-subtle);color:var(--ov-accent)}.step.completed .step-icon{background:#3fb95026;color:var(--ov-success)}.step.failed .step-icon{background:#f8514926;color:var(--ov-error)}.step.skipped .step-icon{background:var(--ov-dark);color:var(--ov-text-muted)}.step-check,.step-fail{font-size:14px}.step-dot{width:6px;height:6px;background:var(--ov-text-muted);border-radius:50%;display:block}.step-label{font-size:11px;font-weight:500;color:var(--ov-text-secondary);text-align:center;line-height:1.2}.step.running .step-label{color:var(--ov-accent)}.step.completed .step-label{color:var(--ov-success)}.live-feed{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);overflow:hidden}.live-feed h3{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ov-text-secondary);padding:12px 16px;border-bottom:1px solid var(--ov-border);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.live-feed h3:hover{color:var(--ov-text)}.feed-count{font-size:11px;font-weight:600;background:var(--ov-dark);padding:1px 6px;border-radius:10px;color:var(--ov-text-muted);font-family:var(--ov-font-mono)}.feed-chevron{margin-left:auto;font-size:12px;color:var(--ov-text-muted)}.live-feed.collapsed{border-radius:var(--ov-radius-lg)}.live-feed.collapsed h3{border-bottom:none}.feed-indicator{width:8px;height:8px;border-radius:50%;background:var(--ov-text-muted);flex-shrink:0}.feed-indicator.active{background:var(--ov-success);box-shadow:0 0 6px var(--ov-success);animation:pulse 2s ease-in-out infinite}.feed-log{max-height:280px;overflow-y:auto;padding:8px 0;font-family:var(--ov-font-mono);font-size:12px;line-height:1.6}.feed-entry{display:flex;align-items:baseline;gap:8px;padding:3px 16px;transition:background .15s}.feed-entry:hover{background:var(--ov-hover)}.feed-text{color:var(--ov-text-secondary);white-space:pre-wrap;word-break:break-word;flex:1}.feed-elapsed{flex-shrink:0;font-size:10px;color:var(--ov-text-muted);opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{display:inline-block;width:2px;height:.85em;background:var(--ov-text-secondary);vertical-align:text-bottom;margin-left:2px;border-radius:1px;animation:tw-blink .7s step-start infinite}.feed-waiting{padding:12px 16px;color:var(--ov-text-muted);font-style:italic}.model-badge{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.badge-gemini{background:#58a6ff26;color:var(--ov-blue)}.badge-whisper{background:#3fb95026;color:var(--ov-green)}.badge-director{background:#a78bfa26;color:var(--ov-purple)}.badge-rasp{background:#d2992226;color:var(--ov-orange)}.badge-default{background:#8b949e26;color:var(--ov-text-secondary)}.media-stats-bar{display:flex;flex-direction:column;gap:8px}.media-stats-header{margin:0;font-size:11px;font-weight:600;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.5px}.media-stats-items{display:flex;flex-wrap:wrap;gap:12px}.empty-section-msg{color:var(--ov-text-muted);font-size:13px;margin:8px 0 0}.stat-mini{display:flex;flex-direction:column;padding:10px 16px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);min-width:80px}.stat-mini-value{font-size:18px;font-weight:600;color:var(--ov-white)}.stat-mini-label{font-size:10px;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.3px}.director-summary{padding:14px 18px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius)}.video-summary{font-size:14px;color:var(--ov-text-secondary);line-height:1.6;font-style:italic}.results-section{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);padding:20px}.results-section h3{font-size:14px;font-weight:600;color:var(--ov-text-secondary);margin-bottom:16px}.section-placeholder-body{display:flex;align-items:center;gap:10px;padding:16px 0;color:var(--ov-text-muted);font-size:13px;font-style:italic}.reel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.reel-card{background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);overflow:hidden}.reel-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ov-border)}.reel-tier{font-size:13px;font-weight:600;text-transform:capitalize;color:var(--ov-text)}.reel-meta{font-size:11px;color:var(--ov-text-muted)}.reel-player{aspect-ratio:16/9}.clip-streaming-badge{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:12px;font-weight:400;color:var(--ov-text-muted)}.clip-streaming-badge .spinner{width:12px;height:12px}.highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.highlight-card-mini{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);transition:border-color .15s}.highlight-card-mini:hover{border-color:var(--ov-accent)}.highlight-card-mini-top{display:flex;align-items:center;justify-content:space-between}.highlight-time-mini{font-family:var(--ov-font-mono);font-size:12px;color:var(--ov-text-secondary)}.highlight-score-mini{font-size:12px;font-weight:600;color:var(--ov-accent);font-family:var(--ov-font-mono)}.highlight-label-mini{font-size:13px;font-weight:500;color:var(--ov-text)}.highlight-reason-mini{font-size:11px;color:var(--ov-text-muted);line-height:1.4}.theoplayer-container{position:relative;border-radius:var(--ov-radius);overflow:hidden;background:var(--ov-black)}.theoplayer-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ov-black);color:var(--ov-text-muted);font-size:13px;z-index:1}.theoplayer-error{border-radius:var(--ov-radius);overflow:hidden}.theoplayer-error-inner{padding:16px;background:#f8514914;border:1px solid rgba(248,81,73,.2);border-radius:var(--ov-radius);color:var(--ov-error);font-size:13px}.theoplayer-error-inner span{font-weight:600;display:block;margin-bottom:4px}.theoplayer-error-inner p{margin-bottom:8px;font-size:12px;color:var(--ov-text-secondary)}.reel-player .video-js,.hls-player .video-js,.clip-player-container .video-js{border-radius:var(--ov-radius)}.loading{color:var(--ov-text-muted);padding:40px;text-align:center}.error-banner{background:#f851491a;border:1px solid rgba(248,81,73,.25);color:var(--ov-error);padding:8px 12px;border-radius:var(--ov-radius-sm);font-size:13px;margin:8px 0}.error-section h3{font-size:14px;font-weight:600;color:var(--ov-error);margin-bottom:8px}.error-section pre{background:#f8514914;border:1px solid rgba(248,81,73,.2);padding:12px;border-radius:var(--ov-radius);font-size:12px;color:var(--ov-error);white-space:pre-wrap;font-family:var(--ov-font-mono)}.spinner{width:14px;height:14px;border:2px solid transparent;border-top-color:var(--ov-accent);border-radius:50%;animation:spin .8s linear infinite;display:block}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ov-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ov-text-muted)}.fade-in{animation:fadeSlideIn .4s ease-out both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.transcript-section h3{display:flex;align-items:center;gap:12px}.transcript-meta{font-size:11px;font-weight:400;color:var(--ov-text-muted);font-family:var(--ov-font-mono)}.transcript-scroll{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.transcript-row{display:flex;align-items:baseline;gap:12px;padding:6px 12px;border-radius:var(--ov-radius-sm);transition:background .15s}.transcript-row:hover{background:var(--ov-hover)}.transcript-time{font-family:var(--ov-font-mono);font-size:11px;color:var(--ov-text-muted);min-width:42px;flex-shrink:0}.transcript-text{font-size:13px;color:var(--ov-text-secondary);line-height:1.5;flex:1}.transcript-keywords{display:flex;gap:4px;flex-shrink:0}.kw-pill{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.kw-goal{background:#3fb95026;color:var(--ov-green)}.kw-penalty{background:#f8514926;color:var(--ov-error)}.kw-save{background:#58a6ff26;color:var(--ov-blue)}.kw-foul{background:#d2992226;color:var(--ov-orange)}.kw-card{background:#d2992233;color:var(--ov-orange)}.kw-var{background:#a78bfa26;color:var(--ov-purple)}.kw-default{background:#8b949e26;color:var(--ov-text-secondary)}.clip-hint{font-size:12px;font-weight:600;color:var(--ov-accent);margin-left:10px;padding:2px 10px;border:1px solid var(--ov-accent);border-radius:12px;background:var(--ov-accent-subtle);letter-spacing:.02em;vertical-align:middle}.clip-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.type-dropdown{position:relative}.type-dropdown-trigger{font-size:12px;font-weight:600;padding:5px 12px;border-radius:12px;border:1px solid var(--ov-border);background:transparent;color:var(--ov-text-secondary);cursor:pointer;font-family:var(--ov-font);transition:all .15s;display:flex;align-items:center;gap:6px}.type-dropdown-trigger:hover{border-color:var(--ov-accent);color:var(--ov-text)}.type-dropdown-trigger.has-selection{background:var(--ov-accent-subtle);border-color:var(--ov-accent);color:var(--ov-accent)}.type-dropdown-caret{font-size:8px;opacity:.6}.type-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;max-height:260px;overflow-y:auto;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);box-shadow:0 4px 12px #0000004d;z-index:50;display:flex;flex-direction:column;padding:4px 0}.type-dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-family:var(--ov-font);color:var(--ov-text);cursor:pointer;white-space:nowrap;transition:background .1s}.type-dropdown-item:hover{background:var(--ov-accent-subtle)}.type-dropdown-item input[type=checkbox]{accent-color:var(--ov-accent);width:14px;height:14px;cursor:pointer}.type-dropdown-clear{font-size:11px;font-family:var(--ov-font);padding:6px 12px;border:none;border-top:1px solid var(--ov-border);background:transparent;color:var(--ov-error);cursor:pointer;text-align:left;margin-top:2px}.type-dropdown-clear:hover{background:#f851491a}.filter-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;border:1px solid var(--ov-border);background:transparent;color:var(--ov-text-secondary);cursor:pointer;font-family:var(--ov-font);transition:all .15s}.filter-pill:hover{border-color:var(--ov-accent);color:var(--ov-text)}.filter-pill.active{background:var(--ov-accent-subtle);border-color:var(--ov-accent);color:var(--ov-accent)}.sort-pills{display:flex;align-items:center;gap:6px}.sort-pills-label{font-size:11px;font-weight:500;color:var(--ov-text-muted);font-family:var(--ov-font);white-space:nowrap}.clip-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.clip-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);cursor:pointer;transition:border-color .15s,box-shadow .15s}.clip-card:hover{border-color:var(--ov-accent)}.clip-card.expanded{border-color:var(--ov-accent);box-shadow:0 0 0 1px var(--ov-accent-subtle)}.clip-card-top{display:flex;align-items:center;justify-content:space-between}.clip-type-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.type-goal{background:#3fb95026;color:var(--ov-green)}.type-penalty{background:#f8514926;color:var(--ov-error)}.type-save{background:#58a6ff26;color:var(--ov-blue)}.type-foul{background:#d2992226;color:var(--ov-orange)}.type-card{background:#d2992233;color:var(--ov-orange)}.type-celebration{background:#3fb9501a;color:var(--ov-green)}.type-near-miss,.type-var-check{background:#a78bfa26;color:var(--ov-purple)}.type-other{background:#8b949e26;color:var(--ov-text-secondary)}.clip-excitement{font-size:13px;font-weight:700;color:var(--ov-accent);font-family:var(--ov-font-mono)}.clip-label{font-size:14px;font-weight:500;color:var(--ov-text)}.clip-time{font-size:11px;font-family:var(--ov-font-mono);color:var(--ov-text-muted)}.clip-desc{font-size:12px;color:var(--ov-text-secondary);line-height:1.4}.clip-sources{display:flex;gap:4px;flex-wrap:wrap}.clip-source-tag{font-size:9px;font-weight:600;padding:1px 5px;border-radius:3px;background:#8b949e1a;color:var(--ov-text-muted);text-transform:uppercase}.clip-source-tag.energy{background:#d299221a;color:var(--ov-orange)}.clip-player-area{margin-top:8px}.clip-no-video{margin-top:8px;padding:12px;background:var(--ov-dark);border-radius:var(--ov-radius);font-size:12px;color:var(--ov-text-muted);text-align:center}.clip-empty{padding:24px;text-align:center;color:var(--ov-text-muted);font-size:13px}.step-skip{font-size:14px;color:var(--ov-text-muted)}.nav-tabs{display:flex;align-items:center;gap:2px;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius);padding:3px}.nav-tab{background:none;border:none;padding:5px 16px;font-size:13px;font-weight:500;color:var(--ov-text-secondary);border-radius:calc(var(--ov-radius) - 2px);cursor:pointer;font-family:var(--ov-font);transition:color .15s,background .15s;white-space:nowrap}.nav-tab:hover{color:var(--ov-text);background:var(--ov-hover)}.nav-tab.active{color:var(--ov-white);background:var(--ov-accent-subtle);font-weight:600;color:var(--ov-accent)}.highlights-sub-nav{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--ov-border);padding:0 4px;margin-bottom:4px}.sub-nav-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 16px;font-size:13px;font-weight:500;color:var(--ov-text-secondary);cursor:pointer;font-family:var(--ov-font);transition:color .15s,border-color .15s;white-space:nowrap;margin-bottom:-1px}.sub-nav-tab:hover{color:var(--ov-text)}.sub-nav-tab.active{color:var(--ov-accent);border-bottom-color:var(--ov-accent);font-weight:600}.json-viewer{border:1px solid var(--ov-border);border-radius:var(--ov-radius);overflow:hidden;background:var(--ov-code-bg)}.json-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#161b22;border-bottom:1px solid #30363d;gap:12px}.json-viewer-label{font-size:11px;font-family:var(--ov-font-mono);color:#8b949e;letter-spacing:.02em}.json-copy-btn{font-size:11px;font-weight:600;padding:3px 12px;border-radius:6px;border:1px solid #30363d;background:#21262d;color:var(--ov-code-text);cursor:pointer;font-family:var(--ov-font);transition:border-color .15s,color .15s,background .15s;min-width:58px;text-align:center;flex-shrink:0}.json-copy-btn:hover{border-color:#58a6ff;color:#58a6ff;background:var(--ov-code-block-bg)}.json-copy-btn.copied{border-color:#3fb950;color:#3fb950;background:#0d2119}.json-viewer-body{margin:0;padding:16px 18px;font-size:12px;font-family:var(--ov-font-mono);line-height:1.65;color:#e6edf3;overflow:auto;max-height:75vh;white-space:pre;tab-size:2}.settings-gear-btn{background:none;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;margin-left:8px;transition:color .15s,border-color .15s;line-height:1}.settings-gear-btn:hover{color:var(--ov-accent);border-color:var(--ov-accent)}.settings-page{max-width:860px;margin:0 auto}.settings-page-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.settings-back-btn{background:none;border:1px solid var(--ov-border);color:var(--ov-text-secondary);border-radius:var(--ov-radius-sm);padding:6px 14px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.settings-back-btn:hover{color:var(--ov-accent);border-color:var(--ov-accent)}.settings-page-title{font-size:22px;font-weight:700;color:var(--ov-white)}.settings-page-subtitle{font-size:13px;color:var(--ov-text-muted);margin-left:auto}.settings-session-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:20px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:var(--ov-radius);font-size:13px;color:#fbbf24;line-height:1.4}.settings-session-banner-icon{font-size:16px;flex-shrink:0}.settings-section{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);margin-bottom:20px;overflow:visible}.settings-section-header{padding:18px 22px 0}.settings-section-title{font-size:15px;font-weight:700;color:var(--ov-white);letter-spacing:-.2px}.settings-section-desc{font-size:13px;color:var(--ov-text-secondary);margin-top:4px}.settings-section-body{padding:16px 22px 22px}.settings-field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:16px}.settings-field-grid--disabled{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-field{display:flex;flex-direction:column;gap:4px}.settings-field--full{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px}.settings-field-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ov-text-secondary);display:flex;align-items:center;gap:6px}.settings-field-input input,.settings-field-input select,.settings-field-input textarea{width:100%;padding:8px 10px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text);font-size:13px;font-family:var(--ov-font);transition:border-color .15s}.settings-field-input select,.model-select-row select{appearance:none;-webkit-appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px 7px;cursor:pointer}.settings-field-input input:focus,.settings-field-input select:focus,.settings-field-input textarea:focus{outline:none;border-color:var(--ov-border-focus)}.settings-field-input textarea{font-family:var(--ov-font-mono);font-size:12px;line-height:1.6;resize:vertical}.settings-field-hint{font-size:11px;color:var(--ov-text-muted);font-family:var(--ov-font-mono);word-break:break-all}.settings-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle;flex-shrink:0}.settings-status-dot.online{background:var(--ov-success);box-shadow:0 0 4px var(--ov-success)}.settings-status-dot.offline{background:var(--ov-error);box-shadow:0 0 4px var(--ov-error)}.settings-infotip-wrap{position:relative;display:inline-flex;align-items:center}.settings-infotip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--ov-hover);color:var(--ov-text-muted);font-size:10px;font-weight:700;cursor:pointer;flex-shrink:0;border:none;padding:0;line-height:1}.settings-infotip:hover{background:var(--ov-accent-subtle);color:var(--ov-accent)}.settings-infotip-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius);padding:10px 12px;font-size:12px;line-height:1.5;color:var(--ov-text-secondary);min-width:200px;max-width:320px;box-shadow:0 4px 12px #0000004d;z-index:1000;white-space:normal;pointer-events:auto}.settings-subsection{margin-top:20px;padding-top:16px;border-top:1px solid var(--ov-border)}.settings-pass-group{margin-top:16px;padding:16px;border:1px solid var(--ov-border);border-radius:var(--ov-radius);background:color-mix(in srgb,var(--ov-card) 60%,transparent)}.settings-pass-group+.settings-pass-group{margin-top:12px}.settings-pass-group>.settings-subsection-title{margin-top:0}.settings-pass-group>.settings-advanced-prompts{margin-top:12px}.settings-subsection--disabled{opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-subsection-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ov-text-secondary);margin:0 0 4px}.settings-subsection-desc{font-size:12px;color:var(--ov-text-muted);margin:0 0 12px;line-height:1.5}.settings-coming-soon{display:inline-block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;border-radius:3px;background:var(--ov-border);color:var(--ov-text-muted);vertical-align:middle;margin-left:6px}.settings-reel-tiers{display:flex;flex-direction:column;gap:8px}.settings-reel-tier-option{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);cursor:pointer;transition:border-color .15s}.settings-reel-tier-option:hover{border-color:var(--ov-border-focus)}.settings-reel-tier-option input[type=checkbox]{accent-color:var(--ov-accent);width:16px;height:16px;flex-shrink:0}.settings-reel-tier-label{font-size:13px;font-weight:600;color:var(--ov-text);min-width:70px}.settings-reel-tier-desc{font-size:12px;color:var(--ov-text-muted)}.settings-reel-tier-max{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.settings-reel-tier-max-label{font-size:11px;color:var(--ov-text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.settings-reel-tier-max-input{width:60px!important;padding:4px 8px!important;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text);font-size:13px;font-family:var(--ov-font-mono);text-align:center}.settings-reel-tier-max-input:focus{outline:none;border-color:var(--ov-border-focus)}.settings-reel-tier-max--disabled{opacity:.35;pointer-events:none}.settings-prompt-reference{margin:8px 14px 14px;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm)}.settings-prompt-reference summary{padding:8px 12px;font-size:12px;font-weight:600;color:var(--ov-text-muted);cursor:pointer;background:var(--ov-surface);-webkit-user-select:none;user-select:none}.settings-prompt-reference summary:hover{color:var(--ov-accent)}.settings-prompt-reference[open]>summary{border-bottom:1px solid var(--ov-border)}.settings-prompt-reference-body{padding:12px 14px}.settings-prompt-reference-body h5{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ov-text-secondary);margin:12px 0 6px}.settings-prompt-reference-body h5:first-child{margin-top:0}.settings-prompt-preview{background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);padding:12px;font-family:var(--ov-font-mono);font-size:11px;line-height:1.5;color:var(--ov-text-muted);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.model-select-row{display:flex;align-items:center;gap:8px}.model-select-row select{flex:1}.model-select-row--dual .model-scope-select{flex:0 0 auto;width:200px}.model-cache-badge{font-size:10px;color:var(--ov-text-muted);background:var(--ov-hover);border-radius:4px;padding:2px 6px;white-space:nowrap}.model-refresh-btn{background:none;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text-secondary);cursor:pointer;font-size:14px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .15s,border-color .15s}.model-refresh-btn:hover{color:var(--ov-accent);border-color:var(--ov-accent)}.model-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.model-error{font-size:11px;color:var(--ov-error)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;margin-bottom:12px}.settings-toggle{position:relative;width:40px;height:22px;border-radius:11px;background:var(--ov-border);border:none;cursor:pointer;transition:background .2s;padding:0}.settings-toggle.on{background:var(--ov-accent)}.settings-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--ov-white);transition:transform .2s}.settings-toggle.on .settings-toggle-thumb{transform:translate(18px)}.settings-advanced-prompts{margin-top:8px;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);overflow:visible}.settings-advanced-prompts summary{padding:10px 14px;font-size:13px;font-weight:600;color:var(--ov-text-secondary);cursor:pointer;background:var(--ov-card);-webkit-user-select:none;user-select:none}.settings-advanced-prompts summary:hover{color:var(--ov-accent)}.settings-advanced-prompts[open]>summary{border-bottom:1px solid var(--ov-border)}.settings-advanced-prompts>.settings-field--full,.settings-advanced-prompts>.settings-field{padding:14px}.settings-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:18px 0 40px}.settings-save-error{color:var(--ov-error);font-size:13px;margin-right:auto}.settings-save-ok{color:var(--ov-success);font-size:13px;margin-right:auto}.settings-reset-btn{background:none;border:1px solid var(--ov-border);color:var(--ov-text-secondary);border-radius:var(--ov-radius);padding:8px 20px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.settings-reset-btn:hover{color:var(--ov-error);border-color:var(--ov-error)}.settings-save-btn{background:var(--ov-accent);border:none;color:var(--ov-white);border-radius:var(--ov-radius);padding:8px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.settings-save-btn:hover{background:var(--ov-accent-hover)}.settings-save-btn:disabled,.settings-reset-btn:disabled{opacity:.5;cursor:not-allowed}.settings-loading,.settings-error{text-align:center;padding:60px 24px;font-size:15px;color:var(--ov-text-secondary)}.settings-error{color:var(--ov-error)}.intel-page{display:flex;flex-direction:column;gap:16px;max-width:1360px;margin:0 auto;padding:0 8px}.intel-directors{display:flex;align-items:center;gap:16px;padding:6px 0 0;font-size:13px;color:var(--ov-text-secondary)}.intel-directors-label{font-weight:600;color:var(--ov-text)}.intel-director-checkbox{display:flex;align-items:center;gap:5px;cursor:pointer}.intel-director-checkbox input{accent-color:var(--ov-accent)}.intel-url-input{width:100%;padding:10px 14px;border:1px solid var(--ov-border);border-radius:var(--ov-radius);background:var(--ov-dark);color:var(--ov-text);font-size:14px;font-family:var(--ov-font)}.intel-url-input:focus{outline:none;border-color:var(--ov-accent)}.intel-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center}.intel-loading-spinner{width:36px;height:36px;border:3px solid var(--ov-border);border-top-color:var(--ov-accent);border-radius:50%;animation:spin .8s linear infinite}.intel-loading-text{font-size:14px;color:var(--ov-text-secondary);max-width:440px;line-height:1.5}.intel-loading-elapsed{font-size:20px;font-weight:600;color:var(--ov-text);font-variant-numeric:tabular-nums}.intel-feed-container{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--ov-surface);border-radius:8px;border:1px solid var(--ov-border)}.intel-phase-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.intel-phase-step{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;background:var(--ov-card);color:var(--ov-text-secondary)}.intel-phase-step.phase-done{background:color-mix(in srgb,var(--ov-success) 15%,transparent);color:var(--ov-success)}.intel-phase-step.phase-active{background:color-mix(in srgb,var(--ov-accent) 15%,transparent);color:var(--ov-accent)}.intel-phase-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.intel-phase-step.phase-active .intel-phase-dot{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.intel-feed{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-size:13px;font-family:SF Mono,Fira Code,monospace}.intel-feed-entry{display:flex;align-items:baseline;gap:8px;padding:3px 8px;border-radius:4px}.intel-feed-entry.thinking{opacity:.7;font-style:italic}.intel-feed-waiting{color:var(--ov-text-secondary);display:flex;align-items:center;gap:8px}.intel-feed-model{flex-shrink:0;font-weight:600;color:var(--ov-accent);min-width:120px}.intel-feed-text{flex:1;color:var(--ov-text)}.intel-feed-time{flex-shrink:0;color:var(--ov-text-secondary);font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.intel-demo-links{display:flex;gap:14px;padding:16px;margin-top:8px}.intel-demo-card{flex:1;display:flex;flex-direction:column;gap:8px;padding:18px 20px;border-radius:var(--ov-radius-lg);border:1px solid var(--ov-border);background:var(--ov-card);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;text-align:left;color:var(--ov-text);text-decoration:none}.intel-demo-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.intel-demo-live:hover{border-color:#e50914}.intel-demo-vod:hover{border-color:var(--ov-accent)}.intel-demo-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;width:fit-content}.intel-demo-badge-live{background:#e5091426;color:#f85149}.intel-demo-dot{width:6px;height:6px;border-radius:50%;background:#e50914;animation:live-pulse-intel 1.5s ease-in-out infinite}@keyframes live-pulse-intel{0%,to{opacity:1}50%{opacity:.4}}.intel-demo-badge-vod{background:var(--ov-accent-subtle);color:var(--ov-accent)}.intel-demo-label{font-size:15px;font-weight:600}.intel-demo-desc{font-size:12px;color:var(--ov-text-secondary);line-height:1.4}.intel-result{display:flex;flex-direction:column;gap:0}.intel-tabs{display:flex;gap:0;border-bottom:1px solid var(--ov-border);margin-bottom:16px}.intel-tab{padding:8px 18px;font-size:13px;font-weight:500;background:none;border:none;border-bottom:2px solid transparent;color:var(--ov-text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.intel-tab:hover{color:var(--ov-text)}.intel-tab.active{color:var(--ov-accent);border-bottom-color:var(--ov-accent)}.intel-tab-content{min-height:120px}.intel-card{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:10px;padding:16px 20px;margin-bottom:12px}.intel-card h3{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--ov-text)}.intel-stats-row{display:flex;flex-wrap:wrap;gap:10px}.intel-stat-pill{display:flex;flex-direction:column;align-items:center;background:var(--ov-card);border-radius:8px;padding:8px 14px;min-width:72px}.intel-stat-value{font-size:15px;font-weight:600;color:var(--ov-text)}.intel-stat-label{font-size:11px;color:var(--ov-text-secondary);margin-top:2px}.intel-phases{display:flex;flex-direction:column;gap:4px}.intel-phase-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0}.intel-phase-icon{width:18px;text-align:center;font-weight:700}.phase-ok .intel-phase-icon{color:var(--ov-success, #22c55e)}.phase-fail .intel-phase-icon{color:var(--ov-error, #ef4444)}.phase-skip .intel-phase-icon{color:var(--ov-text-secondary)}.intel-phase-name{flex:1;color:var(--ov-text)}.intel-phase-time{font-variant-numeric:tabular-nums;color:var(--ov-text-secondary);min-width:50px;text-align:right}.intel-phase-detail{font-size:12px;color:var(--ov-text-secondary);margin-left:4px}.intel-phase-total{padding-top:6px;border-top:1px solid var(--ov-border);font-weight:600;font-size:13px;text-align:right;color:var(--ov-text)}.intel-scenes{display:flex;flex-direction:column;gap:8px}.intel-scene-card{background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:10px;padding:12px 16px;cursor:pointer;transition:border-color .15s}.intel-scene-card:hover,.intel-scene-card.expanded{border-color:var(--ov-accent)}.intel-scene-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.intel-scene-time{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ov-accent);white-space:nowrap}.intel-scene-type{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--ov-card);color:var(--ov-text-secondary)}.intel-scene-label{flex:1;font-size:13px;color:var(--ov-text)}.intel-scene-details{margin-top:10px;padding-top:10px;border-top:1px solid var(--ov-border);font-size:13px;line-height:1.5;color:var(--ov-text-secondary)}.intel-scene-details p{margin:0 0 8px}.intel-scene-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px}.intel-scene-transcript{font-style:italic;color:var(--ov-text-secondary)}.intel-excitement-bar{position:relative;width:60px;height:6px;background:var(--ov-card);border-radius:3px;overflow:hidden;flex-shrink:0}.intel-excitement-fill{position:absolute;top:0;left:0;height:100%;border-radius:3px;background:var(--ov-accent)}.intel-excitement-label{position:absolute;right:-32px;top:-4px;font-size:11px;font-weight:500;color:var(--ov-text-secondary)}.intel-signals{display:flex;flex-direction:column;gap:0}.intel-signal-summary{font-size:13px;line-height:1.5;color:var(--ov-text-secondary);margin:0 0 10px}.intel-highlights-list{margin-top:10px;border-top:1px solid var(--ov-border);padding-top:8px;display:flex;flex-direction:column;gap:4px}.intel-highlight-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0}.intel-hl-time{font-variant-numeric:tabular-nums;font-weight:500;color:var(--ov-accent);white-space:nowrap;min-width:100px}.intel-hl-type{font-size:11px;text-transform:uppercase;font-weight:600;padding:1px 6px;border-radius:3px;background:var(--ov-card);color:var(--ov-text-secondary);white-space:nowrap}.intel-hl-desc{flex:1;color:var(--ov-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intel-hl-score{font-weight:600;color:var(--ov-text-secondary);min-width:32px;text-align:right}.intel-verticals{display:flex;flex-direction:column;gap:0}.intel-clips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:8px}.intel-clip-tile{background:var(--ov-card);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:12px}.intel-clip-time{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ov-accent)}.intel-clip-type{font-size:11px;text-transform:uppercase;color:var(--ov-text-secondary)}.intel-clip-label{color:var(--ov-text);font-size:12px}.intel-players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-top:8px}.intel-player-tile{background:var(--ov-card);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;font-size:12px}.intel-player-name{font-weight:600;color:var(--ov-text)}.intel-player-scenes,.intel-player-time{color:var(--ov-text-secondary)}.intel-empty{text-align:center;padding:40px 24px;font-size:14px;color:var(--ov-text-secondary)}.intel-info-banner{background:color-mix(in srgb,var(--ov-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--ov-accent) 35%,transparent);border-radius:8px;padding:10px 16px;font-size:13px;color:var(--ov-text-secondary);margin-bottom:8px}.intel-crops-table{display:flex;flex-direction:column;gap:0;margin-top:8px;font-size:12px}.intel-crops-header,.intel-crops-row{display:grid;grid-template-columns:90px 110px 80px 52px 1fr;gap:8px;padding:6px 4px;align-items:start}.intel-crops-header{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ov-text-secondary);border-bottom:1px solid var(--ov-border);padding-bottom:8px}.intel-crops-row:nth-child(2n){background:color-mix(in srgb,var(--ov-card) 40%,transparent);border-radius:4px}.intel-crops-scene{font-variant-numeric:tabular-nums;color:var(--ov-accent);font-weight:600}.intel-crops-mode{font-size:11px;text-transform:uppercase;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--ov-card);color:var(--ov-text-secondary);width:fit-content}.intel-crops-mode.mode-wide{color:#60a5fa}.intel-crops-mode.mode-follow-ball{color:#34d399}.intel-crops-mode.mode-follow-player{color:#f59e0b}.intel-crops-mode.mode-event-zoom{color:#f87171}.intel-crops-attn,.intel-crops-zoom{font-variant-numeric:tabular-nums;color:var(--ov-text)}.intel-crops-reason{color:var(--ov-text-secondary);line-height:1.5}.intel-scene-player .theoplayer-container,.intel-scene-player .native-player-container{border-radius:6px;overflow:hidden;aspect-ratio:16 / 9}.intel-scene-player-vertical .theoplayer-container,.intel-scene-player-vertical .native-player-container{border-radius:6px;aspect-ratio:9 / 16;min-width:180px}.intel-reel-player .theoplayer-container,.intel-reel-player .native-player-container{border-radius:6px;overflow:hidden;aspect-ratio:16 / 9}.intel-reel-player-vertical .theoplayer-container,.intel-reel-player-vertical .native-player-container{border-radius:6px;aspect-ratio:9 / 16;width:100%;min-width:220px;overflow:visible}.theo-controls-hidden .vjs-control-bar,.theo-controls-hidden .theo-control-bar,.theo-controls-hidden .vjs-big-play-button,.theo-controls-hidden .theo-big-play-button{display:none!important}.dual-player-root{display:flex;flex-direction:column;gap:8px}.dual-player-videos{display:grid;grid-template-columns:256fr 81fr;gap:10px;align-items:stretch}.dual-player-click-guard{position:absolute;inset:0;z-index:10;cursor:default}.dual-player-controls{display:flex;align-items:center;gap:8px;justify-content:center;padding:6px 8px;background:var(--ov-card, #1c2128);border:1px solid var(--ov-border, #30363d);border-radius:6px}.dual-player-playbtn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--ov-border, #30363d);background:var(--ov-surface, #161b22);color:var(--ov-text, #e6edf3);cursor:pointer;transition:background .15s}.dual-player-playbtn:hover{background:var(--ov-accent, #388bfd);border-color:var(--ov-accent, #388bfd)}.dual-player-time{flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ov-text-secondary, #8b949e);min-width:32px;text-align:center}.dual-player-scrubber{position:relative;flex:1;max-width:480px;height:16px;display:flex;align-items:center}.dual-player-track{position:absolute;inset:0;margin:auto;height:3px;background:var(--ov-border, #30363d);border-radius:2px;pointer-events:none;overflow:hidden}.dual-player-fill{height:100%;background:var(--ov-accent, #388bfd);transition:width .1s linear}.dual-player-scrubber input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.signin-backdrop{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ov-dark);padding:24px}.signin-card{width:100%;max-width:420px;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);padding:48px 40px;box-shadow:var(--ov-shadow)}.signin-header{text-align:center;margin-bottom:32px}.signin-logo{height:28px;margin-bottom:24px;opacity:.9}.signin-title{font-size:28px;font-weight:600;color:var(--ov-text);margin-bottom:8px}.signin-subtitle{font-size:14px;color:var(--ov-text-secondary)}.signin-form{display:flex;flex-direction:column;gap:20px}.signin-field{display:flex;flex-direction:column;gap:6px}.signin-field label{font-size:13px;font-weight:500;color:var(--ov-text-secondary)}.signin-field input{width:100%;padding:12px 14px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius);color:var(--ov-text);font-size:15px;font-family:var(--ov-font);transition:border-color .2s}.signin-field input:focus{outline:none;border-color:var(--ov-accent);box-shadow:0 0 0 2px var(--ov-accent-subtle)}.signin-field input::placeholder{color:var(--ov-text-muted)}.signin-field input:disabled{opacity:.5}.signin-error{padding:10px 14px;background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:var(--ov-radius-sm);color:var(--ov-error);font-size:13px}.signin-btn{width:100%;padding:12px;background:var(--ov-accent);border:none;border-radius:var(--ov-radius);color:var(--ov-white);font-size:15px;font-weight:600;font-family:var(--ov-font);cursor:pointer;transition:background .2s;margin-top:8px}.signin-btn:hover:not(:disabled){background:var(--ov-accent-hover)}.signin-btn:disabled{opacity:.5;cursor:not-allowed}.signin-footer{margin-top:24px;text-align:center}.signin-legal{font-size:12px;color:var(--ov-text-muted)}.user-menu{display:flex;align-items:center;gap:10px;padding-left:10px;border-left:1px solid var(--ov-border)}.user-menu-name{font-size:13px;color:var(--ov-text-secondary)}.user-menu-logout{padding:4px 10px;background:transparent;border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text-secondary);font-size:12px;font-family:var(--ov-font);cursor:pointer;transition:all .2s}.user-menu-logout:hover{background:var(--ov-hover);color:var(--ov-text);border-color:var(--ov-text-muted)}.admin-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--ov-dark);padding:80px 24px 24px}.admin-card{width:100%;max-width:700px;background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:var(--ov-radius-lg);padding:32px;box-shadow:var(--ov-shadow)}.admin-card h2{font-size:22px;font-weight:600;margin-bottom:4px}.admin-add-form{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.admin-add-form input,.admin-add-form select{padding:8px 12px;background:var(--ov-card);border:1px solid var(--ov-border);border-radius:var(--ov-radius-sm);color:var(--ov-text);font-size:13px;font-family:var(--ov-font);flex:1;min-width:120px}.admin-add-form input:focus,.admin-add-form select:focus{outline:none;border-color:var(--ov-accent)}.admin-add-form select{flex:0 0 auto;min-width:90px}.admin-btn-add{padding:8px 16px;background:var(--ov-accent);border:none;border-radius:var(--ov-radius-sm);color:var(--ov-white);font-size:13px;font-weight:600;font-family:var(--ov-font);cursor:pointer;white-space:nowrap}.admin-btn-add:hover:not(:disabled){background:var(--ov-accent-hover)}.admin-btn-add:disabled{opacity:.5;cursor:not-allowed}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ov-border)}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--ov-border);color:var(--ov-text)}.admin-table tr:last-child td{border-bottom:none}.admin-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;background:var(--ov-hover);color:var(--ov-text-secondary)}.admin-badge-admin{background:var(--ov-accent-subtle);color:var(--ov-accent)}.admin-btn-delete{padding:4px 10px;background:transparent;border:1px solid rgba(248,81,73,.3);border-radius:var(--ov-radius-sm);color:var(--ov-error);font-size:12px;font-family:var(--ov-font);cursor:pointer;transition:all .2s}.admin-btn-delete:hover{background:#f851491a;border-color:var(--ov-error)}.home-page{min-height:100vh}.home-content{display:flex;align-items:center;justify-content:center;flex:1;padding:60px 28px}.home-hero{max-width:800px;text-align:center}.home-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,var(--ov-accent),#58a6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.home-subtitle{font-size:15px;color:var(--ov-text-secondary);line-height:1.6;max-width:560px;margin:0 auto 40px}.home-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.home-card{flex:0 1 240px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;cursor:pointer;transition:border-color .2s,box-shadow .2s;color:var(--ov-text);text-align:center;font:inherit}.home-card:hover{border-color:var(--ov-accent);box-shadow:0 4px 24px #0000004d}.home-card-icon{font-size:32px;margin-bottom:4px}.home-card strong{font-size:16px;font-weight:600}.home-card span:last-child{font-size:12px;color:var(--ov-text-secondary);line-height:1.5}:root[data-theme=light] .app-header{background:var(--ov-card);border-bottom-color:var(--ov-border);box-shadow:0 1px 3px #0000000f}:root[data-theme=light] .home-card{background:var(--ov-card);border-color:var(--ov-border);box-shadow:0 1px 3px #0000000f}:root[data-theme=light] .home-card:hover{box-shadow:0 4px 16px #0000001a}:root[data-theme=light] .json-viewer-header{background:var(--ov-surface);border-bottom-color:var(--ov-border)}:root[data-theme=light] .json-copy-btn{background:var(--ov-surface);border-color:var(--ov-border);color:var(--ov-text)}:root[data-theme=light] .offline-banner{background:#cf222e14;color:var(--ov-error)}.theme-toggle-btn{background:var(--ov-card-bg-subtle);border:1px solid var(--ov-card-border-subtle);border-radius:20px;padding:5px 10px;cursor:pointer;transition:background .2s,border-color .2s,color .2s;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--ov-text-secondary)}.theme-toggle-btn:hover{background:var(--ov-hover);border-color:var(--ov-border);color:var(--ov-text)}:root[data-theme=light] .nav-logo{filter:invert(1)}:root[data-theme=light] .nav-title{color:var(--ov-text)}:root[data-theme=light] .nav-badge{background:var(--ov-accent-subtle)}