*,:before,:after{box-sizing:border-box}html,body,#root{color:#e6edf3;background:#0d1117;height:100%;margin:0;font-family:IBM Plex Sans,Segoe UI,system-ui,sans-serif}:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--accent-dim:#1f6feb;--sidebar-w:280px;--radius:6px}#app{width:100vw;height:100vh;display:flex;overflow:hidden}#sidebar{width:var(--sidebar-w);background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;min-height:0;padding:12px;display:flex}.sidebar-header h1{letter-spacing:.02em;margin:0;font-size:1rem;font-weight:600}.sidebar-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-header-actions{flex-shrink:0;gap:4px;display:flex}.header-action-btn{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#21262d;flex-shrink:0;padding:3px 8px;font-size:.68rem}.header-action-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.header-action-btn:disabled{opacity:.45;cursor:not-allowed}.status{color:var(--muted);min-height:2.4em;margin:4px 0 0;font-size:.75rem;line-height:1.35}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.field select,.field input[type=search]{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:7px 8px;font-size:.85rem}.field select:focus,.field input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.toolbar{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}[data-tour=signal-toolbar]{flex-direction:column;gap:6px;display:flex}.toolbar--export,.toolbar--presets{grid-template-columns:1fr 1fr}.toolbar--replay{grid-template-columns:1fr 1fr 1fr}.replay-panel{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:.75rem}.replay-panel select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 4px;font-size:.72rem}.replay-scrub{width:100%;accent-color:var(--accent);cursor:pointer}.replay-meta{color:var(--muted);margin:0;font-size:.68rem;line-height:1.3}.toolbar button{color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#21262d;padding:6px 4px;font-size:.72rem}.toolbar button:hover{border-color:var(--accent);color:#fff}.toolbar button:disabled{opacity:.45;cursor:not-allowed}.toolbar button:disabled:hover{border-color:var(--border);color:var(--text)}.signal-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex:1;min-height:0;padding:4px;overflow-y:auto}.signal-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:flex-start;gap:8px;padding:5px 6px;font-size:.78rem;display:flex}.signal-item:hover{background:#21262d}.signal-item input{accent-color:var(--accent);flex-shrink:0;margin-top:2px}.signal-item span{word-break:break-word;line-height:1.3}#main{background:var(--bg);flex:1;min-width:0;min-height:0;position:relative}.chart{position:absolute;inset:0}.chart-empty{color:var(--muted);place-items:center;font-size:.95rem;display:grid;position:absolute;inset:0}.log-picker{position:relative}.log-picker--disabled .log-picker-trigger{opacity:.55;cursor:not-allowed}.log-picker-trigger{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:7px 8px;font-size:.85rem;display:flex}.log-picker-trigger:hover:not(:disabled){border-color:var(--accent)}.log-picker-trigger:focus-visible{outline:1px solid var(--accent);border-color:var(--accent)}.log-picker-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.log-picker-chevron{color:var(--muted);flex-shrink:0;font-size:.7rem}.log-picker-panel{z-index:20;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;max-height:min(420px,52vh);display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000073}.log-picker-panel--calendar{min-height:min(480px,100vh - 100px)}.log-picker-panel--calendar .log-picker-list--calendar{flex-direction:column;flex:1;min-height:0;padding-bottom:6px;display:flex;overflow:hidden}.log-picker-panel--calendar .log-picker-calendar{border-bottom:1px solid var(--border);flex-shrink:0}.log-picker-panel--calendar .log-picker-date-logs{flex-direction:column;flex:1;min-height:0;padding-top:0;display:flex;overflow:hidden}.log-picker-panel--calendar .log-picker-date-heading,.log-picker-panel--calendar .log-picker-date-logs .log-picker-item,.log-picker-panel--calendar .log-picker-date-logs .log-picker-empty{flex-shrink:0}.log-picker-panel--calendar .log-picker-date-logs-scroll{flex:1;min-height:0;overflow-y:auto}.log-picker-toolbar{justify-content:space-between;align-items:center;gap:6px;padding:6px 6px 0;display:flex}.log-picker-tabs{gap:4px;display:flex}.log-picker-tab{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:4px 8px;font-size:.72rem}.log-picker-tab:hover{color:var(--text);border-color:var(--accent)}.log-picker-tab--active{color:#fff;border-color:var(--accent);background:#1f3a5f}.log-picker-search-wrap{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:6px;display:flex}.log-picker-search{background:var(--bg);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:6px 8px;font-size:.82rem}.log-picker-search:focus{outline:1px solid var(--accent);border-color:var(--accent)}.log-picker-count{color:var(--muted);flex-shrink:0;padding-right:2px;font-size:.68rem}.log-picker-list{flex:1;min-height:0;padding:4px;overflow-y:auto}.log-picker-group+.log-picker-group{margin-top:6px}.log-picker-group-label{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);padding:4px 8px 2px;font-size:.68rem;font-weight:600}.log-picker-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:.8rem;display:block}.log-picker-item:hover{background:#21262d}.log-picker-item--active{color:#fff;background:#1f3a5f}.log-picker-item-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.log-picker-item-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.68rem;display:block;overflow:hidden}.log-picker-calendar{border-bottom:1px solid var(--border);padding:4px 6px 8px}.log-picker-cal-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.log-picker-cal-title{color:var(--text);font-size:.78rem;font-weight:600}.log-picker-cal-nav{border:1px solid var(--border);background:var(--bg);width:26px;height:26px;color:var(--text);cursor:pointer;border-radius:4px;font-size:1rem;line-height:1}.log-picker-cal-nav:hover{border-color:var(--accent)}.log-picker-cal-weekdays,.log-picker-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.log-picker-cal-weekday{text-align:center;color:var(--muted);padding:2px 0 4px;font-size:.62rem}.log-picker-cal-day,.log-picker-cal-pad{aspect-ratio:1;min-height:28px}.log-picker-cal-day{color:var(--muted);cursor:default;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.log-picker-cal-day--has-logs{color:var(--text);cursor:pointer;background:#21262d}.log-picker-cal-day--has-logs:hover{border-color:var(--accent)}.log-picker-cal-day--selected{border-color:var(--accent);color:#fff;background:#1f3a5f}.log-picker-cal-day:disabled{opacity:.35}.log-picker-cal-day-num{font-size:.72rem;line-height:1}.log-picker-cal-day-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.log-picker-cal-day--selected .log-picker-cal-day-dot{background:#fff}.log-picker-date-logs{padding-top:4px}.log-picker-date-logs-scroll{min-height:0}.log-picker-date-heading{color:var(--text);justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px 4px;font-size:.74rem;font-weight:600;display:flex}.log-picker-date-count{color:var(--muted);font-size:.68rem;font-weight:500}.log-picker-hint{color:var(--muted);text-align:center;padding:10px 8px;font-size:.74rem}.log-picker-empty{color:var(--muted);padding:10px 8px;font-size:.78rem}.tour-root{z-index:200;pointer-events:none;position:fixed;inset:0}.tour-backdrop{pointer-events:auto;z-index:0;background:#010409b8;position:absolute;inset:0}.tour-spotlight{box-shadow:0 0 0 2px var(--accent), 0 0 0 9999px #010409b8;pointer-events:none;z-index:1;border-radius:8px;position:fixed}.tour-card{z-index:2;background:var(--panel);border:1px solid var(--border);pointer-events:auto;border-radius:10px;padding:14px;position:fixed;box-shadow:0 12px 40px #00000080}.tour-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.tour-step-count{color:var(--muted);font-size:.68rem}.tour-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.72rem}.tour-skip:hover{color:var(--text)}.tour-title{color:var(--text);margin:0 0 8px;font-size:.95rem;font-weight:600}.tour-body{color:var(--muted);margin:0 0 14px;font-size:.82rem;line-height:1.45}.tour-actions{justify-content:flex-end;gap:8px;display:flex}.tour-btn{border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);padding:6px 12px;font-size:.78rem}.tour-btn--ghost{color:var(--text);background:#21262d}.tour-btn--ghost:disabled{opacity:.4;cursor:not-allowed}.tour-btn--primary{background:var(--accent-dim);color:#fff;border-color:var(--accent)}.tour-btn--primary:hover{background:var(--accent)}@media (width<=720px){#app{flex-direction:column}#sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:42vh}}