:root{color-scheme:dark;--bg: #080b10;--panel: #0e131a;--panel-2: #131a23;--border: #1e2734;--text: #e6edf6;--muted: #8b9bb4;--accent: #7c9cff;--canvas-bg: #0b0f14;--canvas-lane: #10151d;--canvas-ruler: #0e131a;--canvas-grid: #1a222e;--canvas-axis: #3a4a60;--canvas-now: #f43f5e;--canvas-text: #e6edf6;--canvas-on-bar: #080c11;--canvas-muted: #94a3bb;--canvas-faint: #55637a;--canvas-pill: rgba(8, 11, 16, .86)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{display:grid;grid-template-rows:auto auto 1fr auto}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#7c9cff,#34d399 55%,#f59e0b)}.brand h1{margin:0;font-size:15px;letter-spacing:.3px}.brand-sub{margin:0;font-size:11px;color:var(--muted)}.search{position:relative;flex:1 1 auto;max-width:520px;display:flex;align-items:center}.search svg{position:absolute;left:11px;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}.search input{width:100%;padding:9px 34px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;outline:none}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c9cff26}.search input::-webkit-search-cancel-button{display:none}#search-clear{position:absolute;right:4px}.toolbar{display:flex;gap:8px;margin-left:auto}.btn,.icon-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:9px;padding:8px 12px;font:inherit;line-height:1;cursor:pointer}.icon-btn{width:34px;padding:8px 0;font-size:16px}.icon-btn.ghost{border:0;background:transparent;color:var(--muted)}.btn:hover,.icon-btn:hover{border-color:var(--accent);color:#fff}.filters{display:flex;gap:8px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:thin}.chip{--chip: var(--accent);display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);white-space:nowrap;font-size:12.5px;cursor:pointer;user-select:none}.chip input{position:absolute;opacity:0;pointer-events:none}.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--chip)}.chip .count{color:var(--muted);font-size:11px}.chip:hover{border-color:var(--chip)}.chip.off{opacity:.42}.chip.off .dot{background:transparent;border:1px solid var(--muted)}.stage{position:relative;min-height:0}#timeline{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#timeline.grabbing{cursor:grabbing}.hint{position:absolute;right:12px;bottom:10px;padding:6px 10px;font-size:11px;color:var(--muted);background:#080b10c7;border:1px solid var(--border);border-radius:8px;pointer-events:none}.tooltip{position:fixed;top:0;left:0;z-index:20;max-width:300px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0e131af7;box-shadow:0 12px 30px #00000080;pointer-events:none}.tt-cat{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.tt-title{font-size:14px;font-weight:600;margin-top:2px}.tt-span{font-size:12px;color:var(--muted);margin-top:2px}.tt-info{margin:7px 0 0;font-size:12.5px;color:#c6d2e2}.statusbar{display:flex;gap:18px;padding:7px 16px;font-size:11.5px;color:var(--muted);background:var(--panel);border-top:1px solid var(--border)}.statusbar span:last-child{margin-left:auto}.only-mobile{display:none}@media (max-width: 860px){.topbar{flex-wrap:wrap;gap:10px;padding:9px 12px}.search{order:3;flex-basis:100%;max-width:none}.toolbar{margin-left:auto}.only-mobile{display:inline-block}.filters{display:none}.filters.open{display:flex;flex-wrap:wrap}.hint{display:none}.statusbar span:nth-child(2){display:none}}
