.timeline{--text-muted:#e8ecf59e;--grid:#ffffff0f;--wave:#94aad68c;--playhead:#ff5a4f;--loop:#4f8cff1a;--warn:#f5b84a;--info:#6aa3ff;--lane-formations:#4f8cff;--lane-lights:#f5b84a;--lane-heads:#d977ff;--lane-screens:#3fd0c9;--lane-floor:#7bd88f;--lane-fog:#a3adbf;--marker-section:#e8ecf5;--marker-hit:#ff7ab8;--marker-phrase:#8fa6cf;pointer-events:auto;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(100%,1400px);color:var(--text);background:#0a0e18d1;border-radius:12px;margin:0 auto;font-size:13px;overflow:hidden}.timeline--note{padding:var(--space-2) var(--space-4);color:var(--text-muted);width:auto}.timeline__error{padding:var(--space-2) var(--space-4);white-space:pre-wrap;background:#ff5a4f29;border-bottom:1px solid #ff5a4f66;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px}.timeline__transport{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.timeline__group{align-items:center;gap:4px;display:flex}.timeline__group--end{flex-wrap:wrap;margin-left:auto}.timeline__readout{align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.timeline__time{font-size:15px;font-weight:600}.timeline__dim{color:var(--text-muted)}.timeline__now{text-overflow:ellipsis;white-space:nowrap;flex:160px;min-width:0;overflow:hidden}.timeline__chip{font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:12px}.timeline button{font:inherit;color:inherit;cursor:pointer}.timeline button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.timeline__icon{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);place-items:center;width:32px;height:32px;display:grid}.timeline__icon:hover{background:var(--surface-hover)}.timeline__icon.is-primary{border-color:var(--accent);background:var(--accent);width:40px;color:var(--accent-text)}.timeline__icon.is-primary:hover{background:var(--accent-hover)}.timeline__segmented{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.timeline__seg,.timeline__toggle,.timeline__checks,.timeline__fit{border:1px solid var(--border);background:0 0;border-radius:6px;padding:4px 9px;font-size:12px;line-height:1.4}.timeline__seg{border:0;border-radius:0}.timeline__seg+.timeline__seg{border-left:1px solid var(--border)}.timeline__seg:hover,.timeline__toggle:hover,.timeline__checks:hover,.timeline__fit:hover{background:var(--surface-hover)}.timeline__seg[aria-pressed=true],.timeline__toggle[aria-pressed=true]{background:#4f8cff38;border-color:#4f8cff99}.timeline__range{border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;line-height:1.4;display:flex}.timeline__range input{accent-color:#4f8cff;cursor:pointer;width:72px;margin:0}.timeline__checks{border-color:#3fd07880}.timeline__checks.is-warn{border-color:var(--warn);color:var(--warn)}.timeline__lanes{position:relative;overflow:hidden}.timeline__lanes canvas{touch-action:none;cursor:col-resize;display:block}.timeline__fit{background:#0a0e18cc;padding:0 8px;position:absolute;top:2px;left:8px}.timeline__tip{z-index:1;border:1px solid var(--border);pointer-events:none;background:#0a0e18f2;border-radius:6px;flex-direction:column;gap:2px;max-width:260px;padding:6px 8px;font-size:12px;display:flex;position:absolute}.timeline__tip span{color:var(--text-muted)}.timeline__list{max-height:180px;padding:4px var(--space-2);border-top:1px solid var(--border);margin:0;list-style:none;overflow-y:auto}.timeline__finding{text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:4px 6px;font-size:12px;display:block}.timeline__finding:hover{background:var(--surface-hover)}.timeline__finding.is-warn strong{color:var(--warn)}.timeline__finding.is-info strong{color:var(--info)}.timeline__finding .timeline__chip{margin-right:6px}@media (width<=720px){.timeline__now{flex-basis:100%;order:3}.timeline__group--end{margin-left:0}}.overlay{padding:var(--space-4);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.overlay__top,.overlay__bottom{align-items:center;gap:var(--space-2);display:flex}.overlay__bottom{justify-content:center}.overlay__spacer{flex:1}.overlay__title{letter-spacing:.02em;color:var(--text);margin:0;font-size:1rem;font-weight:600}.btn{pointer-events:auto;min-width:96px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-hover)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn--primary:hover{background:var(--accent-hover)}.btn[aria-disabled=true]{opacity:.4;cursor:default}.btn--primary[aria-disabled=true]:hover{background:var(--accent)}:root{--bg:#05070d;--text:#e8ecf5;--surface:#141a28b3;--surface-hover:#242e44d9;--border:#ffffff1f;--accent:#4f8cff;--accent-hover:#6a9eff;--accent-text:#fff;--radius:8px;--space-2:8px;--space-4:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}