.hte-overlay{position:fixed;inset:0;z-index:9100;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.hte-popup{width:min(760px,96vw);max-height:92vh;background:#1a1a2e;border:1px solid rgba(139,92,246,.25);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent;box-shadow:0 24px 80px rgba(0,0,0,.6),inset 0 0 0 1px rgba(139,92,246,.1)}.hte-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.06)}.hte-header,.hte-header-left{display:flex;align-items:center}.hte-header-left{gap:10px;min-width:0}.hte-header-icon{font-size:18px;flex-shrink:0}.hte-title{font-size:15px;font-weight:600;color:#fff}.hte-round-badge{font-size:12px;color:rgba(139,92,246,.95);background:rgba(139,92,246,.14);padding:2px 9px;border-radius:10px;font-weight:600}.hte-close{background:none;border:none;color:hsla(0,0%,100%,.5);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.hte-close:hover{color:#fff;background:hsla(0,0%,100%,.08)}.hte-body{padding:18px 20px 6px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1 1 auto;min-height:0}.hte-hint{font-size:12.5px;line-height:1.5;color:hsla(0,0%,100%,.55);margin-bottom:18px}.hte-track-wrap{padding:6px 0 4px}.hte-zoom{justify-content:flex-end;gap:7px;margin-bottom:8px}.hte-zoom,.hte-zoom-btn{display:flex;align-items:center}.hte-zoom-btn{justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .15s}.hte-zoom-btn:hover:not(:disabled){background:hsla(0,0%,100%,.12);color:#fff}.hte-zoom-btn:disabled{opacity:.35;cursor:default}.hte-zoom-label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.5);min-width:36px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hte-track-scroll{overflow-x:auto;overflow-y:hidden;padding:58px 8px 18px;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.5) transparent;touch-action:pan-x;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.hte-track-scroll::-webkit-scrollbar{height:8px}.hte-track-scroll::-webkit-scrollbar-thumb{background:rgba(139,92,246,.5);border-radius:4px}.hte-track-inner{position:relative;min-width:100%}.hte-status{text-align:center;margin-top:12px;font-size:11.5px;font-weight:600;color:rgba(196,181,253,.9)}.hte-track{position:relative;height:72px;border-radius:10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);touch-action:pan-x}.hte-grid-line{position:absolute;top:0;bottom:0;width:1px;background:hsla(0,0%,100%,.08);pointer-events:none;z-index:0}.hte-grid-line--end{background:hsla(0,0%,100%,.16)}.hte-seg{position:absolute;top:8px;bottom:8px;background:linear-gradient(180deg,rgba(139,92,246,.32),rgba(139,92,246,.18));border:1px solid rgba(139,92,246,.55);border-radius:7px;box-shadow:0 2px 12px rgba(139,92,246,.18)}.hte-seg-dur{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:rgba(196,181,253,.95);white-space:nowrap;pointer-events:none}.hte-handle{position:absolute;top:-4px;bottom:-4px;width:14px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:4;touch-action:none}.hte-handle--start{left:-7px}.hte-handle--end{right:-7px}.hte-handle-grip{width:6px;height:70%;border-radius:4px;background:#c4b5fd;box-shadow:0 0 0 2px rgba(26,26,46,.9),0 2px 6px rgba(0,0,0,.4);transition:background .15s,transform .12s}.hte-handle:hover .hte-handle-grip{background:#ddd6fe;transform:scaleY(1.06)}.hte-marker{top:0;bottom:0;width:0;z-index:3;pointer-events:auto}.hte-marker,.hte-marker-stem{position:absolute;transform:translateX(-50%)}.hte-marker-stem{top:4px;bottom:4px;left:50%;width:2px;background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.12));border-radius:2px}.hte-marker-avatar{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#0f172a;box-shadow:0 0 0 2px rgba(15,23,42,.95),0 2px 8px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,box-shadow .12s}.hte-marker:hover .hte-marker-avatar{transform:translate(-50%,-50%) scale(1.18);z-index:8}.hte-marker-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.hte-marker-initials{width:28px;height:28px;font-size:10.5px;font-weight:700;color:#e2e8f0;background:linear-gradient(135deg,#475569,#334155)}.hte-marker-badge,.hte-marker-initials{border-radius:50%;align-items:center;justify-content:center}.hte-marker-badge{position:absolute;right:-6px;bottom:-6px;width:16px;height:16px;background:#1a1a2e;border:1px solid hsla(0,0%,100%,.16);font-size:9.5px;line-height:1;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}.hte-marker--focus{z-index:6}.hte-marker--focus .hte-marker-stem{background:linear-gradient(180deg,rgba(244,114,182,.85),rgba(244,114,182,.3))}.hte-marker--focus .hte-marker-avatar{box-shadow:0 0 0 2px #f472b6,0 0 10px rgba(244,114,182,.65)}.hte-marker--active{z-index:12}.hte-marker--active .hte-marker-avatar{transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 2px #a78bfa,0 0 12px rgba(167,139,250,.7)}.hte-marker-pop{bottom:calc(50% + 22px);min-width:116px;max-width:200px;padding:8px 10px;border-radius:10px;background:rgba(20,18,38,.98);border:1px solid rgba(167,139,250,.4);box-shadow:0 8px 24px rgba(0,0,0,.55);z-index:20;text-align:left;pointer-events:auto}.hte-marker-pop,.hte-marker-pop:after{position:absolute;left:50%;transform:translateX(-50%)}.hte-marker-pop:after{content:"";top:100%;border:6px solid transparent;border-top-color:rgba(20,18,38,.98)}.hte-marker-pop--left{left:auto;right:50%;transform:translateX(50%)}.hte-marker-pop-time{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#c4b5fd}.hte-marker-pop-focus{padding:1px 6px;border-radius:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:rgba(244,114,182,.85)}.hte-marker-pop-players{margin-top:3px;font-size:11.5px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hte-marker-pop-weapon{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:10.5px;color:hsla(0,0%,100%,.6)}.hte-marker-pop-hs{padding:0 5px;border-radius:4px;font-size:9px;font-weight:700;color:#fde68a;background:rgba(245,158,11,.18)}.hte-merge-btn,.hte-split-btn{position:absolute;top:-2px;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;border:1px solid hsla(0,0%,100%,.18);font-size:11px;line-height:1;cursor:pointer;z-index:6;display:flex;align-items:center;justify-content:center;transition:transform .12s,background .15s}.hte-split-btn{background:#312e81;color:#e0e7ff}.hte-merge-btn{background:#134e4a;color:#99f6e4}.hte-merge-btn:hover,.hte-split-btn:hover{transform:translateX(-50%) scale(1.15)}.hte-axis{position:relative;height:16px;margin-top:10px;font-size:10.5px;color:hsla(0,0%,100%,.4);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hte-axis-tick{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.hte-axis-tick:first-child{transform:none}.hte-axis-tick--end{transform:translateX(-100%)}.hte-axis-mid,.hte-axis-tick--end{color:rgba(196,181,253,.9);font-weight:600}.hte-legend{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}.hte-legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:hsla(0,0%,100%,.55)}.hte-legend-swatch{width:12px;height:12px;border-radius:3px}.hte-legend-swatch--seg{background:rgba(139,92,246,.55)}.hte-legend-swatch--focus{box-shadow:0 0 0 2px #f472b6}.hte-legend-swatch--focus,.hte-legend-swatch--other{background:#475569;border-radius:50%}.hte-footer{justify-content:space-between;padding:14px 20px;border-top:1px solid hsla(0,0%,100%,.06)}.hte-footer,.hte-footer-right{display:flex;align-items:center;gap:10px}.hte-btn{padding:8px 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s}.hte-btn--ghost{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.75)}.hte-btn--ghost:hover{background:hsla(0,0%,100%,.1);color:#fff}.hte-btn--primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 14px rgba(139,92,246,.35)}.hte-btn--primary:hover{filter:brightness(1.08)}@media (max-width:560px){.hte-overlay{align-items:flex-end;justify-content:stretch;padding:0}.hte-popup{width:100%;max-width:100%;max-height:94dvh;border-radius:20px 20px 0 0;border-bottom:none}.hte-header{position:relative;padding:18px 16px 14px}.hte-header:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:999px;background:hsla(0,0%,100%,.22)}.hte-title{font-size:14.5px}.hte-body{padding:14px 16px 4px}.hte-hint{margin-bottom:14px}.hte-track{height:88px}.hte-track-scroll{padding:30px 6px 20px}.hte-marker-avatar,.hte-marker-avatar img,.hte-marker-initials{width:30px;height:30px}.hte-marker-badge{width:17px;height:17px;font-size:10px}.hte-seg-dur{font-size:11.5px;top:-22px}.hte-footer{flex-direction:column-reverse;align-items:stretch;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;bottom:0;background:#1a1a2e}.hte-footer-right{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.hte-btn{padding:13px 16px;font-size:14px}.hte-btn--primary{grid-column:1/-1}}@media (pointer:coarse){.hte-handle{width:34px}.hte-handle--start{left:-17px}.hte-handle--end{right:-17px}.hte-handle-grip{width:7px}.hte-zoom-btn{width:38px;height:38px}.hte-merge-btn,.hte-split-btn{width:30px;height:30px;font-size:14px}.hte-close{font-size:22px;padding:6px 10px}}