:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1419;color:#fff}#root{width:100%;height:100%}.app{height:100vh;width:100vw;display:flex;flex-direction:column;background:#0f1419;overflow:hidden}.sidebar-panel-header{background:#1a1f2e;padding:6px 16px;border-bottom:1px solid #2a3444;display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-shrink:0;flex-wrap:nowrap;overflow:hidden;container-type:inline-size}.header-upload-stack{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.video-popup-wrap{position:relative;flex-shrink:0}.video-popup-toggle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.video-popup-overlay{position:fixed;inset:0;z-index:299}.video-popup{position:absolute;top:calc(100% + 5px);left:0;z-index:300;background:#1e2535;border:1px solid #3b4557;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px;min-width:190px;box-shadow:0 8px 28px #0000008c}.video-popup-item{display:block;width:100%;box-sizing:border-box}.video-popup-item--btn{padding:6px 10px;background:#2a3444;border:1px solid #3b4557;border-radius:5px;color:#e2e8f0;font-size:12px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s}.video-popup-item--btn:hover{background:#3b4f6a}.video-popup-item--stop{border-color:#ef4444;color:#fca5a5}.video-popup-item--stop:hover{background:#7f1d1d}.video-popup-item--save{border-color:#22c55e;color:#86efac}.video-popup-item--save:hover{background:#14532d}.video-popup-divider{height:1px;background:#3b4557;margin:2px 0}.video-popup-select{width:100%;padding:5px 7px;background:#2a3444;border:1px solid #3b4557;border-radius:5px;color:#e2e8f0;font-size:12px;cursor:pointer}.logo-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:88px;height:88px;background:#000;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 3px #60a5fa;gap:4px;flex-shrink:0}.logo-title{font-size:11px;font-weight:800;margin:0;color:#fff;text-align:center}.logo-subtitle{font-size:6px;font-weight:600;margin:0;color:#fff;text-align:center;letter-spacing:.5px}.logo-circle{display:flex;justify-content:center;align-items:center}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:24px}.bar{width:5px;border-radius:2px 2px 0 0;transition:all .2s}.bar-1{height:40%;background:#60a5fa}.bar-2{height:55%;background:#3b82f6}.bar-3{height:70%;background:#2563eb}.bar-4{height:85%;background:#1e40af}.bar-5{height:100%;background:#93c5fd}.header-controls{display:flex;gap:8px;align-items:center}.video-dropdown-header{padding:clamp(3px,1.2cqi,6px) clamp(6px,2.5cqi,12px);border-radius:4px;border:1px solid #374151;background:#1f2937;color:#fff;font-size:clamp(10px,3.5cqi,14px);max-width:100%;box-sizing:border-box}.upload-btn-header{padding:0 8px;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:140px;height:30px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;line-height:1.2}@container sidebar (max-width: 260px){.upload-btn-header{white-space:normal;text-overflow:clip;height:auto;padding:4px 6px;width:90px;line-height:1.2}}.upload-btn-header--live{background:#1a3a2a;border:1px solid #166534;color:#4ade80}.upload-btn-header--live:hover{background:#14532d}.upload-btn-header--stop{background:#3a1a1a;border:1px solid #7f1d1d;color:#f87171}.upload-btn-header--stop:hover{background:#450a0a}.upload-btn-header--save{background:#1a2a3a;border:1px solid #1e3a5f;color:#60a5fa;text-decoration:none;text-align:center}.upload-btn-header--save:hover{background:#1e3a5f}.settings-btn{padding:clamp(5px,1.8cqi,9px) clamp(9px,3.75cqi,18px);background:#2a3444;border:none;color:#fff;border-radius:6px;cursor:pointer;font-size:clamp(15px,5.25cqi,21px);font-weight:600;transition:background .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:44px;box-sizing:border-box}.settings-btn:hover{background:#3b4557}.settings-btn-wrap{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0}.view-mode-btn{padding:clamp(5px,1.8cqi,9px) clamp(9px,3.75cqi,18px);background:#1e2635;border:1px solid #374151;color:#e2e8f0;border-radius:6px;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.1;gap:0px;cursor:pointer;transition:background .2s;max-height:44px;box-sizing:border-box}.view-mode-btn-label{font-size:clamp(10px,3.6cqi,14px);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-mode-btn-sub{font-size:clamp(6px,1.9cqi,7px);color:#64748b;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.view-mode-btn:hover{background:#2a3347;color:#e2e8f0}.view-mode-btn--active{background:#1a3a5c;border-color:#3b82f6;color:#60a5fa}.fp-drag-bar{position:absolute;top:0;left:0;right:0;height:36px;background:#111827;border-bottom:1px solid #374151;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;cursor:default;-webkit-user-select:none;user-select:none;z-index:1}.fp-drag-title{font-size:12px;font-weight:600;color:#e2e8f0}.fp-snap-btn{background:#1e2635;border:1px solid #374151;color:#60a5fa;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.fp-snap-btn:hover{background:#2a3347}.fp-win-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px;background:#1a1f2e;border-bottom:1px solid #2a3444}.fp-win-header-controls{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0}.fp-win-header-actions{flex-shrink:0;display:flex;gap:6px;align-items:center}.popout-controls-strip{flex-shrink:0;border-bottom:1px solid #2a3444}.popout-main-header{display:flex;align-items:stretch;background:#1a1f2e}.popout-main-header .fp-win-header-controls{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-width:0}.popout-main-header .sidebar-panel-header{flex-shrink:0;width:380px;border-bottom:none}.fp-win-header .video-progress-bar{height:6px}.fp-win-header .video-progress-wrap{padding:8px 12px 5px}.fp-win-header .video-progress-times{font-size:11px}.tag-grid-panel--popout{flex:1}.main-layout{flex:1;display:flex;overflow:hidden;width:100%;min-height:0}.left-sidebar{background:#1a1f2e;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #2a3444;flex-shrink:0;min-width:200px;container-type:inline-size;container-name:sidebar}.resize-handle{background:#2a3444;cursor:col-resize;flex-shrink:0;position:relative;transition:background .2s;z-index:10}.resize-handle:hover{background:#3b82f6}.resize-handle:active{background:#60a5fa}.resize-handle-vertical{width:4px}.resize-handle-horizontal{height:4px;cursor:row-resize;width:100%}.teams-section{padding:8px 8px 4px;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.section-label{font-size:11px;text-transform:uppercase;font-weight:600;color:#e2e8f0;margin-bottom:6px;display:block;letter-spacing:.5px;flex-shrink:0}.team-block{flex:1;min-height:120px;display:flex;flex-direction:column;margin-bottom:6px}.team-block:last-of-type{margin-bottom:0}.team-header{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:#2a3444;border:2px solid;border-radius:6px;cursor:pointer;margin-bottom:4px;transition:all .2s;flex-shrink:0}.team-header:hover{background:#3b4557}.team-header.selected{background:#3b4557;box-shadow:0 0 0 2px #60a5fa66}.team-header span{font-weight:600;font-size:11px}.team-color-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0}.team-name{flex:1;margin-left:8px}.team-name-input{background:#3b4557;border:1px solid #60a5fa;color:#fff;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:600;width:100%}.player-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));grid-auto-rows:1fr;gap:4px;align-content:stretch}.player-btn{width:100%;height:100%!important;min-height:28px!important;padding:2px!important;border:2px solid;background:transparent;color:#fff;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0px;overflow:hidden}.player-btn:hover{transform:scale(1.05);opacity:.9}.player-btn.selected{color:#fff;font-weight:700}.player-number{font-weight:700;line-height:1}.player-name-small{opacity:.85;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%;text-align:center;line-height:1.15;width:100%;padding:0 1px}.tag-name{font-size:10px;line-height:1.15;text-align:center;overflow:hidden;width:100%;word-break:break-word;overflow-wrap:anywhere;white-space:normal}.edit-teams-btn{width:calc(100% - 16px);margin:6px 8px;padding:5px 8px;font-size:11px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #60a5fa33}.edit-teams-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.right-content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.top-row-panels{display:flex;flex-shrink:0;border-bottom:1px solid #2a3444;min-height:200px}.video-panel{display:flex;flex-direction:column;background:#141921;overflow:hidden;outline:none;min-width:375px}.stats-panel{display:flex;flex-direction:column;background:#1a1f2e;border-left:1px solid #2a3444;overflow:hidden;min-width:200px}.video-area{display:flex;flex-direction:column;background:#000;position:relative;overflow:hidden;flex:1}.video-container{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.video-error{text-align:center;padding:40px}.video-error p{color:#ef4444;margin-bottom:8px}.video-error .hint{color:#e2e8f0;font-size:14px}.timeline-placeholder{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e2936,#141921)}.no-video-timeline{flex:1;display:flex;flex-direction:column;background:#0d1117;overflow:hidden;min-height:0}.nvt-track-area{flex:1;position:relative;background:linear-gradient(135deg,#141921,#1a2233);cursor:crosshair;overflow:hidden;min-height:60px}.nvt-tick{position:absolute;top:0;bottom:20px;width:1px;background:#ffffff12;pointer-events:none}.nvt-tick-label{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:9px;color:#4a5568;white-space:nowrap;font-family:Courier New,monospace}.nvt-event-pip{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;cursor:pointer;z-index:2;border:1.5px solid rgba(255,255,255,.3);transition:transform .1s}.nvt-event-pip:hover{transform:translate(-50%,-50%) scale(1.6);z-index:3}.nvt-playhead{position:absolute;top:0;bottom:0;width:2px;background:#60a5fa;z-index:4;pointer-events:none;transform:translate(-50%)}.nvt-playhead-time{position:absolute;top:4px;left:50%;transform:translate(-50%);background:#60a5fa;color:#000;font-size:9px;font-weight:700;font-family:Courier New,monospace;padding:1px 4px;border-radius:3px;white-space:nowrap;pointer-events:none}.gs-picker-wrap{position:relative;display:flex;align-items:stretch}.gs-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:filter .15s,opacity .15s;vertical-align:middle;line-height:1.6;color:#fff;opacity:.9;white-space:nowrap;align-self:stretch;display:flex;align-items:center}.gs-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:#1a2233;border:1px solid #3b4557;border-radius:6px;padding:4px;min-width:150px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:2px}.gs-dropdown-item{padding:5px 8px;background:transparent;border:none;border-left:3px solid transparent;color:#e2e8f0;font-size:11px;text-align:left;cursor:pointer;border-radius:3px;transition:background .15s,color .15s}.gs-dropdown-item:hover{background:#2a3444;color:#fff}.gs-dropdown-item--active{color:#fff;background:#243044}.grid-actions-menu-wrap{position:relative;display:flex;align-items:stretch}.grid-actions-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:200;background:#1a2233;border:1px solid #3b4557;border-radius:6px;padding:4px;min-width:170px;box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:2px}.grid-actions-item{padding:6px 10px;background:transparent;border:none;color:#e2e8f0;font-size:11px;text-align:left;cursor:pointer;border-radius:4px;transition:background .15s,color .15s;white-space:nowrap}.grid-actions-item:hover{background:#2a3444;color:#fff}.grid-actions-item--on{color:#60a5fa;font-weight:600}.timeline-row-gamestate{background:#ffffff08}.timeline-row-gamestate td{padding:4px 8px;color:#cbd5e1;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.tl-gamestate-label{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.gs-settings-list{display:flex;flex-direction:column;gap:4px}.gs-settings-item{background:#1a2233;border-radius:5px;padding:6px 8px}.gs-settings-row{display:flex;align-items:center;gap:8px}.gs-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gs-settings-label{flex:1;font-size:12px;color:#e2e8f0}.gs-edit-row{display:flex;align-items:center;gap:6px}.timeline-info{text-align:center;padding:40px}.timeline-info h2{font-size:24px;margin-bottom:12px;color:#fff}.timeline-info p{color:#e2e8f0;font-size:14px}.video-scrub-controls{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;background:#0d1117;border-top:1px solid #2a3444;flex-shrink:0;container-type:inline-size}.video-scrub-controls--angles{justify-content:flex-start;gap:0}.scrub-main{flex:1;display:flex;align-items:center;gap:4px;justify-content:center}.scrub-angles{flex:0 0 auto;display:flex;align-items:center;gap:3px;padding-left:4px}@container (max-width: 460px){.scrub-unit{display:none}}.scrub-btn{padding:3px 7px;border:1px solid #3b4557;background:#1a1f2e;color:#e2e8f0;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;line-height:1.4}.scrub-btn:hover{background:#2a3444;color:#fff;border-color:#60a5fa}.scrub-btn:active{background:#3b82f6;color:#fff}.scrub-mute{margin-left:6px;font-size:13px;padding:3px 8px}.scrub-mute.muted{background:#2a1f1f;border-color:#f87171;color:#f87171}.scrub-frame{background:#1e2736;color:#60a5fa;border-color:#60a5fa44;padding:3px 10px;font-size:13px}.scrub-frame:hover{background:#243044;border-color:#60a5fa}.scrub-playpause{background:#1e2736;color:#fff;border-color:#fff3;padding:3px 24px;font-size:13px;min-width:68px;line-height:1.4}.scrub-playpause:hover{background:#2a3a50;border-color:#fff}.angles-main-layout{display:flex;flex-direction:row;flex:1;min-height:0;width:100%;overflow:hidden}.angles-left{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.angles-sidebar{width:170px;flex-shrink:0;display:flex;flex-direction:column;background:#0d1117;border-left:1px solid #2a3444;overflow-y:auto;padding:8px 6px;gap:0}.angles-sidebar-title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding:0 2px}.angles-sidebar-slot{display:flex;flex-direction:column;gap:3px;padding:6px 0;border-bottom:1px solid #1e2639}.angles-sidebar-slot:last-child{border-bottom:none}.angles-sidebar-row{display:flex;align-items:center;gap:4px}.angles-sidebar-label{flex-shrink:0;width:20px;font-size:11px;font-weight:700;color:#60a5fa}.angles-sidebar-select{flex:1;min-width:0;padding:3px 5px;background:#1a1f2e;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:11px;cursor:pointer;text-overflow:ellipsis;overflow:hidden}.angles-sidebar-select:focus{outline:none;border-color:#60a5fa}.angles-sidebar-clear{flex-shrink:0;padding:2px 6px;background:#3b1c1c;border:1px solid #7f1d1d;border-radius:4px;color:#f87171;font-size:11px;cursor:pointer;line-height:1.2}.angles-sidebar-clear:hover{background:#4f1c1c;border-color:#f87171}.angles-sidebar-ref{font-size:10px;color:#4b5568;padding-left:24px;font-style:italic}.angles-sidebar-offset-row{display:flex;align-items:center;gap:2px;padding-left:24px;flex-wrap:wrap}.angles-grid{flex:1;display:grid;width:100%;min-height:0;gap:2px;background:#000}.angles-grid[data-visible="0"],.angles-grid[data-visible="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.angles-grid[data-visible="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.angles-grid[data-visible="3"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.angles-grid[data-visible="3"] .angle-slot:last-child{grid-column:1 / -1}.angles-grid[data-visible="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.angle-slot{position:relative;background:#000;overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center}.angle-slot video{width:100%;height:100%;display:block;object-fit:contain}.angle-badge{position:absolute;top:6px;left:6px;background:#000000a6;color:#e2e8f0;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;z-index:10;pointer-events:none;letter-spacing:.02em}.angle-btn{padding:2px 9px;border:1px solid #3b4557;background:#1a1f2e;color:#94a3b8;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.angle-btn:hover{background:#2a3444;color:#e2e8f0;border-color:#60a5fa}.angle-btn--active{background:#1d3a5f;color:#60a5fa;border-color:#3b82f6}.scrub-separator{display:inline-block;width:1px;height:16px;background:#3b4557;margin:0 2px;flex-shrink:0}.angle-mute-dropdown-wrap{position:relative;display:flex;align-items:center}.angle-mute-dropdown-btn{font-size:12px!important;letter-spacing:-.02em}.angle-mute-menu{position:absolute;bottom:calc(100% + 4px);right:0;background:#1a1f2e;border:1px solid #3b4557;border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:2px;min-width:120px;z-index:100;box-shadow:0 4px 16px #00000080}.angle-mute-menu-item{display:flex;align-items:center;gap:7px;padding:5px 10px;background:transparent;border:none;border-radius:4px;color:#94a3b8;font-size:12px;cursor:pointer;text-align:left;transition:background .1s,color .1s}.angle-mute-menu-item:hover{background:#2a3444;color:#e2e8f0}.angle-mute-menu-item.muted{color:#f87171}.angle-mute-menu-icon{font-size:13px;flex-shrink:0}.angle-upload-row{display:flex;align-items:center;gap:8px}.angle-upload-label{flex-shrink:0;width:60px;font-size:13px;color:#94a3b8;font-weight:600}.angle-upload-select{flex:1;padding:6px 10px;background:#1a1f2e;border:1px solid #3b4557;border-radius:6px;color:#e2e8f0;font-size:13px;cursor:pointer}.angle-upload-select:focus{outline:none;border-color:#60a5fa}.angle-upload-clear{flex-shrink:0;padding:5px 9px;background:#3b1c1c;border:1px solid #7f1d1d;border-radius:6px;color:#f87171;font-size:13px;cursor:pointer}.angle-upload-clear:hover{background:#4f1c1c;border-color:#f87171}.angle-align-modal{max-width:880px!important;width:95vw!important}.angle-align-hint{font-size:12px;color:#64748b;margin:-4px 0 14px}.angle-align-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-bottom:8px;max-height:72vh;overflow-y:auto}.angle-align-panel{display:flex;flex-direction:column;gap:4px;background:#0d1117;border:1px solid #2a3444;border-radius:8px;padding:8px}.angle-align-panel-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.angle-align-badge{font-size:11px;font-weight:700;color:#e2e8f0}.angle-align-video{width:100%;aspect-ratio:16 / 9;display:block;object-fit:contain;background:#000;border-radius:4px}.angle-align-progress-wrap{display:flex;flex-direction:column;gap:1px}.angle-align-controls{display:flex;align-items:center;gap:3px;justify-content:center}.angle-offset-row{display:flex;align-items:center;gap:4px;padding-left:68px}.angle-offset-label{font-size:11px;color:#64748b;margin-right:2px;flex-shrink:0}.angle-offset-btn{padding:2px 7px;background:#1a1f2e;border:1px solid #3b4557;border-radius:4px;color:#94a3b8;font-size:11px;cursor:pointer;transition:background .1s,color .1s,border-color .1s}.angle-offset-btn:hover{background:#2a3444;color:#e2e8f0;border-color:#60a5fa}.angle-offset-btn--reset{color:#60a5fa;border-color:#3b82f644}.angle-offset-display{font-size:12px;font-weight:600;color:#e2e8f0;min-width:46px;text-align:center;font-variant-numeric:tabular-nums}.live-badge{position:absolute;top:8px;left:8px;background:#000000b8;color:#f87171;font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;z-index:10;pointer-events:none;letter-spacing:.04em}.live-badge-dot{width:7px;height:7px;background:#ef4444;border-radius:50%;flex-shrink:0;animation:livePulse 1.2s ease-in-out infinite}.live-badge--dvr{color:#fbbf24}.live-badge-dot--dvr{background:#f59e0b;animation:none;opacity:.9}.live-badge-golive{background:#166534;border:1px solid #22c55e;color:#4ade80;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:3px;cursor:pointer;pointer-events:auto;margin-left:4px;white-space:nowrap}.live-badge-golive:hover{background:#14532d}.live-badge-elapsed{font-weight:400;opacity:.75;font-size:.7rem;letter-spacing:.02em;margin-left:2px}.save-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9000}.save-dialog{background:#1a2332;border:1px solid #2d3f55;border-radius:10px;padding:24px 28px;display:flex;flex-direction:column;gap:12px;min-width:340px;max-width:480px;width:90vw;box-shadow:0 8px 32px #0009}.save-dialog-title{font-size:1.1rem;font-weight:700;color:#e2e8f0}.save-dialog-format{font-size:.75rem;color:#64748b}.save-dialog-label{font-size:.8rem;color:#e2e8f0;font-weight:600;margin-bottom:-4px}.save-dialog-input{background:#0d1117;border:1px solid #2d3f55;border-radius:6px;color:#e2e8f0;font-size:.95rem;padding:8px 12px;outline:none;width:100%;box-sizing:border-box}.save-dialog-input:focus{border-color:#3b82f6}.save-dialog-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.save-dialog-btn{padding:7px 18px;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;border:none}.save-dialog-cancel{background:#2d3f55;color:#e2e8f0}.save-dialog-cancel:hover{background:#364f6b}.save-dialog-confirm{background:#1d4ed8;color:#fff}.save-dialog-confirm:hover{background:#2563eb}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.video-progress-wrap{display:flex;flex-direction:column;gap:2px;padding:5px 10px 3px;background:#0d1117;border-top:1px solid #2a3444;flex-shrink:0}.video-progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,#3b82f6 var(--progress, 0%),#2a3444 var(--progress, 0%));cursor:pointer;outline:none}.video-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#60a5fa;cursor:pointer}.video-progress-times{display:flex;justify-content:space-between;font-size:10px;color:#64748b;font-family:Courier New,monospace}.timer-display{display:flex;gap:8px;padding:6px 8px;background:#1a1f2e;border-top:1px solid #2a3444;flex-shrink:0;height:58px;overflow:hidden;container-type:inline-size}.timer-box{flex:1;min-width:0;overflow:hidden;background:#2a3444;padding:6px 10px 3px;border-radius:6px;border:2px solid transparent;transition:background .3s,border-color .3s}.timer-box.timer-running{background:#14532d;border-color:#22c55e}.timer-box.timer-stopped{background:#450a0a;border-color:#ef4444}.timer-box label{font-size:9px;text-transform:uppercase;color:#e2e8f0;font-weight:600;display:block;margin-bottom:2px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-running label,.timer-stopped label{color:#fff9}.timer-row{display:flex;align-items:center;gap:8px;min-width:0}.timer-box .time{font-size:clamp(8px,3.5cqi,18px);font-weight:700;font-family:Courier New,monospace;color:#60a5fa;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-running .time{color:#86efac}.timer-stopped .time{color:#fca5a5}.timer-box-video{flex:0 1 auto;min-width:0;padding:3px 6px}.timer-box-video .time{font-size:18px}.timer-box-game{flex:1 1 auto;min-width:120px;padding:4px 8px;display:flex;flex-direction:row;align-items:center;gap:6px}.timer-game-info{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;overflow:hidden}.timer-game-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.timer-box-possession{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border:2px solid #3b4557;background:#2a3444;border-radius:6px;padding:4px 6px;transition:background .2s,border-color .2s;text-align:center;overflow:hidden}.timer-box-possession:hover{filter:brightness(1.1)}.timer-box-possession label{font-size:9px;text-transform:uppercase;color:#e2e8f0;font-weight:600;letter-spacing:.5px;cursor:pointer;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.possession-team{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.possession-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:background .2s}.timer-btn-playpause{padding:0;flex-shrink:0;width:clamp(42px,18cqi,220px);height:34px;align-self:center;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;font-size:18px;overflow:hidden;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.timer-btn-playpause:hover{background:#ffffff38;transform:scale(1.08)}.timer-btn-set{padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:6px;font-size:11px;cursor:pointer;transition:background .2s;white-space:nowrap;align-self:center;min-width:42px;flex-shrink:0}.timer-btn-set:hover{background:#fff3}.stats-header{padding:8px 16px;border-bottom:1px solid #2a3444;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:6px;container-type:inline-size}.stats-header h3{font-size:16px;font-weight:600}.fullscreen-btn{padding:6px 12px;background:#3b4557;border:none;color:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:background .2s}.fullscreen-btn:hover{background:#4a5568}.stats-content{flex:1;padding:16px;overflow-y:auto}.stat-item{margin-bottom:8px;padding:12px;background:#2a3444;border-radius:6px;cursor:pointer;transition:background .2s}.stat-item:hover{background:#3b4557}.stat-item-nested{margin-left:24px;margin-top:4px}.stat-item--modal-selected{background:#1e3a5f!important;border-left:3px solid #60a5fa}.stats-modal-split{display:flex;flex:1;min-height:0;gap:12px;overflow:hidden}.stats-modal-tree{width:240px;min-width:180px;flex-shrink:0;overflow-y:auto;padding-right:4px}.stats-modal-events{flex:1;min-width:0;overflow:auto;background:#2a3444;border-radius:8px}.stats-modal-events-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:13px;padding:40px 16px;text-align:center}.stats-modal-events-table{width:100%;border-collapse:collapse;-webkit-user-select:none;user-select:none}.stats-modal-events-table thead th{position:sticky;top:0;z-index:2;background:#1a1f2e;text-align:left;padding:10px;font-size:11px;font-weight:600;text-transform:uppercase;color:#e2e8f0;white-space:nowrap;-webkit-user-select:none;user-select:none}.stats-modal-events-table tbody .timeline-row-event td{padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.stat-header{display:flex;align-items:center;gap:10px}.expand-icon{font-size:10px;color:#e2e8f0;width:12px}.stat-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.stat-name{flex:1;font-weight:600;font-size:14px}.stat-count{font-size:12px;color:#e2e8f0;background:#1a1f2e;padding:2px 8px;border-radius:12px}.col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:3;background:transparent;transition:background .15s}.col-resize-handle:hover,.col-resize-handle:active{background:#60a5fa8c}.stat-drag-handle{font-size:13px;color:#475569;cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none;margin-right:2px;transition:color .15s}.stat-drag-handle:hover{color:#e2e8f0}[draggable=true].stat-item{cursor:grab}[draggable=true]:active .stat-item{cursor:grabbing}.stat-item--drag-over{border:2px dashed #60a5fa!important;background:#60a5fa14!important}.import-timeline-summary{background:#1a1f2e;border-radius:8px;padding:12px 16px;margin:16px 0 12px;display:flex;flex-direction:column;gap:6px}.import-timeline-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#cbd5e1}.import-timeline-icon{font-size:14px}.import-timeline-hint{font-size:12px;color:#e2e8f0;margin-bottom:12px;text-align:center}.import-timeline-actions{display:flex;gap:10px;margin-bottom:10px}.btn-import-action{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.btn-import-title{font-weight:700;font-size:14px}.btn-import-sub{font-size:11px;opacity:.75}.btn-import-override{background:#ef44441f;border-color:#ef444466;color:#fca5a5}.btn-import-override:hover{background:#ef444438;border-color:#ef4444}.btn-import-append{background:#60a5fa1f;border-color:#60a5fa66;color:#93c5fd}.btn-import-append:hover{background:#60a5fa38;border-color:#60a5fa}.no-stats{text-align:center;padding:40px 20px}.no-stats p{color:#e2e8f0;margin-bottom:8px}.no-stats .hint{font-size:12px;color:#64748b}.export-btn{margin:16px;padding:12px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #60a5fa33}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.tag-grid-panel{flex:1;display:flex;flex-direction:column;background:#1a1f2e;overflow:hidden;padding:4px 12px 12px;min-height:0;position:relative}.coord-picker-overlay{position:absolute;inset:0;z-index:20;background:#1a1f2e;display:flex;flex-direction:column;padding:12px;overflow:hidden;min-height:0}.subtag-panel-overlay{position:absolute;inset:0;z-index:10;background:#0f121ef7;display:flex;flex-direction:column;overflow:hidden}.subtag-panel-body{display:flex;flex:1;min-height:0;overflow:hidden}.subtag-panel-sidebar{width:170px;flex-shrink:0;padding:14px 12px;border-right:1px solid #2a3444;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.subtag-panel-sidebar h2{font-size:14px;font-weight:700;color:#e2e8f0;margin:0;line-height:1.3}.subtag-panel-right{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.subtag-sort-toolbar{flex-shrink:0}.subtag-grid-area{flex:1;overflow:auto;position:relative;min-height:0}.subtag-panel-actions{flex-shrink:0;display:flex;gap:8px;align-items:center;padding:8px 12px;border-top:1px solid #2a3444;background:#141825}.tag-grid-header{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #2a3444;flex-shrink:0;margin-bottom:5px}.tag-grid-header h3{font-size:15px;font-weight:600;line-height:1;display:flex;align-items:center;gap:8px}.scoreboard{display:flex;align-items:center;gap:6px;background:#1a2236;border:1px solid #2e3d52;border-radius:6px;padding:3px 10px;font-size:12px;white-space:nowrap;flex-shrink:0}.scoreboard-team{font-weight:600;font-size:11px;letter-spacing:.02em;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-score{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;min-width:20px;text-align:center}.scoreboard-dash{color:#64748b;font-weight:600;font-size:14px;padding:0 1px}.scoreboard--modal{justify-content:center;padding:8px 20px;font-size:14px;border-radius:8px;margin:8px 16px 0;flex-shrink:1}.scoreboard--modal .scoreboard-score{font-size:22px}.scoreboard--modal .scoreboard-team{font-size:13px;max-width:120px}.coords-only-header-hint{font-size:12px;color:#e2e8f0;display:flex;align-items:center;justify-content:center;gap:4px;flex:1;min-width:0;text-align:center}.shortcuts-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:background .2s,opacity .2s;vertical-align:middle;line-height:1.6;white-space:nowrap}.shortcuts-badge--on{background:#22c55e;color:#fff}.shortcuts-badge--off{background:#4a5568;color:#9ca3af;opacity:.7}.shortcuts-badge:hover{opacity:1;filter:brightness(1.1)}.tag-grid-actions{display:flex;gap:6px}.icon-btn{background:#3b4557;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:16px;transition:background .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.icon-btn--text{font-size:12px;font-weight:600;padding:5px 10px}.icon-btn--active{background:#2563eb;color:#fff}.icon-btn--active:hover{background:#1d4ed8}.icon-btn:hover{background:#4a5568}.add-tag-btn{padding:8px 16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;color:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #60a5fa33}.add-tag-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.tag-grid{flex:1;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;overflow-y:auto;align-content:start;min-height:0}.tag-grid.has-positions,.tag-grid.drag-mode{position:relative;display:block;overflow-y:auto;min-height:0;flex:1}.tag-grid.drag-mode{overflow-y:scroll;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 80px,transparent 80px,transparent 88px),repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 44px,transparent 44px,transparent 52px)}.tag-grid.drag-mode .tag-item-wrapper{margin:0;cursor:grab;-webkit-user-select:none;user-select:none}.tag-item-wrapper{position:relative;min-width:76px}.tag-item-wrapper.resizing{resize:both;overflow:hidden}.tag-item-wrapper--selected .tag-btn{outline:2px solid #fff;box-shadow:0 0 0 4px #60a5fa8c}.tag-item-wrapper--selected:after{content:"✓";position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.8);pointer-events:none;z-index:3}.grid-edit-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 8px;background:#1a2236;border-top:1px solid #2d3a4f;font-size:11px}.grid-edit-toolbar-sep{width:1px;height:16px;background:#3b4557;margin:0 2px}.grid-select-count{font-size:11px;color:#93c5fd;font-style:italic}.tag-btn{width:100%;height:100%;min-height:44px;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 3px;position:relative;opacity:.95}.tag-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;opacity:1}.tag-grid.drag-mode .tag-btn{cursor:move}.tag-shortcut{position:absolute;top:2px;right:2px;font-size:7px;background:#0000004d;padding:1px 3px;border-radius:3px;font-weight:700;line-height:1}.tag-has-children{position:absolute;bottom:2px;right:2px;font-size:7px;opacity:.7}.tag-parent-hint{font-size:7px;opacity:.65;line-height:1;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-edit-controls{position:absolute;top:2px;left:2px;display:flex;gap:2px;z-index:5}.tag-edit-controls button{width:16px;height:16px;border:none;background:#000000b3;color:#fff;border-radius:3px;cursor:pointer;font-size:8px;padding:0;display:flex;align-items:center;justify-content:center}.tag-edit-controls button:hover{background:#000000e6}.resize-handle-tag{position:absolute;bottom:0;right:0;width:8px;height:8px;cursor:nwse-resize;background:#fff6;border-radius:0 0 6px}.empty-tags{grid-column:1 / -1;text-align:center;padding:40px 20px}.empty-tags p{color:#e2e8f0;margin-bottom:8px}.empty-tags .hint{font-size:12px;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.fullscreen{padding:40px}.modal-content{background:#1a1f2e;border-radius:12px;padding:24px;width:90%;max-width:500px;border:1px solid #2a3444;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-scroll-body{flex:1;overflow-y:auto;min-height:0}.modal-teams-body{flex:1;overflow-y:auto;min-height:0;padding-right:4px}.modal-content>h2{flex-shrink:0}.modal-content>.modal-actions{flex-shrink:0;padding-top:12px;margin-top:0}.modal-content.modal-large.modal-compact{padding:16px 20px}.modal-content.modal-large{max-width:1040px;width:96%;overflow-y:hidden}.modal-content.modal-compact{max-height:100vh;margin:0}.modal-content.modal-fullscreen{max-width:1200px;height:100%;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-close{background:#3b4557;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#4a5568}.modal-content h2{margin-bottom:12px;font-size:17px;color:#fff}.tag-hierarchy-builder-outer{margin-bottom:10px;border-radius:8px;overflow:hidden;border:1px solid #3b4557;display:flex;flex-direction:column}.tag-hierarchy-builder{background:#2a3444;padding:8px 10px;max-height:420px;overflow-y:auto}.hierarchy-selection-strip{background:#1e2736;border-top:1px solid #3b4557;padding:6px 10px;display:flex;align-items:center;gap:10px;min-height:34px}.hierarchy-strip-info{flex:1;font-size:11px;color:#d1d5db;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-strip-info strong{color:#fff}.no-parent-label{color:#6b7280;font-style:italic}.hierarchy-path-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hierarchy-path-prefix{color:#e2e8f0;font-weight:600;text-transform:uppercase;font-size:10px;letter-spacing:.04em;margin-right:2px}.tag-modal-overlay{z-index:10002}.tag-modal-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.tag-modal-header h2{margin:0}.tag-modal-editing-chip{display:inline-block;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:600;line-height:1.4;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.hierarchy-strip-info+.hierarchy-tag-btn.new-root{flex-shrink:0;white-space:nowrap}.hierarchy-builder-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hierarchy-builder-header h3{font-size:11px;margin:0;color:#9ca3af;text-transform:uppercase;font-weight:600;white-space:nowrap}.parent-tag-search{flex:1;padding:4px 8px;background:#1a1f2e;border:1px solid #3b4557;border-radius:4px;color:#fff;font-size:11px}.parent-tag-search:focus{outline:none;border-color:#60a5fa}.parent-tag-search::placeholder{color:#6b7280}.hierarchy-grid,.hierarchy-level,.hierarchy-tag-item{display:flex;flex-direction:column;gap:2px}.hierarchy-tag-btn{padding:3px 8px;border:2px solid transparent;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hierarchy-tag-btn:hover{filter:brightness(1.15)}.hierarchy-tag-btn.context-only{opacity:.45}.hierarchy-tag-btn.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.hierarchy-tag-btn.child,.hierarchy-tag-btn.grandchild{margin-left:0;font-size:10px}.hierarchy-tag-btn.new-root{background:#3b4557;border:2px dashed #6B7280}.child-tags,.grandchild-tags{position:relative;display:flex;flex-direction:column;gap:2px;margin-left:16px;padding-left:10px;margin-top:-13px;padding-top:15px}.child-tags:after,.grandchild-tags:after{content:"";position:absolute;left:-1px;top:0;bottom:14px;width:2px;background:#ffffff2e;pointer-events:none}.child-tag-group{position:relative}.child-tag-group:before{content:"";position:absolute;left:-10px;top:12px;width:8px;height:2px;background:#ffffff2e}.parent-selection-info{margin-top:6px;padding:5px 8px;background:#1a1f2e;border-radius:4px;color:#d1d5db;font-size:11px}.hierarchy-tag-row{display:flex;align-items:center;gap:3px}.hierarchy-tag-row .hierarchy-tag-btn{flex:1;min-width:0}.htag-action{flex-shrink:0;background:transparent;border:1px solid rgba(148,163,184,.2);border-radius:4px;color:#e2e8f0;font-size:13px;padding:3px 7px;cursor:pointer;line-height:1;transition:all .12s}.htag-edit:hover{background:#60a5fa2e;border-color:#3b82f6;color:#60a5fa}.htag-set-parent:hover{background:#34d3992e;border-color:#34d399;color:#34d399}.htag-del:hover{background:#ef44442e;border-color:#ef4444;color:#f87171}.htag-copy{background:#fff;border-color:#94a3b866;color:#334155}.htag-copy:hover{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}.htag-copy--active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.htag-paste{background:#fff;border-color:#94a3b866;color:#334155}.htag-paste:hover{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}.subtag-clipboard-strip{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#fbbf2414;border-top:1px solid rgba(251,191,36,.25);border-bottom:1px solid rgba(251,191,36,.25);font-size:13px;color:#fbbf24;flex-shrink:0}.subtag-clipboard-msg{flex:1;min-width:0}.subtag-clipboard-msg strong{color:#fde68a}.subtag-clipboard-clear{flex-shrink:0;background:transparent;border:1px solid rgba(251,191,36,.35);border-radius:4px;color:#fbbf24;font-size:12px;padding:2px 8px;cursor:pointer}.subtag-clipboard-clear:hover{background:#ef44442e;border-color:#ef4444;color:#f87171}.htag-drag{flex-shrink:0;color:#64748b;font-size:14px;cursor:grab;padding:2px 4px;line-height:1;-webkit-user-select:none;user-select:none}.htag-drag:active{cursor:grabbing}.hierarchy-tag-item.mgmt-drag-over,.child-tag-group.mgmt-drag-over{outline:2px solid #60a5fa;background:#60a5fa14;border-radius:6px}.rearrange-header{background:#2a3444;padding:6px 10px 0;border-bottom:1px solid #3b4557;flex-shrink:0}.rearrange-list-container{max-height:420px;overflow-y:auto;padding:6px 4px}.rearrange-sort-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 4px 8px;border-bottom:1px solid #3b4557;margin-bottom:0}.rearrange-sort-label{font-size:11px;color:#e2e8f0;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.rearrange-sort-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:4px;border:1px solid #3b4557;background:#1a1f2e;color:#cbd5e1;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}.rearrange-sort-btn:hover{border-color:#60a5fa;color:#93c5fd}.rearrange-sort-btn--active{background:#1d3a6e;border-color:#3b82f6;color:#93c5fd}.rearrange-sort-priority{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#3b82f6;color:#fff;font-size:9px;font-weight:700;line-height:1}.rearrange-sort-order-hint{font-size:10px;color:#60a5fa;font-style:italic;white-space:nowrap}.rearrange-sort-clear{margin-left:auto;padding:2px 7px;border-radius:4px;border:1px solid rgba(239,68,68,.3);background:transparent;color:#f87171;font-size:10px;cursor:pointer;transition:all .12s}.rearrange-sort-clear:hover{background:#ef44441f;border-color:#ef4444}.rearrange-hint{font-size:11px;color:#e2e8f0;margin:6px 0 6px 4px}.rearrange-empty{font-size:12px;color:#64748b;margin:8px 4px}.rearrange-tag-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:5px;cursor:grab;-webkit-user-select:none;user-select:none;transition:background .1s;border:1px solid transparent}.rearrange-tag-row:hover{background:#ffffff0a}.rearrange-tag-row:active{cursor:grabbing}.rearrange-drag-handle{color:#64748b;font-size:14px;flex-shrink:0;line-height:1}.rearrange-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rearrange-tag-name{font-size:12px;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rearrange-tag-row.rearrange-dragging{opacity:.35}.rearrange-tag-row.rearrange-drag-over{border-color:#60a5fa;background:#60a5fa1f}.hierarchy-tag-btn.editing-self{opacity:.55;border:2px dashed rgba(255,255,255,.5)!important;cursor:default;pointer-events:none}.htag-shortcut-badge{font-size:9px;opacity:.65;margin-left:4px;font-weight:400}.tag-form-compact{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.tag-form-row{display:flex;gap:6px;align-items:flex-end}.tag-form-row .form-group{display:flex;flex-direction:column;justify-content:flex-end}.tag-form-grid-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #aaa);cursor:pointer;-webkit-user-select:none;user-select:none}.tag-form-grid-label input[type=checkbox]{width:14px;height:14px;cursor:pointer}.tag-form-hint{font-size:10px;color:var(--text-secondary, #888);margin-left:4px;opacity:.8}.tag-form-pts-row{display:flex;align-items:center;gap:6px;margin-top:5px;margin-left:20px}.tag-form-pts-label{font-size:11px;color:#e2e8f0;white-space:nowrap}.tag-form-pts-input{width:60px;padding:2px 6px;background:#1a2236;border:1px solid #374151;border-radius:4px;color:#e2e8f0;font-size:12px;text-align:center}.form-group-grow{flex:1}.form-group-fixed{flex:0 0 50px}.form-group-fixed label{text-align:center}.form-group-half{flex:1}.input-compact{width:100%;height:24px;padding:0 6px;background:#2a3444;border:1px solid #3b4557;border-radius:4px;color:#fff;font-size:11px;box-sizing:border-box}.input-compact:focus{outline:none;border-color:#60a5fa}.input-shortcut{text-align:center;font-weight:700;font-size:11px;letter-spacing:1px}.input-time-tiny{width:100%!important;height:24px!important;padding:0 4px!important;text-align:center;font-size:11px!important}.input-color-compact{display:block;width:100%;height:24px!important;min-height:0;-webkit-appearance:none;appearance:none;background:#2a3444;border:1px solid #3b4557;border-radius:3px;cursor:pointer;padding:1px;box-sizing:border-box;align-self:flex-end}.input-color-compact::-webkit-color-swatch-wrapper{padding:0;height:100%}.input-color-compact::-webkit-color-swatch{border:none;border-radius:2px;height:100%}.time-input-group .input-compact{text-align:center}.tag-form-compact .form-group{margin-bottom:0}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:4px;font-size:11px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text],.form-group select{width:100%;padding:10px 12px;background:#2a3444;border:1px solid #3b4557;border-radius:6px;color:#fff;font-size:14px}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#60a5fa}.form-group input[type=color]{width:100%;height:40px;background:#2a3444;border:1px solid #3b4557;border-radius:6px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.time-input-group{position:relative;display:flex;align-items:center}.form-group-fixed .time-input-group .unit{position:absolute;right:-13px;top:50%;transform:translateY(-50%)}.time-input-group input{flex:1;padding:10px 12px;background:#2a3444;border:1px solid #3b4557;border-radius:6px;color:#fff;font-size:14px;text-align:center}.time-input-group input:focus{outline:none;border-color:#60a5fa}.time-input-group .unit{color:#e2e8f0;font-size:12px;font-weight:600}.number-input-group{display:flex;align-items:center;gap:8px}.number-btn{width:32px;height:32px;border:1px solid #374151;background:#2a3444;color:#fff;border-radius:4px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.number-btn:hover{background:#3b4557}.number-input{width:80px;padding:6px;border:1px solid #374151;background:#2a3444;color:#fff;border-radius:4px;text-align:center}.hierarchy-path{margin-bottom:20px;padding:12px;background:#2a3444;border-radius:6px;font-size:14px;color:#e2e8f0}.hierarchy-context{background:#2a3444;padding:12px;border-radius:8px;margin-bottom:16px}.parent-tag-display .label{color:#9ca3af;font-size:11px;text-transform:uppercase;font-weight:600;display:block;margin-bottom:8px}.hierarchy-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:6px}.tag-color-dot{width:10px;height:10px;border-radius:50%}.separator{color:#6b7280;margin:0 4px}.hierarchy-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.hierarchy-btn-row{display:flex;align-items:center;gap:6px}.hierarchy-btn-row .hierarchy-btn{flex:1}.hierarchy-btn-row--draggable{cursor:grab;border-radius:6px;transition:background .15s}.hierarchy-btn-row--draggable:active{cursor:grabbing}.hierarchy-drag-over{outline:2px dashed #60a5fa;background:#60a5fa14;border-radius:6px}.hierarchy-drag-handle{color:#64748b;font-size:14px;padding:0 2px;cursor:grab;flex-shrink:0;-webkit-user-select:none;user-select:none}.hierarchy-drag-handle:active{cursor:grabbing}.hierarchy-btn{padding:12px 16px;border:2px solid transparent;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.hierarchy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.hierarchy-btn--active{box-shadow:inset 0 0 0 3px #ffffffd9,0 0 0 3px #00000080;filter:brightness(1.15)}.hierarchy-btn--active:after{content:" ✓";font-size:13px;opacity:.9;margin-left:6px}.hierarchy-btn-arrow{font-size:18px;opacity:.7}.hierarchy-btn-name{font-size:10px;font-weight:600;word-break:break-word;overflow-wrap:anywhere;text-align:center;width:100%;line-height:1.15;overflow:hidden}.subtag-grid-area .hierarchy-btn{flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center}.subtag-grid-area .hierarchy-btn-arrow{font-size:12px;line-height:1;margin-top:2px}.shortcut-hint{font-size:11px;padding:2px 6px;background:#fff3;border-radius:3px;margin-left:8px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:11px;color:#9ca3af;font-weight:600;text-transform:uppercase}.filters select{padding:10px 12px;background:#2a3444;border:1px solid #3b4557;border-radius:6px;color:#fff;font-size:14px}.multi-select{padding:4px;border:1px solid #3b4557;background:#2a3444;color:#fff;border-radius:4px}.multi-select option{padding:4px}.clear-filter{padding:4px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;align-self:flex-start}.custom-time-inputs{display:flex;align-items:center;gap:8px;margin-top:6px}.custom-time-inputs input{flex:1;padding:6px;border:1px solid #3b4557;background:#2a3444;color:#fff;border-radius:4px}.custom-time-inputs span{color:#9ca3af}.events-table{flex:1;overflow-y:auto;background:#2a3444;border-radius:8px;padding:0 0 16px}.events-table table{width:100%;border-collapse:collapse;-webkit-user-select:none;user-select:none}.events-table th{text-align:left;padding:12px;background:#1a1f2e;font-weight:600;font-size:12px;text-transform:uppercase;color:#e2e8f0;position:sticky;top:0;z-index:2;white-space:nowrap;-webkit-user-select:none;user-select:none}.events-table td{padding:12px;border-top:1px solid #3b4557;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.no-events{text-align:center;padding:40px;color:#e2e8f0}.modal-actions{display:flex;gap:8px;margin-top:10px}.btn-cancel,.btn-create,.btn-small{padding:7px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{flex:1;background:#3b4557;color:#fff}.btn-cancel:hover{background:#4a5568}.btn-create{flex:1;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;box-shadow:0 2px 8px #60a5fa33}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.btn-small{padding:4px 12px;font-size:12px;background:#3b4557;color:#fff}.btn-small:hover{background:#4a5568}.btn-danger{background:#ef4444!important}.btn-danger:hover{background:#dc2626!important}.btn-secondary{padding:8px 16px;background:#3b4557;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#4a5568}.modal-content.settings-modal{display:flex;flex-direction:column;height:80vh;max-height:80vh;overflow:hidden}.settings-modal-tab{position:relative}.settings-modal-tab:before,.settings-modal-tab:after{content:"";position:absolute;bottom:-2px;width:14px;height:14px;background:#1a1f2e;pointer-events:none;z-index:2}.settings-modal-tab:before{left:-14px;border-bottom-right-radius:14px;border-right:2px solid #2a3444;border-bottom:2px solid #2a3444}.settings-modal-tab:after{right:-14px;border-bottom-left-radius:14px;border-left:2px solid #2a3444;border-bottom:2px solid #2a3444}.team-mode-section{flex-shrink:0;margin-bottom:10px}.settings-tabs{display:flex;gap:0;border-bottom:2px solid #2a3444;margin-bottom:12px;flex-shrink:0}.settings-tab{padding:7px 16px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.settings-tab:hover{color:#e2e8f0}.settings-tab--active{color:#60a5fa;border-bottom-color:#60a5fa}.video-controls-section{flex:1;display:flex;flex-direction:column;min-height:0}.video-info-row{display:flex;gap:8px;margin-bottom:10px;flex-shrink:0;flex-wrap:wrap}.video-info-chip{background:#2a3444;border-radius:6px;padding:6px 12px;display:flex;flex-direction:column;gap:2px;min-width:80px}.video-info-label{font-size:11px;text-transform:uppercase;color:#64748b;font-weight:600;letter-spacing:.5px}.video-info-value{font-size:17px;font-weight:700;color:#60a5fa}.video-shortcut-hint{font-size:13px;color:#64748b;margin-bottom:10px;flex-shrink:0}.video-shortcut-hint strong{color:#e2e8f0}.video-shortcut-list{display:flex;flex-direction:column;gap:4px}.video-shortcut-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#2a3444;border-radius:6px}.video-shortcut-name{flex:1;font-size:14px;color:#e2e8f0;font-weight:500}.video-shortcut-input{width:40px;text-align:center;padding:3px 0;background:#1a1f2e;border:1px solid #3b4557;border-radius:4px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;flex-shrink:0;outline:none;caret-color:transparent}.video-shortcut-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa40}.video-shortcut-input.conflict{border-color:#ef4444;color:#ef4444}.video-shortcut-clear{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#64748b;font-size:10px;cursor:pointer;border-radius:3px;padding:0;flex-shrink:0}.video-shortcut-clear:hover{color:#ef4444;background:#ef44441a}.shortcut-conflict-msg{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#eab3081f;border:1px solid rgba(234,179,8,.35);border-radius:6px;font-size:12px;color:#fde68a;flex-shrink:0;margin-bottom:8px}.shortcut-conflict-btns{margin-left:auto;display:flex;gap:6px;flex-shrink:0}.shortcut-conflict-msg button{background:#eab30826;border:1px solid rgba(234,179,8,.4);color:#fde68a;cursor:pointer;font-size:11px;font-weight:600;padding:2px 9px;border-radius:4px}.shortcut-conflict-msg button:hover{background:#eab30847}.team-mode-label{display:block;font-size:11px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.team-mode-row{display:flex;gap:6px;flex-shrink:0;margin-bottom:0}.settings-modal .settings-section{margin-bottom:0}.settings-modal .tag-management-section{flex:1;display:flex;flex-direction:column;min-height:0}.settings-tag-scroll{flex:1;overflow-y:auto;min-height:0;margin-top:8px}.settings-footer{flex-shrink:0;border-top:1px solid #2a3444;padding-top:12px;margin-top:12px}.io-tab-section{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:6px;padding-right:2px}.io-group{background:#2a3444;border-radius:6px;padding:7px 10px;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.io-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#e2e8f0}.io-group-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.io-hint{font-size:10px;color:#64748b;line-height:1.3;margin:0}.io-tab-section .btn-secondary{padding:4px 10px;font-size:11px;border-radius:4px}.settings-tab--danger{color:#f87171}.settings-tab--danger.settings-tab--active{border-bottom-color:#f87171;color:#f87171}.danger-zone-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:8px 12px;font-size:11px;color:#fca5a5;line-height:1.4;flex-shrink:0}.danger-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.danger-group{border:1px solid rgba(239,68,68,.2);margin-bottom:0!important}.danger-group--full{grid-column:1 / -1}.danger-label{color:#f87171!important}.btn-danger-action{padding:5px 12px;font-size:11px;border-radius:4px;background:transparent;border:1px solid #f87171;color:#f87171;cursor:pointer;transition:background .15s,color .15s}.btn-danger-action:hover{background:#ef444426}.btn-danger-action--critical{background:#ef44441f;border-color:#ef4444;color:#ef4444;font-weight:600}.btn-danger-action--critical:hover{background:#ef444447}.io-dropdown-wrap{position:relative}.io-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;background:#1e2536;border:1px solid #3b4557;border-radius:6px;min-width:130px;z-index:200;overflow:hidden;box-shadow:0 4px 16px #0006}.io-dropdown button,.io-dropdown label{display:block;width:100%;padding:8px 12px;background:none;border:none;color:#e2e8f0;font-size:13px;text-align:left;cursor:pointer;white-space:nowrap}.io-dropdown button:hover,.io-dropdown label:hover{background:#2a3444}.settings-footer .tag-import-export{margin:0;padding:0;border:none}.settings-section{margin-bottom:20px}.team-mode-btn{flex:1;padding:7px 10px;background:#2a3444;border:1px solid #3b4557;border-radius:6px;color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.team-mode-btn:hover{background:#3b4557;color:#e2e8f0}.team-mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.settings-section h3{font-size:16px;margin-bottom:12px;color:#e2e8f0}.tag-list{display:flex;flex-direction:column;gap:8px}.tag-settings-item{display:flex;align-items:center;gap:12px;padding:12px;background:#2a3444;border-radius:6px}.tag-settings-item>span:not(.tag-shortcut-display){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-shortcut-display{background:#3b4557;padding:2px 7px;border-radius:4px;font-size:11px;font-family:monospace;flex:0 0 auto;min-width:0;max-width:80px;text-align:center;border:1px solid #4a5568;color:#a0b0c8}.tag-import-export{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #3b4557}.teams-import-export{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid #3b4557}.import-export-label{font-size:13px;font-weight:600;color:#e2e8f0}.import-export-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.import-export-sublabel{font-size:12px;color:#64748b;min-width:48px}.btn-small-text{font-size:12px!important;padding:4px 10px!important}.player-sort-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1e2535;border-radius:6px;margin-bottom:8px;flex-wrap:wrap}.player-sort-label{font-size:12px;color:#94a3b8;margin-right:2px}.player-drag-handle{color:#64748b;cursor:grab;font-size:14px;flex-shrink:0;padding:2px;-webkit-user-select:none;user-select:none}.player-drag-handle:active{cursor:grabbing}.player-number-input{width:52px;flex-shrink:0;padding:8px 6px;background:#3b4557;border:1px solid #4b5568;border-radius:6px;color:#e2e8f0;font-weight:700;font-size:13px;text-align:center;-moz-appearance:textfield}.player-number-input::-webkit-inner-spin-button,.player-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.player-number-input:focus{outline:none;border-color:#60a5fa}.player-edit-item--dragover{background:#2a3f5f;border-radius:6px;outline:1px dashed #60a5fa}.player-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;background:#2a3444;border-radius:8px}.player-edit-item{display:flex;align-items:center;gap:8px}.player-edit-item .player-number{background:#3b4557;color:#e2e8f0;padding:8px;border-radius:6px;font-weight:700;font-size:13px;min-width:40px;text-align:center}.player-edit-item input{flex:1;padding:8px 12px;background:#1a1f2e;border:1px solid #3b4557;border-radius:6px;color:#fff;font-size:14px}.player-edit-item input:focus{outline:none;border-color:#60a5fa}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1f2e}::-webkit-scrollbar-thumb{background:#3b4557;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5568}::-webkit-scrollbar-corner{background:#1a1f2e}::selection{background:#60a5fa;color:#fff}.hint{font-size:12px;color:#64748b}.stats-view-tabs{display:flex;gap:4px;min-width:0;flex-shrink:1}.stats-view-tab{padding:clamp(3px,.8cqi,5px) clamp(4px,1.8cqi,10px);background:#2a3444;border:1px solid #3b4557;border-radius:5px;color:#e2e8f0;font-size:clamp(9px,2.6cqi,13px);font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.stats-view-tab:hover{background:#3b4557;color:#e2e8f0}.stats-view-tab--active{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa}.timeline-wrap{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tl-toolbar{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#151a27;border-bottom:1px solid #1e2533;flex-shrink:0}.tl-col-picker-wrap{position:relative}.tl-col-picker-btn{background:#2a3347;color:#e2e8f0;border:1px solid #374151;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.tl-col-picker-btn:hover{background:#374151;color:#e2e8f0}.tl-col-picker-dropdown{position:fixed;background:#1e2635;border:1px solid #374151;border-radius:6px;padding:6px;z-index:9999;min-width:150px;max-height:min(420px,80vh);overflow-y:auto;box-shadow:0 4px 16px #00000080;display:flex;flex-direction:column;gap:2px}.tl-col-picker-item{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:11px;color:#cbd5e1;cursor:pointer;border-radius:3px;white-space:nowrap}.tl-col-picker-item:hover{background:#2a3347}.tl-col-picker-item input[type=checkbox]{cursor:pointer;accent-color:#60a5fa}.tl-del-col{width:32px;min-width:32px;max-width:32px;padding:2px!important;text-align:center;overflow:hidden}.tl-del-cell{width:32px;min-width:32px;max-width:32px;padding:2px 4px!important;text-align:center;vertical-align:middle;overflow:hidden}.tl-del-btn{background:transparent;border:none;color:#4a5568;font-size:14px;font-weight:700;line-height:1;cursor:pointer;padding:0 2px;border-radius:3px;transition:color .15s,background .15s;display:none}.timeline-row-event:hover .tl-del-btn,.timeline-row-anchor:hover .tl-del-btn,.timeline-row-gamestate:hover .tl-del-btn{display:inline-block}.tl-del-btn:hover{color:#ef4444;background:#ef444426}.timeline-table-scroll{flex:1;overflow:auto;min-height:0;background:#1a1f2e}.timeline-table-scroll::-webkit-scrollbar-corner{background:transparent}.timeline-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.timeline-table thead th{position:sticky;top:0;background:#1a1f2e;padding:5px 8px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;letter-spacing:.4px;border-bottom:1px solid #2a3444;z-index:3}.timeline-table tbody tr{border-bottom:1px solid #1e2533}.timeline-row-anchor{background:#eab3081a;border-left:3px solid #eab308!important}.timeline-row-anchor td{padding:4px 8px;color:#fde68a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.tl-anchor-label{color:#fbbf24!important;font-weight:700;letter-spacing:.3px}.timeline-row-event{cursor:pointer;transition:background .1s}.timeline-row-event:hover{filter:brightness(1.25)}.timeline-row-event td{padding:4px 8px;color:#cbd5e1;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.tl-time{font-family:Courier New,monospace;font-size:11px;color:#60a5fa!important;white-space:nowrap}.tl-team-inner{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.tl-team-inner>span:not(.tl-team-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tl-team-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.tl-player{font-size:10px;color:#e2e8f0!important}.row-ctx-menu{position:fixed;z-index:10700;background:#1e2635;border:1px solid #374151;border-radius:8px;min-width:160px;max-width:220px;box-shadow:0 8px 28px #000000a6;overflow:hidden;font-size:12px}.row-ctx-team-btns{display:flex;flex-direction:column;gap:0}.row-ctx-team-btn{background:#1e2635;border:none;border-bottom:1px solid #2a3347;color:#e2e8f0;font-size:12px;font-weight:600;padding:9px 14px;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .12s,color .12s;white-space:nowrap;text-align:left}.row-ctx-team-btn:last-child{border-bottom:none}.row-ctx-team-btn--active{color:#fff;background:#2a3347}.row-ctx-team-btn:not(.row-ctx-team-btn--active):hover{background:#252f42;color:#e2e8f0}.row-ctx-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.row-ctx-player-list{display:flex;flex-direction:column;gap:0;max-height:260px;overflow-y:auto}.row-ctx-player-btn{background:#1e2635;border:none;border-bottom:1px solid #2a3347;color:#e2e8f0;font-size:12px;padding:8px 14px;cursor:pointer;text-align:left;transition:background .12s,color .12s;white-space:nowrap}.row-ctx-player-btn:last-child{border-bottom:none}.row-ctx-player-btn--active{color:#60a5fa;background:#1a2a3f;font-weight:600}.row-ctx-player-btn:not(.row-ctx-player-btn--active):hover{background:#252f42;color:#e2e8f0}.row-ctx-empty{padding:10px 14px;font-size:11px;color:#4a5568;font-style:italic}.tl-tag-chip{cursor:context-menu;display:inline-block;padding:1px 6px;border-radius:3px;border:1px solid;font-size:10px;font-weight:600;color:#fff;white-space:nowrap}.timeline-empty{text-align:center;padding:32px 16px;color:#64748b;font-size:12px}.tl-num-col{width:28px;min-width:28px;text-align:center;color:#64748b!important;font-size:10px;cursor:pointer}.cfp-input--wide{width:80px}.tl-num{text-align:center!important;color:#64748b!important;font-size:10px;font-family:Courier New,monospace;min-width:24px}.tl-notes-col{min-width:140px;width:180px}.tl-notes-cell{padding:3px 6px!important;vertical-align:top!important}.tl-notes-input{width:100%;min-width:120px;background:#ffffff0d;border:1px solid transparent;border-radius:4px;color:#cbd5e1;font-size:11px;font-family:inherit;padding:3px 5px;resize:vertical;min-height:28px;max-height:80px;transition:border-color .15s,background .15s;box-sizing:border-box}.tl-notes-input:hover{border-color:#3b4557;background:#ffffff14}.tl-notes-input:focus{outline:none;border-color:#60a5fa;background:#60a5fa14}.tl-notes-input::placeholder{color:#475569}.tl-delete-btn{background:transparent;border:none;cursor:pointer;font-size:13px;opacity:.35;padding:2px 4px;border-radius:3px;transition:opacity .15s,background .15s;line-height:1}.tl-delete-btn:hover{opacity:.9;background:#ef444433}.timeline-row-event.tl-row-selected{background-color:#60a5fa2e!important;border-left:3px solid rgba(96,165,250,.7)!important}.timeline-row-event.tl-row-selected .tl-delete-btn{opacity:.75}.tl-selection-bar,.tl-delete-confirm-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px;border-bottom:1px solid #2a3444;flex-shrink:0}.tl-selection-bar{background:#60a5fa14;color:#93c5fd}.tl-delete-confirm-bar{background:#ef44441a;color:#fca5a5}.btn-danger-sm{padding:3px 10px;background:#ef444440;border:1px solid rgba(239,68,68,.5);border-radius:4px;color:#fca5a5;font-size:11px;cursor:pointer;transition:background .15s}.btn-danger-sm:hover{background:#ef444466}.tl-filter-bar{display:flex;flex-wrap:wrap;gap:4px;padding:5px 8px;background:#141921;border-bottom:1px solid #2a3444;flex-shrink:0;align-items:center}.tl-filter-select{padding:2px 4px;background:#1e2736;border:1px solid #3b4557;border-radius:4px;color:#cbd5e1;font-size:10px;cursor:pointer;max-width:110px;min-width:60px}.tl-filter-select:focus{outline:none;border-color:#60a5fa}.tl-filter-input{width:54px;padding:2px 4px;background:#1e2736;border:1px solid #3b4557;border-radius:4px;color:#cbd5e1;font-size:10px}.tl-filter-input:focus{outline:none;border-color:#60a5fa}.tl-filter-input::placeholder{color:#4a5568;font-size:9px}.tl-filter-clear{padding:2px 6px;background:#ef444426;border:1px solid rgba(239,68,68,.35);border-radius:4px;color:#fca5a5;font-size:10px;cursor:pointer;font-weight:600;transition:background .15s}.tl-filter-clear:hover{background:#ef44444d}.th-filterable{cursor:pointer!important;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-filterable:hover{color:#93c5fd!important;background:#1e2a3a!important}.th-filtered{color:#60a5fa!important}.col-filter-popover{position:fixed;z-index:10500;background:#1e2536;border:1px solid #3b4557;border-radius:8px;padding:10px 12px;min-width:180px;max-width:260px;box-shadow:0 8px 24px #00000080}.cfp-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#e2e8f0;margin-bottom:6px}.cfp-hint{font-weight:400;text-transform:none;color:#64748b;letter-spacing:0}.cfp-options{display:flex;flex-direction:column;gap:2px}.cfp-options--scroll{max-height:180px;overflow-y:auto}.cfp-opt{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;background:transparent;border:1px solid transparent;border-radius:5px;color:#cbd5e1;font-size:12px;text-align:left;cursor:pointer;transition:background .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfp-opt:hover{background:#2a3444;color:#fff}.cfp-opt--active{background:#1e3a5f;border-color:#3b82f6;color:#60a5fa;font-weight:600}.cfp-team-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;display:inline-block}.cfp-row{display:flex;align-items:center;gap:6px}.cfp-input{flex:1;min-width:0;padding:4px 6px;background:#2a3444;border:1px solid #3b4557;border-radius:4px;color:#fff;font-size:12px}.cfp-input:focus{outline:none;border-color:#60a5fa}.cfp-search{width:100%;box-sizing:border-box;margin:4px 0 6px;padding:5px 8px;background:#111827;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:12px}.cfp-search::placeholder{color:#475569}.cfp-search:focus{outline:none;border-color:#60a5fa}.cfp-sep{color:#64748b;font-size:11px;flex-shrink:0}.cfp-clear{margin-top:8px;width:100%;padding:4px 8px;background:#ef444426;border:1px solid rgba(239,68,68,.35);border-radius:4px;color:#fca5a5;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.cfp-clear:hover{background:#ef444447}.tl-flag-col{width:22px;min-width:22px;padding:0 2px!important;text-align:center}.tl-flag-cell{width:22px;min-width:22px;padding:2px!important;text-align:center;cursor:pointer}.tl-flag-cell:hover{background:#fb923c1f}.flag-indicator{font-size:12px;line-height:1;display:inline-block;transition:opacity .15s}.flag-indicator--active{opacity:1;filter:none}.flag-indicator--empty{opacity:0;font-size:10px}.tl-flag-cell:hover .flag-indicator--empty{opacity:.35;content:"⚑"}.tl-flag-cell:hover .flag-indicator--empty:before{content:"⚑"}.flag-popover{position:fixed;background:#1e2536;border:1px solid #3b4557;border-radius:8px;min-width:220px;max-width:320px;z-index:10600;box-shadow:0 6px 24px #00000080;overflow:hidden}.flag-popover-title{padding:8px 12px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fb923c;border-bottom:1px solid #2a3444}.flag-popover-empty{padding:10px 12px;font-size:11px;color:#64748b;line-height:1.5}.flag-popover-item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;cursor:pointer;transition:background .12s}.flag-popover-item:hover{background:#fb923c1a}.flag-popover-item--active{background:#fb923c14}.flag-popover-item input[type=checkbox]{margin-top:2px;accent-color:#fb923c;flex-shrink:0}.flag-popover-item-text{display:flex;flex-direction:column;gap:2px}.flag-popover-name{font-size:12px;color:#e2e8f0;font-weight:500}.flag-popover-desc{font-size:11px;color:#64748b;line-height:1.3}.flags-view{display:flex;flex-direction:column;gap:8px;padding:8px 4px;overflow-y:auto;flex:1;min-height:0}.flag-group{background:#1e2536;border:1px solid rgba(251,146,60,.2);border-radius:6px;overflow:hidden}.flag-group-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fb923c14;border-bottom:1px solid rgba(251,146,60,.15)}.flag-group-icon{font-size:13px}.flag-group-name{font-size:12px;font-weight:600;color:#fb923c;flex:1}.flag-group-count{font-size:11px;color:#e2e8f0;background:#2a3444;padding:1px 7px;border-radius:10px}.flag-group-desc{padding:4px 10px;font-size:11px;color:#64748b;border-bottom:1px solid #2a3444}.flag-group-events{display:flex;flex-direction:column}.flag-event-row{display:flex;gap:6px;align-items:baseline;padding:4px 10px;font-size:11px;cursor:pointer;border-bottom:1px solid #2a3444;transition:background .12s;flex-wrap:wrap}.flag-event-row:last-child{border-bottom:none}.flag-event-row:hover{background:#ffffff0a}.flag-event-line{color:#64748b;min-width:26px;font-size:10px}.flag-event-time{color:#e2e8f0;font-family:monospace;font-size:11px;min-width:38px}.flag-event-player{color:#cbd5e1;flex-shrink:0}.flag-event-tags{color:#64748b;font-size:10px}.flags-view--modal{padding:16px;gap:16px}.flags-modal-grid{display:flex;flex-direction:column;gap:16px}.flag-group--modal{border-radius:8px}.flag-modal-table{width:100%;border-collapse:collapse;font-size:12px}.flag-modal-table thead th{padding:6px 8px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid #2d3748;position:sticky;top:0;background:#1e2536;z-index:1}.flag-modal-table tbody .timeline-row-event td{padding:5px 8px}.flag-edit-form{background:#2a3444!important;border:1px solid rgba(251,146,60,.3)!important}.flag-edit-input{background:#1e2536;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:12px;padding:6px 8px;width:100%;box-sizing:border-box}.flag-edit-input:focus{outline:none;border-color:#fb923c}.flag-edit-textarea{background:#1e2536;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:12px;padding:6px 8px;width:100%;box-sizing:border-box;resize:vertical;font-family:inherit;line-height:1.4}.flag-edit-textarea:focus{outline:none;border-color:#fb923c}.flag-def-item{border:1px solid rgba(251,146,60,.15)!important}.flag-def-name{font-size:13px;font-weight:600;color:#e2e8f0}.flag-def-count{font-size:10px;color:#64748b;background:#1e2536;padding:1px 7px;border-radius:10px}.flag-def-desc{font-size:11px;color:#64748b;margin-top:3px;line-height:1.4}.flag-def-cond-summary{font-size:10px;color:#4b5563;margin-top:3px;font-style:italic;line-height:1.3}.flag-cond-logic-row{display:flex;align-items:center;gap:8px;padding:4px 0}.flag-cond-logic-label{font-size:11px;color:#e2e8f0;white-space:nowrap}.flag-select{background:#1e2536;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:11px;padding:4px 6px;cursor:pointer;max-width:240px}.flag-select:focus{outline:none;border-color:#fb923c}.flag-cond-row{display:flex;align-items:flex-start;gap:6px;padding:6px 0;border-bottom:1px solid #2a3444}.flag-cond-row:last-of-type{border-bottom:none}.flag-cond-num{font-size:10px;color:#64748b;min-width:14px;padding-top:5px;text-align:center}.flag-cond-fields{display:flex;flex-wrap:wrap;gap:5px;flex:1;align-items:center}.flag-cond-inline{display:flex;align-items:center;gap:4px}.flag-cond-inline-label{font-size:11px;color:#e2e8f0;white-space:nowrap}.flag-num-input{background:#1e2536;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:11px;padding:4px 6px;width:52px;text-align:center}.flag-num-input:focus{outline:none;border-color:#fb923c}.flag-cond-del{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:12px;padding:4px 5px;border-radius:3px;line-height:1;flex-shrink:0}.flag-cond-del:hover{background:#ef444426;color:#f87171}.flag-tag-search-input{background:#1e2536;border:1px solid #3b4557;border-radius:4px;color:#e2e8f0;font-size:11px;padding:4px 7px;min-width:200px;max-width:400px;width:100%;outline:none}.flag-tag-search-input:focus{border-color:#fb923c}.flag-tag-search-input::placeholder{color:#64748b}.flag-tag-search-wrap{display:flex;flex-direction:column;gap:2px}.flag-tag-picker{position:relative;display:flex;flex-direction:column;gap:2px}.flag-tag-dropdown{position:absolute;top:calc(100% + 2px);left:0;z-index:400;background:#1a2233;border:1px solid #2d3a4f;border-radius:5px;min-width:180px;max-width:380px;max-height:200px;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 16px #00000073}.flag-tag-dropdown-item{display:block;width:100%;text-align:left;white-space:nowrap;padding:5px 10px;font-size:11px;border:none;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;opacity:.92;overflow:hidden;text-overflow:ellipsis}.flag-tag-dropdown-item:last-child{border-bottom:none}.flag-tag-dropdown-item:hover{opacity:1;filter:brightness(1.15)}.input-error{border-color:#f87171!important;box-shadow:0 0 0 2px #f8717140}.input-error-msg{font-size:10px;color:#f87171;margin-top:2px;display:block}.flag-tag-chip-selected{display:block;font-size:10px;color:#fb923c;background:#fb923c1a;border:1px solid rgba(251,146,60,.25);border-radius:3px;padding:1px 6px;line-height:1.5;max-width:260px;overflow-x:auto;white-space:nowrap}.flag-cond-optional-btn{background:transparent;border:1px solid #3b4557;border-radius:3px;color:#64748b;cursor:pointer;font-size:11px;padding:2px 7px;line-height:1.4;flex-shrink:0;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}.flag-cond-optional-btn--add{color:#60a5fa;border-color:#60a5fa59}.flag-cond-optional-btn--add:hover{background:#60a5fa1a;border-color:#60a5fa;color:#93c5fd}.flag-cond-optional-btn--remove{color:#64748b;border-color:transparent;padding:2px 5px}.flag-cond-optional-btn--remove:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171}.btn-small--danger{color:#f87171!important;border-color:#f8717166!important}.btn-small--danger:hover{background:#f871711f!important}.clip-export-toast{position:fixed;bottom:24px;right:24px;z-index:10200;background:#1a2035;border:1px solid #2d3a52;border-radius:10px;padding:14px 18px;min-width:300px;max-width:400px;box-shadow:0 8px 32px #0000008c;display:flex;flex-direction:column;gap:8px;pointer-events:all}.clip-export-toast-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.clip-export-toast-title{font-size:.95rem;font-weight:700;color:#e2e8f0}.clip-export-toast-cancel{background:transparent;border:1px solid #f87171;color:#f87171;border-radius:4px;padding:2px 8px;font-size:.75rem;cursor:pointer;white-space:nowrap}.clip-export-toast-cancel:hover{background:#f871711f}.clip-export-modal{display:contents}.clip-export-modal-title{font-size:1.1rem;font-weight:700;color:#e2e8f0}.clip-export-modal-filename{font-size:.85rem;color:#e2e8f0;word-break:break-all}.clip-export-modal-status{font-size:.92rem;color:#cbd5e1}.clip-export-progress-bar-wrap{background:#0f1623;border-radius:4px;height:8px;overflow:hidden;margin-top:4px}.clip-export-progress-bar-fill{background:#3b82f6;height:100%;border-radius:4px;transition:width .3s ease;min-width:4px}.clip-export-modal-note{font-size:.78rem;color:#64748b;margin-top:2px}.start-screen{position:fixed;inset:0;background:#0f1117;display:flex;align-items:center;justify-content:center;z-index:9999;overflow-y:auto}.start-screen-inner{width:100%;max-width:560px;padding:48px 32px 40px;display:flex;flex-direction:column;align-items:center;gap:28px}.start-screen-inner--setup{max-width:780px;padding:36px 32px 40px;position:relative}.logo-badge--large{width:220px;height:220px;border:5px solid #fff;box-shadow:0 0 0 6px #60a5fa;gap:8px}.logo-badge--large .logo-title{font-size:28px}.logo-badge--large .logo-subtitle{font-size:14px;letter-spacing:.6px}.logo-badge--large .bar-chart{height:62px;gap:6px}.logo-badge--large .bar{width:12px}.start-about{width:150%;background:#161b2a;border:1px solid #1e2d45;border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:10px}.start-about-version{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#3b82f6;font-weight:700}.start-about-desc{font-size:.875rem;color:#fff;line-height:1.6;margin:0}.start-about-credits{font-size:.72rem;color:#475569;display:flex;gap:6px;flex-wrap:wrap}.start-credit-sep{color:#334155}.start-session-summary{width:150%;background:#0d1926;border:1px solid #1e3a5a;border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:10px}.start-session-title{font-size:.78rem;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.08em}.start-session-chips{display:flex;flex-wrap:wrap;gap:8px}.start-session-chip{background:#1e2d45;border:1px solid #2a4060;border-radius:20px;padding:3px 12px;font-size:.8rem;color:#93c5fd;white-space:nowrap}.start-resume-btn{align-self:flex-start;background:#1e3a5f;border:1px solid #2563eb;color:#bfdbfe;border-radius:8px;padding:7px 16px;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.start-resume-btn:hover{background:#1d4ed8;border-color:#3b82f6;color:#fff}.start-cta-row{width:100%;display:flex;justify-content:center}.start-get-started-btn{background:linear-gradient(135deg,#1d4ed8,#2563eb);border:none;color:#fff;border-radius:10px;padding:13px 40px;font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.02em;box-shadow:0 4px 20px #2563eb66;transition:opacity .15s,transform .1s}.start-get-started-btn:hover{opacity:.92;transform:translateY(-1px)}.start-get-started-btn:active{transform:translateY(0)}.start-back-btn{background:none;border:none;color:#60a5fa;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;align-self:flex-start;margin-bottom:-8px}.start-back-btn:hover{color:#93c5fd}.start-setup-title{font-size:1.6rem;font-weight:800;color:#f1f5f9;margin:0;align-self:flex-start}.start-setup-hint{font-size:.85rem;color:#64748b;margin:0;align-self:flex-start}.start-setup-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:700px){.start-setup-grid{grid-template-columns:repeat(2,1fr)}}.start-setup-card{background:#161b2a;border:1px solid #1e2d45;border-radius:12px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}.start-setup-card:hover{border-color:#2a4060}.start-setup-card--highlight{border-color:#1e3a5a;background:#0d1926}.start-setup-card-icon{font-size:1.6rem;line-height:1;margin-bottom:2px}.start-setup-card-title{font-size:.9rem;font-weight:700;color:#e2e8f0}.start-setup-card-desc{font-size:.75rem;color:#64748b;line-height:1.4;flex:1}.start-setup-btn{display:inline-block;background:#1e2635;border:1px solid #334155;color:#93c5fd;border-radius:7px;padding:7px 14px;font-size:.78rem;font-weight:600;cursor:pointer;text-align:center;transition:background .15s,border-color .15s;margin-top:4px}.start-setup-btn:hover{background:#253047;border-color:#3b82f6}.start-setup-btn--highlight{background:#0d1e35;border-color:#1e3a5f;color:#60a5fa}.start-setup-btn--highlight:hover{background:#1e3a5f;border-color:#3b82f6}.start-setup-btn--live{background:#0f2a1a;border-color:#166534;color:#4ade80}.start-setup-btn--live:hover{background:#14532d;border-color:#22c55e}.start-setup-loaded{font-size:.72rem;color:#4ade80;font-weight:600}.start-setup-footer{width:100%;display:flex;flex-direction:row;align-items:stretch;gap:12px;padding-top:6px}.start-setup-footer-hint{font-size:.75rem;color:#475569;margin:0;text-align:center}.start-resume-btn--large{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 16px;font-size:.95rem}.start-resume-meta{font-size:.75rem;font-weight:500;color:#93c5fd;opacity:.85}.start-new-session-meta{font-size:.75rem;font-weight:400;color:#64748b;opacity:.85}.start-get-started-btn--secondary{background:transparent;border:1px solid #334155;box-shadow:none;color:#64748b;font-size:.85rem;padding:9px 28px}.start-get-started-btn--secondary:hover{background:#1e2635;border-color:#475569;color:#e2e8f0;opacity:1;transform:none}.confirm-clear-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-clear-dialog{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:28px 32px;max-width:420px;width:90%;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #0009}.confirm-clear-title{margin:0;font-size:1.1rem;font-weight:600;color:#f1f5f9}.confirm-clear-body{margin:0;font-size:.88rem;color:#e2e8f0;line-height:1.55}.confirm-clear-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.confirm-clear-cancel{background:transparent;border:1px solid #334155;color:#e2e8f0;padding:8px 20px;border-radius:7px;font-size:.88rem;cursor:pointer;transition:background .15s}.confirm-clear-cancel:hover{background:#263040;border-color:#475569;color:#cbd5e1}.confirm-clear-confirm{background:#ef4444;border:1px solid #b91c1c;color:#fff;padding:8px 20px;border-radius:7px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.confirm-clear-confirm:hover{background:#dc2626}.field-map-container{position:relative;width:100%;overflow:hidden;border-radius:6px;background:#1a2a1a}.field-map-container.field-map-clickable:active{opacity:.92}.coord-dot{pointer-events:none;transition:opacity .2s}.tl-coord-cell{font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;padding:2px 4px;vertical-align:middle}.tl-coord-cell:hover{background:#94a3b814}.tl-score-cell{font-size:11px;color:#cbd5e1;white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 4px;vertical-align:middle}.coord-value{font-family:monospace;font-size:11px;color:#60a5fa;background:#60a5fa1a;padding:1px 4px;border-radius:3px}.coord-empty{color:#475569;font-size:12px}.tl-row-coords-target{outline:2px solid #3b82f6;outline-offset:-2px}.tl-row-coords-target td{background:#3b82f62e!important;animation:coords-target-pulse 1.6s ease-in-out infinite}@keyframes coords-target-pulse{0%,to{opacity:1}50%{opacity:.72}}.coords-only-map-wrap{flex:1;min-height:0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:6px 8px 8px;gap:4px;overflow:hidden}.coords-only-map-wrap .field-map-container{flex:1 1 0;min-height:0;max-width:100%}.coords-only-sidebar-map{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 8px 8px;gap:6px;overflow:hidden}.coords-only-sidebar-hint{font-size:11px;color:#e2e8f0;text-align:center;flex-shrink:0;padding:2px 0}.coords-only-sidebar-map .field-map-container{flex:1;min-height:0}.tag-form-label-disabled{opacity:.55;cursor:not-allowed}.ctx-menu{background:#1e2635;border:1px solid #374151;border-radius:8px;min-width:172px;box-shadow:0 8px 28px #000000a6;overflow:hidden;font-size:12px}.ctx-menu-info{padding:5px 12px;font-size:11px;color:#e2e8f0;border-bottom:1px solid #2a3347;-webkit-user-select:none;user-select:none}.ctx-menu-item{display:block;width:100%;background:#1e2635;border:none;border-bottom:1px solid #2a3347;color:#cbd5e1;font-size:12px;padding:9px 14px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.ctx-menu-item:hover{background:#2a3347;color:#fff}.ctx-menu-item:last-child{border-bottom:none}.ctx-menu-item--danger{color:#f87171}.ctx-menu-item--danger:hover{background:#ef444426;color:#fca5a5}.start-info-nav{position:absolute;top:1.25rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;z-index:10000}.start-info-btn{background:#3b82f6;border:1px solid #3b82f6;color:#fff;border-radius:6px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.start-info-btn:hover{background:#2563eb;border-color:#2563eb}.info-screen{align-items:flex-start;padding-top:5rem}.info-back-btn{position:absolute;top:1.25rem;left:1.5rem}.info-page{max-width:960px;margin:0 auto;width:100%;padding:2rem 1.5rem}.info-page-title{font-size:2rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem}.info-page-content{color:#e2e8f0;line-height:1.8;font-size:1rem;text-align:justify}.info-page-content p{margin-bottom:1rem}.guide-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;width:100%}.guide-video-section{display:flex;flex-direction:column;gap:.4rem}.guide-video-title{color:#e2e8f0;font-size:.85rem;font-weight:600;line-height:1.3}.guide-video-wrapper{position:relative;padding-top:56.25%;width:100%;background:#000;border-radius:6px;overflow:hidden}.guide-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.start-auth-status{position:absolute;top:1.25rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;z-index:10000}.start-user-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.start-user-email{color:#e2e8f0;font-size:.875rem}.start-user-tier{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.tier-free{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.tier-pro{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.tier-elite{background:linear-gradient(135deg,#a855f733,#ec489933);color:#e879f9;border:1px solid rgba(168,85,247,.3)}.start-auth-btn{padding:.5rem 1.1rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:.8rem;transition:all .2s;white-space:nowrap}.start-auth-btn:hover{background:#334155;border-color:#475569}.start-auth-btn--primary{background:#3b82f6;border-color:#3b82f6;font-weight:600}.start-auth-btn--primary:hover{background:#2563eb;border-color:#2563eb}.start-auth-btn--manage{background:#334155;border-color:#475569;font-weight:600}.start-auth-btn--manage:hover{background:#475569;border-color:#64748b}.stripe-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:9999;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 20px #0006;animation:stripe-toast-in .3s ease}.stripe-toast--success{background:#16a34a;color:#fff;border:1px solid #22c55e}.stripe-toast--info{background:#1e293b;color:#e2e8f0;border:1px solid #334155}@keyframes stripe-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.subscribe-screen{overflow:hidden;align-items:center;justify-content:center}.subscribe-page{max-width:900px;margin:0 auto;width:100%;padding:1rem 1.5rem;text-align:center}.subscribe-title{font-size:2.2rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}.subscribe-subtitle{color:#e2e8f0;font-size:1rem;margin-bottom:1.25rem}.subscribe-cycle-row{display:inline-flex;gap:.5rem;background:#0f172a;border:1px solid #1e293b;border-radius:8px;padding:.25rem}.subscribe-cycle-btn{position:relative;padding:.45rem 1.1rem;border:none;border-radius:6px;background:transparent;color:#e2e8f0;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s;display:flex;align-items:center;gap:.4rem}.subscribe-cycle-btn--active{background:#1e293b;color:#e2e8f0;font-weight:600}.subscribe-cycle-badge{font-size:.65rem;background:#3b82f6;color:#fff;border-radius:4px;padding:.1rem .35rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.subscribe-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem}@media(max-width:600px){.subscribe-cards{grid-template-columns:1fr}}.subscribe-card{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.75rem 1.5rem;text-align:left;display:flex;flex-direction:column;gap:1rem}.subscribe-card--pro{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f620,0 4px 24px #3b82f618}.subscribe-card-header{display:flex;align-items:baseline;justify-content:space-between}.subscribe-card-name{font-size:1.3rem;font-weight:700;color:#e2e8f0}.subscribe-card--pro .subscribe-card-name{color:#60a5fa}.subscribe-card-price{font-size:1.5rem;font-weight:700;color:#e2e8f0}@keyframes price-dot-pulse{0%,60%,to{opacity:.15;transform:scale(.75)}30%{opacity:1;transform:scale(1.35)}}.price-loading{display:inline-flex;gap:7px;align-items:center;height:1.5rem;padding:2px 0}.price-dot{width:11px;height:11px;border-radius:50%;background:#94a3b8;display:inline-block;animation:price-dot-pulse 1.4s ease-in-out infinite}.price-dot:nth-child(1){animation-delay:0s}.price-dot:nth-child(2){animation-delay:.18s}.price-dot:nth-child(3){animation-delay:.36s}.price-dot:nth-child(4){animation-delay:.54s}.price-dot:nth-child(5){animation-delay:.72s}.subscribe-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;flex:1}.subscribe-feature-list li{display:flex;align-items:flex-start;gap:.5rem;color:#e2e8f0;font-size:.9rem}.subscribe-check{color:#22c55e;font-weight:700;flex-shrink:0}.subscribe-card--pro .subscribe-feature-list li{color:#cbd5e1}.subscribe-card-cta{margin-top:.5rem}.subscribe-cta-btn{width:100%;padding:.7rem 1rem;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.subscribe-cta-btn:hover{background:#2563eb}.subscribe-current-badge{display:inline-block;padding:.4rem .8rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#64748b;font-size:.85rem}.subscribe-current-badge--pro{color:#22c55e;border-color:#22c55e33;background:#052e16}.subscribe-cta-btn--ghost{width:100%;padding:.7rem 1rem;background:transparent;border:1px solid #334155;border-radius:8px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.subscribe-cta-btn--ghost:hover{background:#1e293b;color:#e2e8f0;border-color:#475569}.subscribe-cta-btn--ghost:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.subscribe-billing-btn{margin-top:.75rem;display:block;width:50%;margin-left:auto;margin-right:auto;padding:.7rem 1rem;background:#2563eb;border:1px solid #3b82f6;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;text-align:center}.subscribe-billing-btn:hover{background:#1d4ed8;border-color:#2563eb}.subscribe-billing-btn:disabled{opacity:.35;cursor:not-allowed}.subscribe-btn-spinner--blue{border-color:#ffffff4d;border-top-color:#fff}.subscribe-downgrade-confirm{text-align:left}.subscribe-downgrade-confirm p{font-size:.8rem;color:#e2e8f0;margin:0 0 .6rem}.subscribe-downgrade-actions{display:flex;gap:.5rem}.subscribe-downgrade-btn{flex:1;padding:.45rem .6rem;background:#7f1d1d;border:1px solid #991b1b;border-radius:6px;color:#fca5a5;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.subscribe-downgrade-btn:hover{background:#991b1b}.subscribe-downgrade-cancel{flex:1;padding:.45rem .6rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.8rem;cursor:pointer;transition:background .15s}.subscribe-downgrade-cancel:hover{background:#334155;color:#e2e8f0}.subscribe-renewal-date{font-size:.75rem;color:#64748b;margin:.5rem 0 0}.subscribe-btn-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle;margin-right:.4rem}.subscribe-btn-spinner--muted{border-color:#94a3b84d;border-top-color:#e2e8f0}.subscribe-cta-btn:disabled{opacity:.7;cursor:not-allowed}.subscribe-downgrade-loading{display:flex;align-items:center;gap:.5rem;padding:.4rem 0}.subscribe-downgrade-loading-text{font-size:.82rem;color:#e2e8f0}.subscribe-downgrade-ending{text-align:left;padding:.4rem 0}.subscribe-downgrade-ending-text{font-size:.78rem;color:#e2e8f0;margin:0;line-height:1.4}.subscribe-downgrade-success{text-align:left}.subscribe-downgrade-success-title{font-size:.85rem;font-weight:700;color:#4ade80;margin:0 0 .35rem}.subscribe-downgrade-success-msg{font-size:.78rem;color:#e2e8f0;margin:0;line-height:1.4}.contact-popup-wrapper{position:relative;display:inline-block}.contact-popup-backdrop{position:fixed;inset:0;z-index:999}.contact-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.25rem;min-width:220px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;gap:.6rem}.contact-popup-title{font-size:.85rem;font-weight:600;color:#e2e8f0;margin:0}.contact-popup-email{font-size:.82rem;color:#e2e8f0;margin:0;word-break:break-all}.contact-popup-mail-btn{display:inline-block;margin-top:.2rem;padding:.45rem .9rem;background:#3b82f6;color:#fff;border-radius:6px;font-size:.82rem;font-weight:600;text-decoration:none;text-align:center;transition:background .15s}.contact-popup-mail-btn:hover{background:#2563eb}.subscribe-change-cycle{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.subscribe-change-btns{display:flex;gap:.4rem;width:100%}.subscribe-change-btn{flex:1;padding:.4rem .5rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.78rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.subscribe-change-btn:hover{background:#334155;color:#e2e8f0}.subscribe-change-subtext{font-size:.72rem;color:#475569;margin:0;line-height:1.4}.subscribe-footer{color:#475569;font-size:.8rem;margin-top:.15rem}.subscribe-compare-btn{margin-top:.75rem;margin-bottom:.75rem;background:transparent;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.85rem;padding:.45rem 1.1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.subscribe-compare-btn:hover{background:#1e293b;color:#e2e8f0;border-color:#475569}.subscribe-compare-overlay{position:fixed;inset:0;background:#000000a6;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.subscribe-compare-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:620px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.subscribe-compare-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #334155;font-size:1rem;font-weight:600;color:#e2e8f0;flex-shrink:0}.subscribe-compare-close{background:none;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:.15rem .4rem;border-radius:4px;transition:color .15s,background .15s}.subscribe-compare-close:hover{color:#e2e8f0;background:#334155}.subscribe-compare-table{overflow-y:auto;overflow-x:auto}.subscribe-compare-table table{width:100%;border-collapse:collapse;font-size:.88rem}.subscribe-compare-table th{padding:.65rem 1rem;background:#1e293b;color:#e2e8f0;font-weight:600;text-align:left;border-bottom:1px solid #334155;position:sticky;top:0}.subscribe-compare-table th:not(:first-child){text-align:center;width:90px}.subscribe-compare-table td{padding:.55rem 1rem;color:#e2e8f0;border-bottom:1px solid #1a2540;text-align:left}.subscribe-compare-table td:not(:first-child){text-align:center}.subscribe-compare-table tr:last-child td{border-bottom:none}.subscribe-compare-table tr:nth-child(2n) td{background:#162032}.cmp-yes{color:#22c55e;font-weight:700;font-size:1rem}.cmp-no{color:#334155;font-size:1rem}.team-mode-btn.disabled{opacity:.5;cursor:not-allowed}.btn-lock{margin-left:.5rem;font-size:.75rem}.settings-tab--locked{opacity:.6;cursor:not-allowed}.start-setup-btn--locked{opacity:.5;cursor:not-allowed}.auth-loading-overlay{position:fixed;inset:0;background:#0f172af2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;color:#e2e8f0}.auth-loading-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.start-get-started-btn--disabled{background:#94a3b833!important;border-color:#94a3b84d!important;cursor:not-allowed!important}.start-get-started-btn--disabled:hover{background:#94a3b840!important;transform:none!important}.upgrade-prompt-modal{max-width:400px;text-align:center;padding:2rem 2rem 1.5rem;position:relative}.upgrade-prompt-title{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin:0 0 .4rem}.upgrade-prompt-feature{font-size:.8rem;color:#60a5fa;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:4px;display:inline-block;padding:.2rem .7rem;margin-bottom:1rem}.upgrade-prompt-body{font-size:.9rem;color:#e2e8f0;line-height:1.6;margin-bottom:1.5rem}.upgrade-prompt-body strong{color:#e2e8f0}.upgrade-prompt-tier{font-weight:600;padding:.15rem .5rem;border-radius:4px;font-size:.75rem}.upgrade-prompt-actions{display:flex;gap:.75rem;justify-content:center}.upgrade-prompt-btn{padding:.6rem 1.4rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid #334155;background:#1e293b;color:#cbd5e1;transition:all .15s}.upgrade-prompt-btn:hover{background:#2d3748;border-color:#475569}.upgrade-prompt-btn--primary{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent;color:#fff;font-weight:600}.upgrade-prompt-btn--primary:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}.clip-player-popup{position:fixed;z-index:10100;background:#1a1f2e;border:1px solid #334155;border-radius:10px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;width:560px;min-width:320px;min-height:260px;resize:both;overflow:hidden;-webkit-user-select:none;user-select:none}.clip-player-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f1419;border-bottom:1px solid #334155;cursor:grab;border-radius:9px 9px 0 0;flex-shrink:0}.clip-player-header:active{cursor:grabbing}.clip-player-title{font-size:13px;font-weight:600;color:#e2e8f0;flex:1}.clip-player-counter{font-size:12px;color:#e2e8f0;background:#1e293b;padding:2px 8px;border-radius:10px}.clip-player-close{background:none;border:none;color:#e2e8f0;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;line-height:1}.clip-player-close:hover{background:#ef4444;color:#fff}.clip-player-video-wrap{flex:1;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}.clip-player-video{width:100%;height:100%;object-fit:contain;display:block}.clip-player-info{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;background:#0f1419;border-top:1px solid #1e293b;flex-shrink:0;gap:8px}.clip-player-tag-label{font-size:11px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.clip-player-time{font-size:11px;color:#64748b;white-space:nowrap}.clip-player-controls{display:flex;gap:6px;padding:8px 12px;background:#0f1419;border-top:1px solid #334155;justify-content:center;flex-shrink:0;border-radius:0 0 9px 9px}.clip-player-btn{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:5px 14px;border-radius:5px;font-size:12px;cursor:pointer;transition:background .15s}.clip-player-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.clip-player-btn:disabled{opacity:.4;cursor:not-allowed}.clip-player-notes{display:flex;align-items:flex-start;gap:6px;padding:6px 12px;background:#0a0f16;border-top:1px solid #1e2d3d;font-size:12px;color:#94a3b8;line-height:1.4;flex-shrink:0}.clip-player-notes-icon{flex-shrink:0;font-size:11px;margin-top:1px}.clip-player-notes-text{flex:1;word-break:break-word;white-space:pre-wrap}.clip-player-voice{display:flex;align-items:center;gap:5px;padding:5px 12px;background:#0a0f16;border-top:1px solid #1e2d3d;flex-shrink:0;min-height:32px}.clip-player-voice-label{font-size:11px;color:#64748b;flex:1}.clip-player-voice-btn{background:#1e293b;border:1px solid #334155;color:#e2e8f0;padding:3px 9px;border-radius:5px;font-size:11px;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap;line-height:1.4}.clip-player-voice-btn:hover{background:#334155}.clip-player-voice-btn--rec{border-color:#7c3aed;color:#a78bfa}.clip-player-voice-btn--rec:hover{background:#2e1065;border-color:#7c3aed}.clip-player-voice-btn--stop{border-color:#ef4444;color:#fca5a5}.clip-player-voice-btn--stop:hover{background:#450a0a;border-color:#ef4444}.clip-player-voice-btn--del{border-color:#475569;color:#94a3b8;font-size:13px;padding:2px 7px}.clip-player-voice-btn--del:hover{background:#450a0a;border-color:#ef4444;color:#fca5a5}.clip-player-voice-btn--playing{border-color:#3b82f6;color:#60a5fa;background:#0f2a4a}.clip-player-voice-rec-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;animation:voice-rec-pulse .9s ease-in-out infinite}@keyframes voice-rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.url-import-input{flex:1;padding:9px 11px;background:#1a2333;border:1px solid #3b4557;border-radius:6px;color:#e2e8f0;font-size:13px;outline:none;min-width:0}.url-import-input:focus{border-color:#3b82f6}.url-import-hint{margin-top:5px;font-size:12px;color:#60a5fa}.url-import-error{margin-top:5px;font-size:12px;color:#f87171}.url-import-support{margin-top:6px;font-size:11px;color:#64748b;line-height:1.4}.url-import-notice{margin-top:6px;font-size:12px;color:#fbbf24;background:#1c1400;border:1px solid #78350f;border-radius:5px;padding:6px 9px}.gdrive-notice{margin:6px 0 0;font-size:12px;color:#fbbf24;background:#1c1400;border:1px solid #78350f;border-radius:5px;padding:7px 10px;line-height:1.5}.video-controls-wrap{position:relative;flex-shrink:0}.gdrive-notice--overlay{position:absolute;inset:0;margin:0;border-radius:0;border-left:none;border-right:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 16px;z-index:10;background:#1c1400f5}.dvr-guide{border:1px solid #2a3444;border-radius:6px;overflow:hidden}.dvr-guide-summary{list-style:none;padding:9px 12px;cursor:pointer;font-size:13px;font-weight:600;color:#94a3b8;background:#1a2333;-webkit-user-select:none;user-select:none}.dvr-guide-summary::-webkit-details-marker{display:none}.dvr-guide[open] .dvr-guide-summary{color:#e2e8f0;border-bottom:1px solid #2a3444}.dvr-guide-body{padding:10px 12px;background:#0f1923}.dvr-guide-section{margin:0 0 10px;font-size:12px;color:#94a3b8;line-height:1.5}.dvr-guide-section:last-child{margin-bottom:0}.dvr-guide-section strong{color:#cbd5e1}.start-legal-links{position:absolute;bottom:18px;left:20px;display:flex;align-items:center;gap:0}.start-legal-sep{color:#64748b;font-size:13px;margin:0 4px;-webkit-user-select:none;user-select:none}.start-legal-btn{background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:4px 6px;border-radius:5px;transition:color .15s,background .15s}.start-legal-btn:hover{color:#e2e8f0;background:#ffffff12}.legal-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:10000}.legal-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;background:#161b2a;border:1px solid #1e2d45;border-radius:14px;width:min(600px,92vw);max-height:78vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000b3;overflow:hidden}.legal-modal-tabs{display:flex;border-bottom:1px solid #1e2d45;flex-shrink:0}.legal-modal-tab{flex:1;background:none;border:none;color:#64748b;font-size:13px;font-weight:500;padding:14px 16px;cursor:pointer;transition:color .15s,background .15s;border-bottom:2px solid transparent;margin-bottom:-1px}.legal-modal-tab:hover{color:#e2e8f0;background:#ffffff08}.legal-modal-tab--active{color:#e2e8f0;border-bottom-color:#3b82f6;font-weight:600}.legal-modal-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#475569;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s,background .15s;line-height:1}.legal-modal-close:hover{color:#e2e8f0;background:#ffffff0f}.legal-modal-body{overflow-y:auto;padding:24px 28px;flex:1;color:#e2e8f0;font-size:13px;line-height:1.7;display:flex;flex-direction:column;gap:10px}.legal-modal-body h2{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 4px}.legal-modal-body p{margin:0}.ff-backdrop{position:fixed;inset:0;background:#000000a6;z-index:10000;display:flex;align-items:center;justify-content:center}.ff-modal{position:relative;background:#161b2a;border:1px solid #1e2d45;border-radius:14px;width:min(850px,90vw);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000000b3;overflow:hidden}.ff-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:#64748b;font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1;transition:color .15s,background .15s}.ff-close:hover{color:#e2e8f0;background:#ffffff0f}.ff-title{font-size:1.15rem;font-weight:700;color:#e2e8f0;margin:0;padding:1.1rem 1.25rem .2rem}.ff-subtitle{font-size:.8rem;color:#64748b;margin:0;padding:0 1.25rem .75rem;border-bottom:1px solid #1e2d45}.ff-loading{padding:2rem;text-align:center;color:#64748b;font-size:.9rem}.ff-body{overflow-y:auto;flex:1;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:1.2rem}.ff-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;margin:0 0 .5rem}.ff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ff-item{display:flex;align-items:center;gap:.5rem;padding:.15rem .4rem;background:#1e2535;border:1px solid #253048;border-radius:6px}.ff-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.ff-item-title{font-size:.88rem;font-weight:500;color:#e2e8f0}.ff-item-desc{font-size:.76rem;color:#64748b;line-height:1.4}.ff-vote-col{display:flex;flex-direction:row;align-items:center;gap:4px;flex-shrink:0}.ff-vote-btn{background:transparent;border:1px solid #2d3a4f;color:#64748b;border-radius:4px;width:20px;height:16px;font-size:.55rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .15s,background .15s,border-color .15s}.ff-vote-btn:hover:not(:disabled){border-color:#3b82f6;color:#93c5fd}.ff-vote-btn:disabled{opacity:.4;cursor:default}.ff-vote-active-up{background:#4ade8026;border-color:#4ade80;color:#4ade80}.ff-vote-active-down{background:#ef444426;border-color:#ef4444;color:#f87171}.ff-vote-score{font-size:.78rem;font-weight:600;color:#e2e8f0;min-width:24px;text-align:center;line-height:1}.ff-score-pos{color:#4ade80}.ff-score-neg{color:#f87171}.ff-footer{padding:.85rem 1.25rem;border-top:1px solid #1e2d45;display:flex;justify-content:flex-start;flex-shrink:0}.ff-suggest-wrapper{position:relative}.ff-suggest-btn{background:transparent;border:1px solid #2d3a4f;color:#e2e8f0;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.ff-suggest-btn:hover{border-color:#3b82f6;color:#93c5fd;background:#3b82f60f}.ff-suggest-popup{bottom:calc(100% + 8px);top:auto;left:0}.mobile-warning-overlay{position:fixed;inset:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px}.mobile-warning-modal{background:#1a1f2e;border:1px solid #2a3444;border-radius:14px;padding:28px 24px 24px;max-width:340px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 60px #0009}.mobile-warning-title{font-size:20px;font-weight:700;color:#fff;margin:0}.mobile-warning-text{font-size:14px;color:#cbd5e1;line-height:1.55;margin:0}.mobile-warning-subtext{font-size:12px;color:#64748b;line-height:1.4;margin:0}.mobile-warning-btn{margin-top:8px;padding:12px 28px;min-height:44px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s;width:100%}.mobile-warning-btn:hover{opacity:.88}@media(max-width:767px){html,body{overflow:auto;overflow-x:hidden;height:auto;min-height:100%}#root{height:auto;min-height:100%}.app{height:auto;min-height:100dvh;overflow:visible;overflow-x:hidden;font-size:14px}.sidebar-panel-header{flex-wrap:wrap;gap:6px;padding:8px 10px;overflow:visible}.main-layout{flex-direction:column;overflow:visible;overflow-x:hidden}.left-sidebar{width:100%!important;min-width:0;max-width:100%;border-right:none;border-bottom:1px solid #2a3444;overflow:visible;height:auto;max-height:none}.resize-handle-vertical,.resize-handle-horizontal{display:none}.right-content-area{width:100%!important;min-width:0;overflow:visible;overflow-x:hidden}.top-row-panels{flex-direction:column;min-height:0;height:auto}.video-panel{width:100%!important;min-width:0;min-height:220px}.stats-panel{width:100%!important;min-width:0;border-left:none;border-top:1px solid #2a3444;min-height:140px}.upload-btn-header{min-height:44px;height:auto;padding:8px 10px;width:auto;flex:1;max-width:160px}.settings-btn,.view-mode-btn{min-height:44px;min-width:44px}.player-btn{min-height:44px!important}.player-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.edit-teams-btn{min-height:44px;font-size:13px;padding:10px 8px}.modal-overlay{padding:0;align-items:flex-end}.modal-overlay.fullscreen{padding:0;align-items:stretch}.modal-content{width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0;max-height:92dvh;overflow-y:auto;padding:16px;margin:0}.modal-content.modal-large{width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0;max-height:92dvh;overflow-y:auto}.modal-content.modal-fullscreen{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh;border-radius:0}.modal-scroll-body table,.tl-table-wrap table,.stats-table-wrap table{min-width:max-content}.modal-scroll-body,.tl-table-wrap,.stats-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.start-screen{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;overflow-y:auto}.start-info-nav{position:static;flex-wrap:wrap;gap:6px;padding:12px 14px 8px;background:#0f1117;border-bottom:1px solid #1e2d3a;justify-content:flex-start}.start-auth-status{position:static;flex-wrap:wrap;gap:6px;padding:8px 14px 10px;background:#0f1117;border-bottom:1px solid #1e2d3a;justify-content:flex-start;align-items:center}.start-user-info{justify-content:flex-start;width:100%}.start-info-btn,.start-auth-btn{min-height:44px;padding:8px 14px}.start-screen-inner{align-self:center;padding:28px 20px 32px;gap:20px;width:100%}.start-screen-inner--setup{padding:24px 16px 32px}.start-about{width:100%}.start-legal-links{position:static;display:flex;justify-content:center;width:100%;padding:14px 20px;border-top:1px solid #1e2d3a}.start-legal-btn{font-size:13px;color:#94a3b8}.start-session-summary{width:100%}.start-resume-btn{min-height:44px;align-self:stretch;text-align:center}.start-get-started-btn{min-height:44px;width:100%;padding:13px 20px}.subscribe-page{padding:0 16px 40px}.subscribe-cards{grid-template-columns:1fr}.subscribe-cycle-row{flex-wrap:wrap;gap:6px}.subscribe-cycle-btn{min-height:44px;flex:1}.no-video-timeline{overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tabs{flex-wrap:wrap;gap:4px}.settings-tab-btn{min-height:40px;font-size:12px}.tag-grid-panel{overflow-x:auto;-webkit-overflow-scrolling:touch}.logo-badge--large{width:160px;height:160px}.logo-badge--large .logo-title{font-size:22px}.logo-badge--large .logo-subtitle{font-size:12px}.ff-modal{width:96vw;max-width:96vw;max-height:88dvh}}.contact-page-mail-btn{display:inline-block;margin-top:.25rem;padding:.55rem 1.2rem;background:#3b82f6;color:#fff;border-radius:7px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s}.contact-page-mail-btn:hover{background:#2563eb}.contact-page-link-btn{background:none;border:none;color:#60a5fa;font-size:inherit;font-family:inherit;padding:0;cursor:pointer;text-decoration:underline}.contact-page-link-btn:hover{color:#93c5fd}.ff-page{overflow-y:auto}.ff-page-inner{position:relative;width:100%;max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex;flex-direction:column}.ff-page-inner .ff-title{font-size:1.75rem;margin-top:2rem;margin-bottom:.5rem}.ff-page-inner .ff-body{overflow-y:visible;max-height:none}.legal-page{width:100%;max-width:780px;margin:0 auto}.legal-page-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.legal-page-tab{background:#1e293b;border:1px solid #334155;color:#94a3b8;font-size:.88rem;font-weight:500;padding:.45rem 1.1rem;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.legal-page-tab:hover{background:#273548;color:#e2e8f0}.legal-page-tab--active{background:#3b82f6;border-color:#3b82f6;color:#fff;cursor:default}.legal-page-content h1{font-size:1.5rem;font-weight:700;margin:0 0 1.25rem;color:#f1f5f9}.legal-page-content h2{font-size:1rem;font-weight:600;margin:1.25rem 0 .4rem;color:#cbd5e1}.legal-page-content p,.legal-page-content li{font-size:.9rem;line-height:1.65;color:#94a3b8}.legal-page-content ul{padding-left:1.4rem;margin:.3rem 0 .6rem}.lang-selector{position:relative;display:inline-block}.lang-selector-btn{display:flex;align-items:center;gap:.35rem;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e2e8f0;font-size:.8rem;padding:.3rem .55rem;cursor:pointer;transition:background .15s;white-space:nowrap}.lang-selector-btn:hover{background:#ffffff21}.lang-flag{font-size:1rem;line-height:1}.lang-name{max-width:70px;overflow:hidden;text-overflow:ellipsis}.lang-caret{font-size:.65rem;opacity:.7}.lang-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;z-index:9999;min-width:140px;box-shadow:0 8px 24px #0006}.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .75rem;background:transparent;border:none;color:#cbd5e1;font-size:.82rem;cursor:pointer;text-align:left;transition:background .12s}.lang-option:hover{background:#ffffff14}.lang-option--active{color:#38bdf8;background:#38bdf814}.tag-btn.toggle-active{box-shadow:0 0 0 3px #ef4444!important;animation:toggle-pulse 1.5s ease-in-out infinite}@keyframes toggle-pulse{0%,to{box-shadow:0 0 0 3px #ef4444}50%{box-shadow:0 0 0 5px #ef4444,0 0 10px #ef444473}}.collab-live-pill{display:flex;align-items:center;gap:5px;padding:0 12px;background:#064e3b;color:#34d399;border:1px solid #34d399;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.03em;animation:collab-pulse 2s infinite}.collab-live-pill:hover{background:#065f46}@keyframes collab-pulse{0%,to{box-shadow:0 0 #34d39966}50%{box-shadow:0 0 0 5px #34d39900}}.collab-live-dot{color:#34d399;font-size:11px;font-weight:700;letter-spacing:.05em}.collab-credentials{display:flex;flex-direction:column;gap:6px;margin:4px 0}.collab-cred-row{display:flex;align-items:center;gap:8px}.collab-cred-label{font-size:11px;color:#64748b;min-width:70px;flex-shrink:0}.collab-cred-value{font-size:11px;color:#93c5fd;font-family:monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-users-section{display:flex;flex-direction:column;gap:6px}.collab-users-heading{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.collab-users-list{display:flex;flex-direction:column;gap:4px}.collab-user-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#0d1b2a;border-radius:6px}.collab-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.collab-user-name{font-size:13px;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collab-user-email{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collab-kick-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;padding:0 4px;flex-shrink:0}.collab-kick-btn:hover{color:#fca5a5}.collab-account-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0d1b2a;border-radius:6px;margin-bottom:4px}.collab-mode-btn{border-color:#2563eb!important;color:#93c5fd!important}.collab-mode-btn--live{background:#064e3b!important;color:#34d399!important;border-color:#34d399!important;animation:collab-pulse 2s infinite}.collab-pro-gate{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.collab-pro-note{font-size:13px;color:#94a3b8;margin:0}.collab-pro-note strong{color:#e2e8f0}.collab-buttons-row{display:flex;gap:8px;flex-wrap:wrap}.collab-action-btn{flex:1;min-width:120px;padding:9px 14px;background:#1e3a5f;color:#93c5fd;border:1px solid #2563eb;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600}.collab-action-btn:hover{background:#1d4ed8;color:#fff}.collab-action-btn--secondary{background:#1f2d40;color:#94a3b8;border-color:#334155}.collab-action-btn--secondary:hover{background:#2a3a50;color:#e2e8f0}.collab-session-card{background:#0d1b2a;border:1px solid #1e3a5f;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.collab-session-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.collab-role-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em}.collab-role-badge--owner{background:#92400e;color:#fcd34d}.collab-role-badge--editor{background:#1e3a5f;color:#93c5fd}.collab-role-badge--viewer{background:#1f2d40;color:#94a3b8}.collab-display-name{font-size:13px;color:#e2e8f0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-copy-btn{font-size:11px;padding:3px 10px;background:#1e3a5f;color:#93c5fd;border:1px solid #2563eb;border-radius:6px;cursor:pointer;white-space:nowrap}.collab-copy-btn:hover{background:#1d4ed8;color:#fff}.collab-users-row{font-size:12px;color:#64748b}.collab-leave-btn{align-self:flex-start;padding:5px 14px;background:#450a0a;color:#fca5a5;border:1px solid #7f1d1d;border-radius:6px;cursor:pointer;font-size:12px}.collab-leave-btn:hover{background:#7f1d1d}.collab-form{display:flex;flex-direction:column;gap:11px}.collab-form-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#94a3b8}.collab-form-input,.collab-form-select{background:#0d1b2a;color:#e2e8f0;border:1px solid #2a3a50;border-radius:6px;padding:6px 10px;font-size:13px;outline:none;width:100%;box-sizing:border-box}.collab-form-input:focus,.collab-form-select:focus{border-color:#2563eb}.collab-form-actions{display:flex;gap:8px}.collab-start-btn{flex:1;padding:8px;background:#1d4ed8;color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600}.collab-start-btn:disabled{background:#1e3a5f;color:#475569;cursor:not-allowed}.collab-start-btn:not(:disabled):hover{background:#2563eb}.collab-cancel-btn{padding:8px 14px;background:#1f2d40;color:#94a3b8;border:1px solid #334155;border-radius:7px;cursor:pointer;font-size:13px}.collab-cancel-btn:hover{background:#2a3a50;color:#e2e8f0}.auth-modal{max-width:450px}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{width:100%;padding:14px 16px;background:#2a3444;border:1px solid #3b4557;border-radius:6px;color:#fff;font-size:16px;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#60a5fa;background:#2f3a4d}.auth-input::placeholder{color:#64748b}.auth-submit-btn{width:100%;padding:14px 16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;color:#fff;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #60a5fa4d}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-message{padding:12px 14px;border-radius:6px;font-size:14px;margin-top:.5rem;margin-bottom:1rem}.auth-message.error{background:#ef44441a;border:1px solid #ef4444;color:#fca5a5}.auth-toggle{margin-top:1.5rem;text-align:center;font-size:14px;color:#e2e8f0}.auth-toggle-btn{background:none;border:none;color:#60a5fa;cursor:pointer;margin-left:.5rem;text-decoration:underline;font-size:14px}.auth-toggle-btn:hover{color:#93c5fd}.auth-optional{font-size:10px;font-weight:400;color:#64748b;text-transform:none;letter-spacing:0;margin-left:4px}.auth-modal-title{font-size:24px;font-weight:700;margin:0;color:#fff}.auth-modal .modal-header{margin-bottom:1.5rem}.password-criteria{display:flex;flex-direction:column;margin-top:4px;font-size:.85rem}.criteria{color:#aaa;margin:2px 0}.criteria.valid{color:green;font-weight:700}.forgot-password{margin-top:4px;text-align:right}.forgot-password-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:.85rem;padding:0}.forgot-password-btn:hover{text-decoration:underline}.auth-message.info{color:green;margin-bottom:8px}@media(max-width:767px){.auth-modal{max-width:100%!important;border-radius:16px 16px 0 0;margin:0}.auth-input{font-size:16px;min-height:44px}.auth-submit-btn{min-height:44px;font-size:16px}.auth-toggle-btn{min-height:44px;display:inline-flex;align-items:center}}