:root{--drawer-width: 280px;--track-header-width: 146px;--details-height: 132px;--command-bar-height: 30px;--c-bg: #1e1e1e;--c-panel: #252526;--c-border: #3a3a3a;--c-text: #d4d4d4;--c-muted: #9aa0a6;--c-app-bg: #1b1b1b;--c-details-bg: #202124;--c-surface-1: #22242d;--c-surface-2: #262833;--c-surface-3: #2a2d38;--c-surface-4: #2a2c31;--c-surface-5: #2c2f3d;--c-surface-6: #2e3450;--c-surface-7: #34394a;--c-input-bg: #20232e;--c-input-border: #3d4155;--c-input-text: #dfe3ff;--c-soft-1: #3b3e4d;--c-soft-2: #40445a;--c-soft-3: #53576c;--c-soft-4: #4e5679;--c-soft-5: #3f455f;--c-accent-1: #8f97d8;--c-accent-2: #aab1ff;--c-danger: #ffc0c0;--c-overlay-tooltip-bg: #111;--c-overlay-tooltip-text: #e0e0e0;--c-overlay-tooltip-border: #4a4a4a;--c-overlay-legend-bg: rgba(20, 20, 20, .85);--c-overlay-legend-border: #3d3d3d;--c-overlay-legend-code-text: #dcdcaa;--c-overlay-legend-code-bg: #2c2c2c;--c-overlay-toggle-border: #575a73;--c-overlay-toggle-bg: rgba(30, 31, 44, .9);--c-overlay-toggle-text: #d7dafd;--c-scroll-track: #2a2d38;--c-scroll-thumb: #7b83b6;--c-canvas-bg-start: #1f1f1f;--c-canvas-bg-end: #1b1b1b;--c-canvas-header: #252526;--c-canvas-overview-chart: #27293e;--c-canvas-overview-left: #24252d;--c-canvas-track-header: #2a2a2a;--c-canvas-chart: #1f1f1f;--c-canvas-grid-major: #3f3f46;--c-canvas-grid-minor: #2f2f36;--c-canvas-axis-text: #c5c5c5;--c-canvas-overview-mask: rgba(18, 19, 28, .65);--c-canvas-overview-row: rgba(110, 112, 178, .2);--c-canvas-overview-event: rgba(185, 188, 255, .55);--c-canvas-overview-shade: rgba(0, 0, 0, .25);--c-canvas-overview-window-fill: rgba(153, 160, 255, .15);--c-canvas-overview-window-border: #aab1ff;--c-canvas-overview-handle-line: #c2c8ff;--c-canvas-overview-handle-fill: #5863a0;--c-canvas-overview-handle-grip: #cbd0ff;--c-canvas-overview-duration-box: rgba(19, 20, 32, .72);--c-canvas-overview-duration-text: #eef1ff;--c-canvas-track-name: #d4d4d4;--c-canvas-track-separator: #343434;--c-canvas-event-label: #101010;--c-canvas-now-marker: #a13a3a;--c-canvas-selected: #9cdcfe;--c-canvas-hover-stroke: rgba(255, 255, 255, .45);--c-canvas-hover-guide: rgba(255, 255, 255, .2);--c-canvas-hover-bounds: rgba(157, 220, 254, .75);--c-canvas-box-fill: rgba(157, 220, 254, .16);--c-canvas-box-stroke: rgba(157, 220, 254, .95);--c-canvas-event-fallback: #888;--event-scripting: #d19a66;--event-rendering: #61afef;--event-painting: #56b6c2;--event-loading: #c678dd;--event-system: #98c379;--event-raster: #e5c07b;--event-gpu: #be5046;--event-network: #7fdbca;--settings-icon-filter: invert(89%) sepia(4%) saturate(881%) hue-rotate(192deg) brightness(101%) contrast(95%);--drawer-cancel-filter: invert(1) grayscale(1) brightness(2);--bg: var(--c-bg);--panel: var(--c-panel);--track-border: var(--c-border);--text: var(--c-text);--muted: var(--c-muted);--app-bg: var(--c-app-bg);--drawer-bg: var(--c-surface-1);--drawer-border: var(--c-soft-1);--drawer-head-bg: var(--c-surface-2);--drawer-label: #9fa6c9;--drawer-input-border: var(--c-input-border);--drawer-input-bg: var(--c-input-bg);--drawer-input-text: var(--c-input-text);--drawer-placeholder: #8e95ba;--drawer-focus-border: var(--c-accent-1);--drawer-tab-border: var(--c-soft-2);--drawer-tab-bg: #242837;--drawer-tab-text: #aeb5dd;--drawer-tab-active-border: var(--c-accent-2);--drawer-tab-active-bg: #363d56;--drawer-tab-active-text: #eef1ff;--event-list-scroll-thumb: var(--c-scroll-thumb);--event-list-scroll-track: var(--c-scroll-track);--event-item-border: #3c3f50;--event-item-bg: var(--c-surface-3);--event-item-text: #dde0f8;--event-item-bg-hover: #313544;--event-item-active-border: var(--c-accent-2);--event-item-active-bg: #353b51;--event-meta-text: #9ca3c8;--details-bg: var(--c-details-bg);--details-border: var(--c-border);--details-block-bg: var(--c-surface-4);--details-title: #9fa5b3;--details-value: #e4e6ee;--details-sub: #a3a9bb;--auth-bar-bg: #22252f;--auth-bar-border: #3a3c48;--auth-strong: #f0f3ff;--auth-feedback: #aeb4d4;--auth-feedback-error: var(--c-danger);--auth-input-border: var(--c-input-border);--auth-input-bg: var(--c-input-bg);--auth-input-text: var(--c-input-text);--auth-input-autofill-bg: var(--c-input-bg);--auth-pass-toggle: #9ca3c8;--auth-pass-toggle-hover: #d9def7;--auth-btn-border: var(--c-soft-3);--auth-btn-bg: var(--c-surface-5);--auth-btn-text: #dce0fb;--auth-btn-bg-hover: var(--c-surface-7);--auth-form-btn-border: var(--c-soft-4);--auth-form-btn-bg: var(--c-surface-6);--auth-form-btn-text: #eff2ff;--auth-link-border: var(--c-soft-5);--auth-link-text: #b8bfdf;--tooltip-bg: var(--c-overlay-tooltip-bg);--tooltip-text: var(--c-overlay-tooltip-text);--tooltip-border: var(--c-overlay-tooltip-border);--legend-bg: var(--c-overlay-legend-bg);--legend-border: var(--c-overlay-legend-border);--legend-code-text: var(--c-overlay-legend-code-text);--legend-code-bg: var(--c-overlay-legend-code-bg);--legend-toggle-border: var(--c-overlay-toggle-border);--legend-toggle-bg: var(--c-overlay-toggle-bg);--legend-toggle-text: var(--c-overlay-toggle-text);--canvas-bg-start: var(--c-canvas-bg-start);--canvas-bg-end: var(--c-canvas-bg-end);--canvas-header-bg: var(--c-canvas-header);--canvas-overview-chart-bg: var(--c-canvas-overview-chart);--canvas-overview-left-bg: var(--c-canvas-overview-left);--canvas-track-header-bg: var(--c-canvas-track-header);--canvas-chart-bg: var(--c-canvas-chart);--canvas-border: var(--c-border);--canvas-grid-major: var(--c-canvas-grid-major);--canvas-grid-minor: var(--c-canvas-grid-minor);--canvas-axis-text: var(--c-canvas-axis-text);--canvas-overview-mask: var(--c-canvas-overview-mask);--canvas-overview-row: var(--c-canvas-overview-row);--canvas-overview-event: var(--c-canvas-overview-event);--canvas-overview-shade: var(--c-canvas-overview-shade);--canvas-overview-window-fill: var(--c-canvas-overview-window-fill);--canvas-overview-window-border: var(--c-canvas-overview-window-border);--canvas-overview-handle-line: var(--c-canvas-overview-handle-line);--canvas-overview-handle-fill: var(--c-canvas-overview-handle-fill);--canvas-overview-handle-grip: var(--c-canvas-overview-handle-grip);--canvas-overview-duration-box: var(--c-canvas-overview-duration-box);--canvas-overview-duration-text: var(--c-canvas-overview-duration-text);--canvas-track-name-text: var(--c-canvas-track-name);--canvas-track-separator: var(--c-canvas-track-separator);--canvas-event-label-text: var(--c-canvas-event-label);--canvas-now-marker: var(--c-canvas-now-marker);--canvas-selected-stroke: var(--c-canvas-selected);--canvas-hover-stroke: var(--c-canvas-hover-stroke);--canvas-hover-guide: var(--c-canvas-hover-guide);--canvas-hover-bounds: var(--c-canvas-hover-bounds);--canvas-box-zoom-fill: var(--c-canvas-box-fill);--canvas-box-zoom-stroke: var(--c-canvas-box-stroke);--canvas-event-fallback: var(--c-canvas-event-fallback);--settings-backdrop: rgba(0, 0, 0, .35);--settings-panel-bg: var(--c-surface-1);--settings-panel-border: var(--c-soft-1);--settings-title: var(--c-input-text);--settings-close-border: #4a4f63;--settings-close-bg: #2a2e3d;--settings-close-text: #dce0fb;--settings-close-bg-hover: #34394a;--settings-label: #c8cde5;--settings-input-border: var(--c-input-border);--settings-input-bg: var(--c-input-bg);--settings-input-text: var(--c-input-text);--settings-button-border: var(--c-soft-4);--settings-button-bg: var(--c-surface-6);--settings-button-text: var(--auth-form-btn-text);--settings-message: #aeb4d4;--settings-error: var(--c-danger);--edit-panel-backdrop: rgba(12, 14, 20, .32);--edit-panel-bg: #20232d;--edit-panel-border: #3c4153;--edit-panel-title: #eef1ff;--edit-panel-kicker: #96a0cb;--edit-panel-copy: #b2b9d9;--edit-panel-close-text: #dfe4ff}:root[data-theme=light]{--c-bg: #f3f6fb;--c-panel: #eef2f8;--c-border: #cbd4e2;--c-text: #1f2735;--c-muted: #5f6b7d;--c-app-bg: #f4f7fc;--c-details-bg: #f1f5fb;--c-surface-1: #f5f8fd;--c-surface-2: #edf2f9;--c-surface-3: #f6f9ff;--c-surface-4: #e8eef8;--c-surface-5: #e7eef9;--c-surface-6: #dbe6f7;--c-surface-7: #d8e3f3;--c-input-bg: #ffffff;--c-input-border: #becbdd;--c-input-text: #1f2c3f;--c-soft-1: #d4dbe8;--c-soft-2: #c2cedf;--c-soft-3: #b4c2d8;--c-soft-4: #91a8c9;--c-soft-5: #a9bad2;--c-accent-1: #6f95cc;--c-accent-2: #6f95cc;--c-danger: #b44747;--c-overlay-tooltip-bg: #ffffff;--c-overlay-tooltip-text: #1f2c3f;--c-overlay-tooltip-border: #becbdd;--c-overlay-legend-bg: rgba(241, 246, 253, .95);--c-overlay-legend-border: #c5d1e2;--c-overlay-legend-code-text: #2f4668;--c-overlay-legend-code-bg: #e3ebf8;--c-overlay-toggle-border: #aabbd3;--c-overlay-toggle-bg: rgba(222, 233, 247, .95);--c-overlay-toggle-text: #2a4363;--c-scroll-track: #e4ebf6;--c-scroll-thumb: #8fa5c4;--c-canvas-bg-start: #f9fbff;--c-canvas-bg-end: #f2f6fc;--c-canvas-header: #e9edf5;--c-canvas-overview-chart: #dbe4f4;--c-canvas-overview-left: #e3e9f4;--c-canvas-track-header: #eef2f8;--c-canvas-chart: #f8fbff;--c-canvas-grid-major: #b1bfd3;--c-canvas-grid-minor: #d4dce9;--c-canvas-axis-text: #4c5b70;--c-canvas-overview-mask: rgba(160, 175, 197, .3);--c-canvas-overview-row: rgba(107, 130, 170, .18);--c-canvas-overview-event: rgba(98, 129, 183, .45);--c-canvas-overview-shade: rgba(240, 244, 250, .58);--c-canvas-overview-window-fill: rgba(89, 120, 176, .14);--c-canvas-overview-window-border: #6285bb;--c-canvas-overview-handle-line: #6b88ba;--c-canvas-overview-handle-fill: #8ea7ce;--c-canvas-overview-handle-grip: #ecf1fb;--c-canvas-overview-duration-box: rgba(233, 239, 247, .92);--c-canvas-overview-duration-text: #304158;--c-canvas-track-name: #243043;--c-canvas-track-separator: #cbd5e3;--c-canvas-event-label: #0f1726;--c-canvas-now-marker: #c23f3f;--c-canvas-selected: #2b7dd6;--c-canvas-hover-stroke: rgba(28, 44, 78, .4);--c-canvas-hover-guide: rgba(28, 44, 78, .18);--c-canvas-hover-bounds: rgba(43, 125, 214, .7);--c-canvas-box-fill: rgba(43, 125, 214, .14);--c-canvas-box-stroke: rgba(43, 125, 214, .9);--c-canvas-event-fallback: #7f8895;--event-scripting: #c37a36;--event-rendering: #4185d2;--event-painting: #3f9cab;--event-loading: #9461b9;--event-system: #669a4a;--event-raster: #c49b4e;--event-gpu: #b75249;--event-network: #4a9f95;--settings-icon-filter: none;--drawer-cancel-filter: none;--drawer-label: #495b74;--drawer-placeholder: #70819a;--drawer-tab-bg: #edf2fa;--drawer-tab-text: #445a78;--drawer-tab-active-bg: #dce7f8;--drawer-tab-active-text: #244267;--event-item-border: #c5d1e2;--event-item-text: #2a3b53;--event-item-bg-hover: #e9f0fb;--event-item-active-bg: #dfe9f8;--event-meta-text: #5d708b;--details-title: #5c6c82;--details-value: #243247;--details-sub: #5d6f88;--auth-bar-bg: #eef3fa;--auth-bar-border: #cfd7e5;--auth-strong: #243246;--auth-feedback: #556a86;--auth-pass-toggle: #6a7f9f;--auth-pass-toggle-hover: #344d72;--auth-btn-text: #2d435f;--auth-form-btn-text: #1f3554;--auth-link-text: #3e5778;--settings-backdrop: rgba(18, 25, 35, .16);--edit-panel-backdrop: rgba(66, 87, 122, .16);--edit-panel-bg: #f8fbff;--edit-panel-border: #ccd7e7;--edit-panel-title: #20314a;--edit-panel-kicker: #647da2;--edit-panel-copy: #5d6f89;--edit-panel-close-text: #324761;--settings-title: #1f293a;--settings-close-border: #bdc7d8;--settings-close-bg: #e8edf5;--settings-close-text: #344760;--settings-close-bg-hover: #dce4f0;--settings-label: #3f5168;--settings-input-border: #c0cadb;--settings-input-text: #1e2a3b;--settings-message: #4d5f78}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--c-bg: #f3f6fb;--c-panel: #eef2f8;--c-border: #cbd4e2;--c-text: #1f2735;--c-muted: #5f6b7d;--c-app-bg: #f4f7fc;--c-details-bg: #f1f5fb;--c-surface-1: #f5f8fd;--c-surface-2: #edf2f9;--c-surface-3: #f6f9ff;--c-surface-4: #e8eef8;--c-surface-5: #e7eef9;--c-surface-6: #dbe6f7;--c-surface-7: #d8e3f3;--c-input-bg: #ffffff;--c-input-border: #becbdd;--c-input-text: #1f2c3f;--c-soft-1: #d4dbe8;--c-soft-2: #c2cedf;--c-soft-3: #b4c2d8;--c-soft-4: #91a8c9;--c-soft-5: #a9bad2;--c-accent-1: #6f95cc;--c-accent-2: #6f95cc;--c-danger: #b44747;--c-overlay-tooltip-bg: #ffffff;--c-overlay-tooltip-text: #1f2c3f;--c-overlay-tooltip-border: #becbdd;--c-overlay-legend-bg: rgba(241, 246, 253, .95);--c-overlay-legend-border: #c5d1e2;--c-overlay-legend-code-text: #2f4668;--c-overlay-legend-code-bg: #e3ebf8;--c-overlay-toggle-border: #aabbd3;--c-overlay-toggle-bg: rgba(222, 233, 247, .95);--c-overlay-toggle-text: #2a4363;--c-scroll-track: #e4ebf6;--c-scroll-thumb: #8fa5c4;--c-canvas-bg-start: #f9fbff;--c-canvas-bg-end: #f2f6fc;--c-canvas-header: #e9edf5;--c-canvas-overview-chart: #dbe4f4;--c-canvas-overview-left: #e3e9f4;--c-canvas-track-header: #eef2f8;--c-canvas-chart: #f8fbff;--c-canvas-grid-major: #b1bfd3;--c-canvas-grid-minor: #d4dce9;--c-canvas-axis-text: #4c5b70;--c-canvas-overview-mask: rgba(160, 175, 197, .3);--c-canvas-overview-row: rgba(107, 130, 170, .18);--c-canvas-overview-event: rgba(98, 129, 183, .45);--c-canvas-overview-shade: rgba(240, 244, 250, .58);--c-canvas-overview-window-fill: rgba(89, 120, 176, .14);--c-canvas-overview-window-border: #6285bb;--c-canvas-overview-handle-line: #6b88ba;--c-canvas-overview-handle-fill: #8ea7ce;--c-canvas-overview-handle-grip: #ecf1fb;--c-canvas-overview-duration-box: rgba(233, 239, 247, .92);--c-canvas-overview-duration-text: #304158;--c-canvas-track-name: #243043;--c-canvas-track-separator: #cbd5e3;--c-canvas-event-label: #0f1726;--c-canvas-now-marker: #c23f3f;--c-canvas-selected: #2b7dd6;--c-canvas-hover-stroke: rgba(28, 44, 78, .4);--c-canvas-hover-guide: rgba(28, 44, 78, .18);--c-canvas-hover-bounds: rgba(43, 125, 214, .7);--c-canvas-box-fill: rgba(43, 125, 214, .14);--c-canvas-box-stroke: rgba(43, 125, 214, .9);--c-canvas-event-fallback: #7f8895;--event-scripting: #c37a36;--event-rendering: #4185d2;--event-painting: #3f9cab;--event-loading: #9461b9;--event-system: #669a4a;--event-raster: #c49b4e;--event-gpu: #b75249;--event-network: #4a9f95;--settings-icon-filter: none;--drawer-cancel-filter: none;--drawer-label: #495b74;--drawer-placeholder: #70819a;--drawer-tab-bg: #edf2fa;--drawer-tab-text: #445a78;--drawer-tab-active-bg: #dce7f8;--drawer-tab-active-text: #244267;--event-item-border: #c5d1e2;--event-item-text: #2a3b53;--event-item-bg-hover: #e9f0fb;--event-item-active-bg: #dfe9f8;--event-meta-text: #5d708b;--details-title: #5c6c82;--details-value: #243247;--details-sub: #5d6f88;--auth-bar-bg: #eef3fa;--auth-bar-border: #cfd7e5;--auth-strong: #243246;--auth-feedback: #556a86;--auth-pass-toggle: #6a7f9f;--auth-pass-toggle-hover: #344d72;--auth-btn-text: #2d435f;--auth-form-btn-text: #1f3554;--auth-link-text: #3e5778;--settings-backdrop: rgba(18, 25, 35, .16);--edit-panel-backdrop: rgba(66, 87, 122, .16);--edit-panel-bg: #f8fbff;--edit-panel-border: #ccd7e7;--edit-panel-title: #20314a;--edit-panel-kicker: #647da2;--edit-panel-copy: #5d6f89;--edit-panel-close-text: #324761;--settings-title: #1f293a;--settings-close-border: #bdc7d8;--settings-close-bg: #e8edf5;--settings-close-text: #344760;--settings-close-bg-hover: #dce4f0;--settings-label: #3f5168;--settings-input-border: #c0cadb;--settings-input-text: #1e2a3b;--settings-message: #4d5f78}}*{box-sizing:border-box}html{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--text);font:12px/1.3 Menlo,Monaco,Consolas,Liberation Mono,monospace;height:100vh;overflow:hidden;overscroll-behavior:none;display:flex;flex-direction:column}canvas{display:block;width:100%;height:100%;background:linear-gradient(to bottom,var(--canvas-bg-start),var(--canvas-bg-end))}.auth-bar{border-bottom:1px solid var(--auth-bar-border);background:var(--auth-bar-bg);padding:8px 12px}.auth-bar[hidden]{display:none}.auth-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auth-inline-form strong{color:var(--auth-strong)}.auth-feedback{min-height:16px;line-height:16px;min-width:280px;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--auth-feedback)}.auth-feedback.is-error{color:var(--auth-feedback-error)}.auth-inline-form input{border:1px solid var(--auth-input-border);background:var(--auth-input-bg);color:var(--auth-input-text);padding:6px 8px;font:inherit;min-width:160px;outline:none;box-shadow:none}.auth-inline-form input:focus{border-color:var(--auth-input-border);outline:none;box-shadow:none}.auth-inline-form input:-webkit-autofill,.auth-inline-form input:-webkit-autofill:hover,.auth-inline-form input:-webkit-autofill:focus,.auth-inline-form input:-webkit-autofill:active{-webkit-text-fill-color:var(--auth-input-text);caret-color:var(--auth-input-text);box-shadow:0 0 0 1000px var(--auth-input-autofill-bg) inset;-webkit-box-shadow:0 0 0 1000px var(--auth-input-autofill-bg) inset;border:1px solid var(--auth-input-border);transition:background-color 9999s ease-in-out 0s}.auth-password-wrap{position:relative;display:flex;align-items:center}.auth-password-wrap input{padding-right:32px}.auth-inline-form .auth-password-toggle{position:absolute;right:4px;border:none;background:transparent;color:var(--auth-pass-toggle);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.auth-inline-form .auth-password-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.auth-inline-form .auth-password-toggle:hover{color:var(--auth-pass-toggle-hover)}.auth-inline-form .auth-password-toggle:focus{outline:none}.auth-inline-form button:not(.auth-password-toggle){border:1px solid var(--auth-form-btn-border);background:var(--auth-form-btn-bg);color:var(--auth-form-btn-text);padding:6px 10px;cursor:pointer;font:inherit}.auth-inline-form .auth-link{background:transparent;border-color:var(--auth-link-border);color:var(--auth-link-text)}.topbar{height:36px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--track-border);color:var(--muted)}.topbar-title{display:flex;gap:4px;line-height:1;color:var(--muted)}.topbar b{color:var(--text)}.auth-status{margin-left:auto;display:flex;align-items:center;gap:8px}.auth-button{border:1px solid var(--auth-btn-border);background:var(--auth-btn-bg);color:var(--auth-btn-text);font:inherit;padding:4px 8px;cursor:pointer}.auth-button:hover{background:var(--auth-btn-bg-hover)}.settings-button{width:28px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}.settings-button[hidden]{display:none}.settings-button img{width:14px;height:14px;filter:var(--settings-icon-filter)}.app{position:relative;flex:1;min-height:0;background:var(--app-bg)}.viewport{position:absolute;top:0;right:0;left:0;bottom:calc(var(--details-height) + var(--command-bar-height));min-width:0}.app.drawer-animated .viewport{transition:left .18s ease}.app.drawer-open .viewport{left:var(--drawer-width)}.app.details-hidden .viewport{bottom:var(--command-bar-height)}.app.command-bar-hidden .viewport{bottom:var(--details-height)}.app.details-hidden.command-bar-hidden .viewport{bottom:0}.tooltip{position:absolute;pointer-events:none;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);border-radius:4px;padding:6px 8px;white-space:nowrap;font-size:11px;opacity:0;transition:opacity 80ms linear;z-index:10}.tooltip .tooltip-key{display:inline-block;width:74px}.tooltip .tooltip-value{display:inline-block}.legend{position:absolute;left:10px;bottom:10px;display:grid;grid-template-columns:repeat(2,max-content);column-gap:14px;row-gap:4px;align-items:start;background:var(--legend-bg);border:1px solid var(--legend-border);border-radius:4px;padding:6px 8px;color:var(--muted);font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:20}.legend>div{white-space:nowrap}.legend.hidden{display:none}.legend code{color:var(--legend-code-text);background:var(--legend-code-bg);padding:1px 3px;border-radius:3px}@media (max-width: 720px){.legend{grid-template-columns:1fr}.legend>div{white-space:normal}}.legend-toggle{position:absolute;left:10px;bottom:10px;width:24px;height:24px;border-radius:50%;border:1px solid var(--legend-toggle-border);background:var(--legend-toggle-bg);color:var(--legend-toggle-text);font:300 14px/1 Menlo,Monaco,Consolas,monospace;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:20}.legend-toggle[hidden]{display:none!important}.legend-toggle.visible{display:inline-flex}.app:not(.command-bar-hidden) .legend-toggle{bottom:calc(var(--command-bar-height) + 10px)}.drawer{position:absolute;left:0;top:0;bottom:calc(var(--details-height) + var(--command-bar-height));width:var(--drawer-width);background:var(--drawer-bg);border-right:1px solid var(--drawer-border);transform:translate(-100%);z-index:20;display:flex;flex-direction:column}.app.drawer-animated .drawer{transition:transform .18s ease}.app.details-hidden .drawer{bottom:var(--command-bar-height)}.app.command-bar-hidden .drawer{bottom:var(--details-height)}.app.details-hidden.command-bar-hidden .drawer{bottom:0}.app.drawer-open .drawer{transform:translate(0)}.drawer-toggle{width:24px;height:24px;border:none;background:var(--panel);color:var(--auth-btn-text);border-radius:0;z-index:21;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.app.drawer-open .drawer-toggle{left:278px}.drawer-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4;transform:rotate(180deg)}.drawer-toggle.is-open svg{transform:rotate(0)}.drawer-head{padding:12px 12px 6px;border-bottom:1px solid var(--drawer-border);background:var(--drawer-head-bg)}.universe-controls{margin-bottom:8px}.universe-label{display:block;color:var(--drawer-label);font-size:12px;margin-bottom:4px}.universe-select{width:100%;border:1px solid var(--drawer-input-border);background:var(--drawer-input-bg);color:var(--drawer-input-text);font:inherit;padding:6px 2px}.universe-select[hidden],.universe-label[hidden]{display:none}.drawer-head h3{margin:0 0 4px;color:var(--drawer-label);font-size:12px;font-weight:400}.drawer-head p{margin:4px 0 10px 4px;color:var(--drawer-label);font-size:11px}.event-search{width:100%;border:1px solid var(--drawer-input-border);background:var(--drawer-input-bg);color:var(--drawer-input-text);padding:6px 8px;border-radius:0;outline:none}.event-search::placeholder{color:var(--drawer-placeholder)}.event-search:focus{border-color:var(--drawer-focus-border)}.event-search::-webkit-search-cancel-button{filter:var(--drawer-cancel-filter);opacity:.9;cursor:pointer}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.drawer-tab{border:1px solid var(--drawer-tab-border);background:var(--drawer-tab-bg);color:var(--drawer-tab-text);padding:6px 8px;cursor:pointer;font-size:11px}.drawer-tab.is-active{border-color:var(--drawer-tab-active-border);color:var(--drawer-tab-active-text);background:var(--drawer-tab-active-bg)}.event-list{margin:0;padding:6px 10px 6px 6px;list-style:none;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--event-list-scroll-thumb) var(--event-list-scroll-track)}.event-list::-webkit-scrollbar{width:10px}.event-list::-webkit-scrollbar-track{background:var(--event-list-scroll-track)}.event-list::-webkit-scrollbar-thumb{background:var(--event-list-scroll-thumb);border:2px solid var(--event-list-scroll-track);border-radius:999px}.event-list::-webkit-scrollbar-thumb:hover{background:var(--drawer-focus-border)}.event-list::-webkit-scrollbar-corner{background:var(--event-list-scroll-track)}.event-item{width:100%;text-align:left;border:1px solid var(--event-item-border);background:var(--event-item-bg);color:var(--event-item-text);border-radius:0;padding:8px;margin-bottom:6px;cursor:pointer}.event-item:hover{background:var(--event-item-bg-hover)}.event-item.active{border-color:var(--event-item-active-border);background:var(--event-item-active-bg)}.event-meta{display:block;margin-top:2px;color:var(--event-meta-text);font-size:11px}.empty-state{color:var(--event-meta-text);padding:10px;font-size:11px}.edit-toggle{position:absolute;top:2px;left:12px;width:24px;height:24px;border:none;background:var(--panel);color:var(--auth-btn-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:25}.edit-toggle:focus{outline:none}.edit-toggle[hidden]{display:none}.app.drawer-animated .edit-toggle{transition:left .18s ease}.app.drawer-open .edit-toggle{left:calc(var(--drawer-width) + 4px)}.edit-toggle svg,.edit-panel-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.edit-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;bottom:var(--command-bar-height);background:var(--edit-panel-backdrop);z-index:69}.edit-panel-backdrop[hidden]{display:none}.app.command-bar-hidden .edit-panel-backdrop{bottom:0}.edit-panel{position:absolute;top:0;left:0;bottom:var(--command-bar-height);width:80vw;background:var(--edit-panel-bg);border-right:1px solid var(--edit-panel-border);box-shadow:18px 0 42px #0000003d;transform:translate(-100%);transition:transform .18s ease;z-index:70;overflow:hidden}.app.command-bar-hidden .edit-panel{bottom:0}.edit-panel.is-open{transform:translate(0)}.edit-panel-close{position:absolute;top:2px;left:12px;width:24px;height:24px;border:none;background:transparent;color:var(--edit-panel-close-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;z-index:1}.edit-panel-close:focus{outline:none}.edit-panel-body{height:100%;overflow:auto;padding:8px 20px 24px 52px}.edit-panel-header{display:grid;gap:6px;max-width:720px}.edit-panel-kicker{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--edit-panel-kicker)}.edit-panel-header h2{margin:0;font-size:24px;line-height:1.1;color:var(--edit-panel-title)}.edit-panel-copy{margin:0;color:var(--edit-panel-copy)}@media (max-width: 1023px){.edit-panel{width:100%}}.details{--details-pad-x: 12px;--details-gap: 10px;position:absolute;left:0;right:0;bottom:var(--command-bar-height);height:var(--details-height);border-top:1px solid var(--details-border);background:var(--details-bg);display:flex;gap:var(--details-gap);padding:10px var(--details-pad-x)}.app.details-hidden .details{display:none}.app.command-bar-hidden .details{bottom:0}.details-block{background:var(--details-block-bg);padding:8px;overflow:hidden}.details-main{flex:0 0 max(120px,var(--track-header-width) - var(--details-pad-x) - 10px);background:var(--details-block-bg)}.app.drawer-open .details-main{flex-basis:max(120px,var(--drawer-width) + var(--track-header-width) - var(--details-pad-x) - 10px)}.details-meta{flex:1 1 auto}.details-title{margin:0 0 6px;font-size:11px;color:var(--details-title)}.details-value{font-size:13px;color:var(--details-value);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-sub{margin-top:4px;font-size:12px;color:var(--details-sub)}.command-bar{position:absolute;left:0;right:0;bottom:0;height:var(--command-bar-height);display:flex;align-items:center;gap:8px;padding:0 10px;border-top:1px solid var(--details-border);background:var(--details-bg);font:13px/1 Menlo,Monaco,Consolas,monospace;color:var(--details-value)}.app.command-bar-hidden .command-bar{display:none}.command-bar-prompt{flex:0 0 auto;color:var(--details-title);-webkit-user-select:none;user-select:none}.command-bar-input{flex:1 1 auto;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font:inherit}.command-bar-input::placeholder{color:var(--drawer-placeholder)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--settings-backdrop);z-index:60}.settings-backdrop[hidden]{display:none}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:min(360px,100vw - 24px);background:var(--settings-panel-bg);border-left:1px solid var(--settings-panel-border);padding:12px;transform:translate(100%);transition:transform .18s ease;z-index:61;display:flex;flex-direction:column;gap:12px}.settings-panel.is-open{transform:translate(0)}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head h3{margin:0;color:var(--settings-title);font-size:15px}.settings-close{border:1px solid var(--settings-close-border);background:var(--settings-close-bg);color:var(--settings-close-text);width:28px;height:28px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.settings-close svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.settings-close:hover{background:var(--settings-close-bg-hover)}.settings-form{display:grid;gap:8px}.settings-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-tab{border:1px solid var(--settings-input-border);background:var(--settings-input-bg);color:var(--settings-input-text);padding:8px 10px;cursor:pointer;font:inherit}.settings-tab.is-active{border-color:var(--settings-button-border);background:var(--settings-button-bg);color:var(--settings-button-text)}.settings-tab-panel{display:grid;gap:8px}.settings-tab-panel[hidden]{display:none}.settings-form label{color:var(--settings-label)}.settings-form input[type=text]{border:1px solid var(--settings-input-border);background:var(--settings-input-bg);color:var(--settings-input-text);padding:7px 8px;font:inherit;outline:none}.settings-form input[type=text]:focus{border-color:var(--settings-input-border)}.settings-form button{border:1px solid var(--settings-button-border);background:var(--settings-button-bg);color:var(--settings-button-text);padding:8px 10px;cursor:pointer;font:inherit;justify-self:start}.settings-message{min-height:16px;color:var(--settings-message)}.settings-message.is-error{color:var(--settings-error)}.settings-theme-group,.settings-visibility-group{margin:4px 0 2px;padding:8px;border:1px solid var(--settings-input-border);display:grid;gap:6px}.settings-visibility-group legend,.settings-theme-group legend{color:var(--settings-label);padding:0 4px}.settings-radio{display:flex;align-items:center;gap:8px;color:var(--settings-input-text);cursor:pointer}.settings-radio input{margin:0}.settings-checkbox{display:flex;align-items:center;gap:8px;color:var(--settings-input-text);cursor:pointer}.settings-checkbox input{margin:0}