*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0f0f0f;font-family:Inter,-apple-system,sans-serif;font-size:13px}.app{width:100%;max-width:100%;margin:0 auto;padding:12px 16px}.header{border-bottom:1px solid #222;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0;display:flex}.header-left{align-items:center;gap:10px;display:flex}.header-left h1{white-space:nowrap;font-size:16px;font-weight:600}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.on{background:#22c55e;box-shadow:0 0 6px #22c55e}.status-dot.off{background:#ef4444}.status-text{color:#888;font-size:11px}.header-right{flex-wrap:wrap;gap:4px;display:flex}.preset-btn{color:#aaa;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:11px}.preset-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.custom-range{align-items:center;gap:4px;margin-left:4px;display:flex}.datetime-input{color:#ddd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1e1e1e;border:1px solid #333;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:11px}.datetime-input:focus{border-color:#3b82f6;outline:none}.range-sep{color:#666;font-size:11px}.status-panel{background:#1a1a1a;border-radius:6px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;min-height:64px;margin-bottom:12px;padding:12px 16px;display:flex}.stat-group{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.stat-group.indicators{gap:6px;margin-left:auto}.stat-sep{background:#2e2e2e;align-self:stretch;width:1px;min-height:34px}.stat{flex-direction:column;flex:none;align-items:center;min-width:46px;display:flex}.stat-label{color:#888;margin-bottom:3px;font-size:10px}.stat-value{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.stat-value small{color:#9aa3b2;font-size:11px;font-weight:500}.stat.warn .stat-value{color:#eab308}.chart-panel{background:#1a1a1a;border-radius:6px;margin-bottom:12px;padding:10px}.chart-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.tab-btn{color:#888;cursor:pointer;background:#252525;border:none;border-radius:4px;padding:4px 12px;font-size:11px}.tab-btn.active{color:#fff;background:#333}.chart-note{color:#777;align-self:center;margin-left:8px;font-size:11px}.chart-toolbar{border-bottom:1px solid #232323;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:2px 2px 8px;display:flex}.ev-nav{align-items:center;gap:6px;min-height:28px;display:flex}.ev-nav button{color:#ccc;cursor:pointer;background:#252525;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:11px}.ev-nav button:hover:not(:disabled){color:#fff;background:#333}.ev-nav button:disabled{opacity:.4;cursor:default}.ev-count{color:#777;margin-left:4px;font-size:11px}.ev-legend{flex-wrap:wrap;gap:10px;display:flex}.ev-leg-item{color:#999;align-items:center;gap:4px;font-size:11px;display:flex}.ev-leg-item i{border-radius:2px;width:9px;height:9px;display:inline-block}.ev-ribbon{border-bottom:1px solid #232323;gap:6px;margin-bottom:6px;padding:6px 2px 8px;display:flex;overflow-x:auto}.ev-ribbon::-webkit-scrollbar{height:5px}.ev-ribbon::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.ev-chip{color:#ccc;cursor:pointer;white-space:nowrap;background:#222;border:1px solid #2e2e2e;border-left:3px solid #888;border-radius:4px;flex:none;padding:3px 8px;font-size:11px}.ev-chip:hover{background:#2c2c2c}.ev-chip.active{color:#fff;background:#1e293b;border-color:#3b82f6}.ev-chip-t{color:#888;font-variant-numeric:tabular-nums;margin-right:5px}.ev-chip.edr{color:#f0abfc;border-left-color:#d946ef}.ev-chip.edr:hover{background:#2a1633}.edr-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.edr-modal{background:#141414;border:1px solid #333;border-radius:8px;width:min(920px,94vw);max-height:92vh;padding:14px 16px;overflow-y:auto}.edr-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.edr-badge{color:#fff;background:#d946ef;border-radius:4px;margin-right:8px;padding:2px 7px;font-size:11px;font-weight:800}.edr-type{color:#fff;margin-right:10px;font-size:15px}.edr-time{color:#9aa3b2;margin-right:10px;font-size:12px}.edr-frames{color:#777;font-size:11px}.edr-close{color:#ccc;cursor:pointer;background:#252525;border:1px solid #333;border-radius:4px;width:28px;height:28px}.edr-loading{color:#888;text-align:center;padding:40px}.edr-state{background:#1a1a1a;border-radius:6px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;padding:8px 12px;display:flex}.edr-rel{color:#fff;font-variant-numeric:tabular-nums;min-width:64px;font-size:18px;font-weight:800}.edr-stat{flex-direction:column;display:flex}.edr-stat-l{color:#888;font-size:10px}.edr-stat-v{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.edr-fault{color:#fff;background:#7f1d1d;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.edr-chart-label{color:#999;margin:8px 2px 2px;font-size:11px}.edr-transport{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.edr-transport button{color:#ccc;cursor:pointer;background:#252525;border:1px solid #333;border-radius:4px;padding:5px 10px;font-size:12px}.edr-play{font-weight:700;color:#fff!important;background:#2563eb!important}.edr-slider{accent-color:#3b82f6;flex:1;min-width:160px}.edr-speed{gap:3px;display:flex}.edr-speed button.on{color:#fff;background:#3b82f6;border-color:#3b82f6}.edr-images{margin:6px 0 10px}.edr-img-wrap{background:#000;border:1px solid #333;border-radius:6px;justify-content:center;display:flex;position:relative;overflow:hidden}.edr-img{object-fit:contain;max-width:100%;max-height:360px;display:block}.edr-img-count{color:#fff;font-variant-numeric:tabular-nums;background:#0009;border-radius:4px;padding:2px 7px;font-size:11px;position:absolute;bottom:6px;right:8px}.edr-cam-tabs{gap:4px;margin-left:10px;display:inline-flex}.edr-cam-tabs button{color:#aaa;cursor:pointer;background:#252525;border:1px solid #333;border-radius:4px;padding:2px 9px;font-size:11px}.edr-cam-tabs button.on{color:#fff;background:#2563eb;border-color:#2563eb;font-weight:700}.ev-review{color:#93c5fd;font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:10px;font-size:12px;font-weight:600;display:inline-flex}.ev-nav .ev-live{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:700}.ev-nav .ev-live:hover{background:#ef4444}.chart-panel.stacked,.chart-panel.stacked *,.recharts-wrapper,.recharts-surface{outline:none!important}.chart-panel.stacked :focus,.chart-panel.stacked :focus-visible{box-shadow:none!important;outline:none!important}.chart-panel.stacked{padding:8px 10px}.stack-plot{border-bottom:1px solid #232323;margin-bottom:2px;padding-bottom:2px}.stack-plot:last-of-type{border-bottom:none}.stack-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:3px 2px;display:flex}.stack-head:hover .stack-title{color:#fff}.stack-caret{color:#666;width:10px;font-size:10px}.stack-title{color:#ccc;font-size:12px;font-weight:600}.stack-unit{color:#666;font-size:10px}.stack-foot{color:#666;border-top:1px solid #232323;margin-top:2px;padding:4px 2px 0;font-size:10px}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:8px 0;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.filter-label{color:#666;margin-right:4px;font-size:11px}.filter-btn{color:#888;cursor:pointer;background:#1e1e1e;border:1px solid #333;border-radius:3px;padding:3px 8px;font-size:11px}.filter-btn.active{background:var(--btn-color,#3b82f6);color:#fff;border-color:var(--btn-color,#3b82f6)}.filter-input{color:#e0e0e0;background:#1e1e1e;border:1px solid #333;border-radius:3px;width:140px;padding:3px 8px;font-size:11px}.timeline{background:#1a1a1a;border-radius:6px;flex:1;overflow:hidden}.timeline-list{overscroll-behavior:contain;min-height:320px;max-height:calc(100vh - 560px);padding:4px 0;overflow:auto}.tl-row{border-bottom:1px solid #1e1e1e;align-items:center;gap:8px;min-width:fit-content;padding:3px 10px;font-family:SF Mono,Consolas,monospace;font-size:11.5px;display:flex}.tl-row:hover{background:#222}.tl-row.tl-error{background:#ef444414}.tl-row.tl-warn{background:#eab3080f}.tl-ts{color:#666;flex-shrink:0;min-width:90px}.tl-device{flex-shrink:0;min-width:55px;font-weight:600}.tl-badge{text-align:center;border-radius:3px;flex-shrink:0;min-width:38px;padding:1px 5px;font-size:9px}.badge-error{color:#fca5a5;background:#7f1d1d}.badge-warn{color:#fde047;background:#713f12}.badge-info{color:#93c5fd;background:#1e3a5f}.badge-debug{color:#666;background:#1e1e1e}.tl-cat{color:#a78bfa;flex-shrink:0;min-width:85px}.tl-msg{color:#ccc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-head{color:#93c5fd;background:#16243a;border-bottom:1px solid #232323;padding:6px 10px;font-size:11px}.timeline-empty{color:#888;text-align:center;padding:14px 10px;font-size:12px}.tl-row{cursor:pointer}.tl-row.tl-cursor{background:#ffffff24;box-shadow:inset 3px 0 #fff}.tl-row.tl-cursor:hover{background:#ffffff2e}.review-banner{color:#cbd5e1;font-variant-numeric:tabular-nums;background:#1e293b;border:1px solid #334155;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:6px 12px;font-size:12px;display:flex}.review-live-btn{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:700}.review-live-btn:hover{background:#dc2626}.status-panel.reviewing{outline:1px solid #334155}.preset-btn.preset-night{color:#c7d2fe;background:#312e81;border-color:#4338ca}.timeline-list::-webkit-scrollbar{width:6px}.timeline-list::-webkit-scrollbar-track{background:#1a1a1a}.timeline-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}@media (width<=768px){.app{padding:8px}.header{flex-direction:column;align-items:flex-start}.header-right{width:100%}.preset-btn{text-align:center;flex:1}.status-panel{gap:8px;padding:8px}.stat-value{font-size:13px}.filter-bar{gap:8px}.filter-input{width:100px}.tl-row{gap:4px;padding:3px 6px;font-size:10px}.tl-ts{min-width:70px}.tl-device{min-width:45px}.tl-cat{min-width:65px}.timeline-list{max-height:calc(100vh - 780px)}}@media (width<=480px){.header-left h1{font-size:14px}.preset-btn{padding:4px 6px;font-size:10px}.stat{min-width:45px}.stat-label{font-size:9px}.stat-value{font-size:12px}.tl-row{font-size:9px}.tl-badge{min-width:30px;font-size:8px}}.stack-note{color:#6b7280;margin-left:8px;font-size:10px;font-weight:400}