:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}.app{position:relative;height:100vh;width:100vw;overflow:hidden;background:#0e1116}.app>div:first-child{position:absolute;top:0;right:0;bottom:0;left:0}.panel{position:absolute;top:16px;left:16px;width:300px;max-height:calc(100vh - 32px);overflow-y:auto;padding:18px 18px 22px;background:#14181fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #2a323d;border-radius:12px;color:#e6e9ee;font-size:13px;box-shadow:0 10px 40px #0006}.panel h1{margin:0;font-size:18px;letter-spacing:.3px}.subtitle{margin:2px 0 14px;color:#8a93a0;font-size:12px}.row{margin-bottom:10px}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid #333c48;background:#1b2028;color:#e6e9ee;padding:8px 12px;transition:background .15s}button:hover{background:#232a34}button.primary{width:100%;background:#2b6cff;border-color:#2b6cff;font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.segmented{display:flex;gap:6px}.segmented button{flex:1}.segmented button.active{background:#2b6cff;border-color:#2b6cff}.status{font-size:12px;margin-bottom:12px}.ok{color:#4ec98a}.warn{color:#e0a030}.section{margin-top:14px;padding-top:12px;border-top:1px solid #262d37}.section h2{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#8a93a0;margin:0 0 8px}.section h3{margin:0 0 8px;font-size:14px}.kv{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px dotted #232a34}.kv span:first-child{color:#8a93a0}.muted{color:#6a7280}.footnote{margin-top:14px;font-size:11px;color:#7a828e;line-height:1.5}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.grid2 button{font-size:12px;padding:7px 8px}button.wide{width:100%}.field{display:block;margin:8px 0}.field span{display:block;color:#8a93a0;margin-bottom:4px}.field input[type=range]{width:100%}.section p.warn{font-size:12px;line-height:1.45;margin:4px 0}.grid2 button.active{background:#2b6cff;border-color:#2b6cff}.predict{margin-top:10px;padding:8px 10px;background:#00000040;border:1px solid #262d37;border-radius:8px}.predict .kv{border-bottom:none;padding:2px 0}.field b.warn{color:#ff7a5c}.field b.ok{color:#4ec98a}.chart-dock{position:absolute;right:16px;bottom:16px;background:#14181fe6;border:1px solid #2a323d;border-radius:12px;padding:10px 12px;box-shadow:0 10px 40px #0006}.chart-title{font-size:11px;color:#8a93a0;margin-bottom:6px}.chart canvas{display:block;border-radius:6px}.chart-legend{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a93a0;margin-top:6px}.chart-legend .dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:8px}.chart-legend .dot.surge{background:#ff5a4d}.chart-legend .dot.ref{background:#5a6472}.chart-legend .dot.drop{background:#3a9bdc}.dashboard{position:absolute;right:16px;bottom:16px;width:288px;background:#10141aeb;border:1px solid #2a323d;border-radius:12px;padding:12px 14px;color:#e6e9ee;box-shadow:0 10px 40px #00000073}.dash-head{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1px;color:#9aa4b0;font-weight:600}.live-dot{width:8px;height:8px;border-radius:50%;background:#4ec98a;box-shadow:0 0 #4ec98a99;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #4ec98a99}70%{box-shadow:0 0 0 7px #4ec98a00}to{box-shadow:0 0 #4ec98a00}}.dash-metrics{display:flex;gap:8px;margin:10px 0 12px}.dash-metrics .metric{flex:1;background:#00000047;border-radius:8px;padding:7px 6px;text-align:center}.dash-metrics .metric b{display:block;font-size:16px;color:#6fd0ff}.dash-metrics .metric span{font-size:9px;color:#8a93a0}.dash-row{display:flex;align-items:center;gap:7px;margin:5px 0}.dash-id{width:46px;font-size:10px;color:#8a93a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-bar-track{flex:1;height:11px;background:#ffffff0f;border-radius:6px;overflow:hidden}.dash-bar{height:100%;border-radius:6px;background-image:repeating-linear-gradient(115deg,var(--c) 0,var(--c) 8px,rgba(255,255,255,.45) 8px,rgba(255,255,255,.45) 14px);background-size:200% 100%;animation:flowstripe linear infinite}@keyframes flowstripe{0%{background-position:0 0}to{background-position:-28px 0}}.dash-val{width:40px;text-align:right;font-size:10px;color:#c8cdd4}button.active{background:#2b6cff;border-color:#2b6cff}.section p.warn.click{cursor:pointer}.section p.warn.click:hover{color:#ffb4a0}.navbar{padding-top:10px}.preset-row{display:flex;gap:4px}.preset-row button{flex:1;padding:6px 4px;font-size:11px}.hint{margin:8px 0 0;font-size:10px;color:#6a7280;line-height:1.5}.tool-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.tool-grid button{font-size:11px;padding:7px 4px}.ef{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}.ef span{color:#8a93a0;font-size:12px}.ef input,.ef select{width:118px;background:#1b2028;color:#e6e9ee;border:1px solid #333c48;border-radius:6px;padding:5px 7px;font:inherit;font-size:12px}