:root{
  --bg:#0b0f17;--panel:#131a26;--panel2:#1a2333;--line:#243047;--text:#e6ecf5;
  --muted:#8a97ab;--accent:#4f8cff;--green:#27c498;--red:#ff5d6c;--amber:#ffb454;--chip:#22304a;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px}
header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--panel)}
header h1{font-size:18px;margin:0;font-weight:650}header h1 span{color:var(--accent)}
.status{display:flex;gap:16px;font-size:12px;color:var(--muted)}.status b{color:var(--text)}
.tabs{display:flex;gap:4px;padding:0 22px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}
.tab{padding:12px 18px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;font-weight:550}
.tab.active{color:var(--text);border-bottom-color:var(--accent)}
main{padding:22px;max-width:1180px;margin:0 auto}
.view{display:none}.view.active{display:block}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px}
label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}label.inline{display:inline-block}
input,select{width:100%;padding:9px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:14px}
input:focus,select:focus{outline:none;border-color:var(--accent)}
button{background:var(--accent);color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}
button:hover{filter:brightness(1.1)}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:13px}
.card .k{font-size:12px;color:var(--muted);margin-bottom:6px}.card .v{font-size:20px;font-weight:680}
.v.green{color:var(--green)}.v.red{color:var(--red)}.v.amber{color:var(--amber)}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}
th{color:var(--muted);font-weight:600;cursor:pointer;user-select:none}
tr:hover td{background:var(--panel2)}
table.legs th,table.legs td{text-align:center;padding:6px}
table.legs input,table.legs select{padding:6px;font-size:13px;text-align:center}
.chip{display:inline-block;padding:2px 9px;border-radius:20px;background:var(--chip);font-size:11px;font-weight:600}
.chip.green{background:rgba(39,196,152,.18);color:var(--green)}
.chip.red{background:rgba(255,93,108,.18);color:var(--red)}
.chip.amber{background:rgba(255,180,84,.18);color:var(--amber)}
.muted{color:var(--muted)}.small{font-size:12px}
.note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.55}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.graph-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;margin-top:12px}
@media(max-width:860px){.split,.graph-grid{grid-template-columns:1fr}}
.controls label{font-size:12px}.controls input[type=range]{width:100%;margin-top:4px}
.controls b{color:var(--text)}
.sens{margin-top:16px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:12px;line-height:1.7}
.sens .r{display:flex;justify-content:space-between}.sens b{font-weight:650}
.err{color:var(--red);font-size:13px;margin-top:8px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.pill-toggle{display:flex;gap:6px}.pill-toggle button{padding:6px 12px;font-size:12px}
.pill-toggle button.off{background:transparent;border:1px solid var(--line);color:var(--muted)}
.idea,.saved-item{padding:12px 0;border-bottom:1px solid var(--line)}
.idea h4{margin:0 0 4px;font-size:14px}
.delrow{background:transparent;border:none;color:var(--red);cursor:pointer;font-size:16px}
.leg-disabled{opacity:.4}