:root{color-scheme:dark;--bg:#090d12;--panel:#111821;--raised:#17212c;--line:#263544;--text:#ecf3fa;--muted:#91a1b2;--green:#4ade80;--red:#fb7185;--blue:#60a5fa;--cyan:#22d3ee;font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#123044 0,transparent 35%),var(--bg);color:var(--text)}header{min-height:170px;padding:34px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}h1{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.055em;line-height:1;margin:.18em 0}header p{color:var(--muted);max-width:760px;margin:12px 0 0}.eyebrow{color:var(--cyan);font-size:.73rem;font-weight:800;letter-spacing:.16em}.local-badge{padding:10px 14px;background:#10251c;border:1px solid #245c3c;border-radius:999px;color:#adf3c3;white-space:nowrap}.local-badge i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--green)}main{display:grid;grid-template-columns:330px minmax(0,1fr);max-width:1600px;margin:auto;min-height:calc(100vh - 240px)}.panel{border-right:1px solid var(--line);padding:28px 24px}.controls label{display:block;color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.controls label[hidden]{display:none}.controls input,.controls select{width:100%;margin-top:6px;padding:10px 11px;border:1px solid var(--line);border-radius:7px;background:#0c1219;color:var(--text);font:inherit;text-transform:none;letter-spacing:0}.pair,.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls button{width:100%;padding:12px;margin:5px 0;border:1px solid #34506b;border-radius:7px;background:var(--raised);color:var(--text);font-weight:800;cursor:pointer}.controls button:hover{border-color:var(--cyan)}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls .primary{background:var(--cyan);border-color:var(--cyan);color:#041014}.controls .quiet{color:var(--red)}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin:4px 0 16px}summary{cursor:pointer;font-weight:750;margin-bottom:14px}.controls h2,.chart-card h2,.table-card h2{font-size:1rem;margin:0}.controls hr{border:0;border-top:1px solid var(--line);margin:25px 0}.workspace{padding:28px;min-width:0}.notice{border:1px dashed #3c5367;border-radius:10px;padding:22px;color:var(--muted)}.notice.error{border-color:#7f3041;color:#ffb7c3}.range{color:var(--muted);font-size:.84rem;margin-bottom:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metric{background:linear-gradient(145deg,var(--raised),#121a23);border:1px solid var(--line);border-radius:9px;padding:15px}.metric span{display:block;color:var(--muted);font-size:.73rem;text-transform:uppercase}.metric strong{font:700 1.35rem/1.5 ui-monospace,SFMono-Regular,monospace}.positive{color:var(--green)}.negative{color:var(--red)}.chart-card,.table-card{background:rgba(17,24,33,.86);border:1px solid var(--line);border-radius:10px;margin:12px 0;padding:18px}.chart-card{position:relative}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.chart-card span{color:var(--muted);font-size:.8rem}.chart-tools{display:flex;gap:5px}.chart-tools button{min-width:34px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:#0c1219;color:var(--text);font:700 .78rem/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer}.chart-tools button:hover,.chart-tools button:focus-visible{border-color:var(--cyan);outline:none}.chart-tooltip{position:absolute;z-index:3;pointer-events:none;min-width:155px;padding:9px 11px;border:1px solid #40566b;border-radius:7px;background:rgba(7,12,17,.96);box-shadow:0 8px 24px rgba(0,0,0,.35);font:11px/1.55 ui-monospace,SFMono-Regular,monospace;color:var(--text);white-space:nowrap}.chart-tooltip strong{display:block;color:var(--cyan);margin-bottom:2px}.chart-tooltip[hidden]{display:none}.chart-card>div.chart-tooltip:not([hidden]){display:block}canvas{display:block;width:100%;height:320px;margin-top:14px;cursor:crosshair;touch-action:none}.table-card table{width:100%;border-collapse:collapse;margin-top:12px}.table-card th,.table-card td{text-align:right;padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table-card th:nth-child(2),.table-card td:nth-child(2),#trades td:first-child,#trades th:first-child{text-align:left}.table-card th{color:var(--muted);font-size:.72rem;text-transform:uppercase}.scroll{overflow:auto}.status{min-height:22px;color:var(--muted);font-size:.82rem}.progress{height:4px;background:#1c2a37;border-radius:5px;overflow:hidden;margin-top:10px}.progress span{display:block;width:30%;height:100%;background:var(--cyan);animation:progress 1s infinite alternate}@keyframes progress{to{transform:translateX(230%)}}footer{padding:20px;text-align:center;color:var(--muted);border-top:1px solid var(--line);font-size:.78rem}@media(max-width:900px){header{align-items:flex-start;gap:20px}.local-badge{font-size:.75rem}main{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{display:block}.local-badge{display:inline-block;margin-top:20px}.workspace,.panel{padding:18px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:1.05rem}.chart-heading{align-items:flex-start}.chart-tools button{padding:5px 7px}canvas{height:250px}}