:root{--ink: #0f0b14;--surface: #1a1222;--surface-2: #221830;--plum: #321b38;--line: #2e2340;--signal: #39e1fe;--violet: #b443e9;--magenta: #f644d6;--text: #edeaf2;--muted: #a49db0;--up: #2bd99f;--down: #ff5a6e;--warn: #ffc857;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;background:radial-gradient(1200px 600px at 50% -10%,var(--plum) 0%,var(--ink) 60%) fixed,var(--ink);color:var(--text);font:16px/1.55 Inter,system-ui,sans-serif}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--signal)}h1,h2,h3{font-family:Space Grotesk,system-ui,sans-serif;line-height:1.2}.muted{color:var(--muted)}.small{font-size:14px}.warn{color:var(--warn)}.up{color:var(--up)}.down{color:var(--down)}.alert{background:#ff5a6e1f;border:1px solid rgba(255,90,110,.4);border-radius:10px;padding:10px 14px}.center{flex:1;display:grid;place-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-bottom:1px solid var(--line);background:#0f0b14b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:600 18px Space Grotesk,sans-serif}.brand b{color:var(--signal)}.account{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:14px;max-width:260px}.balance{font-weight:600}.status{width:10px;height:10px;border-radius:50%;background:var(--muted);display:inline-block}.status.online{background:var(--up)}.status.connecting{background:var(--warn)}.status.offline{background:var(--down)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:12px;font:600 16px Inter,sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(90deg,var(--violet),var(--magenta));color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(1.1)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{border-color:var(--muted)}.btn-stop{background:var(--down);color:#fff}.btn-small{padding:7px 12px;font-size:14px;border-radius:9px}.btn-wide{width:100%;margin-top:8px}.landing{flex:1;width:100%;max-width:900px;margin:0 auto;padding:48px 16px 32px;text-align:center}.landing h1{font-size:clamp(32px,6vw,52px);margin:12px 0 14px}.grad{background:linear-gradient(90deg,var(--signal),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);max-width:640px;margin:0 auto 28px;font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.actions .btn{min-width:240px}.note{color:var(--muted);font-size:14px;margin-top:14px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:48px;text-align:left}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card h3{margin:0 0 6px;font-size:17px;color:var(--signal)}.card p{margin:0;color:var(--muted);font-size:15px}.how{text-align:left;margin:40px auto 0;max-width:640px}.how ol{color:var(--muted);padding-left:20px}.how li{margin:6px 0}.mode-banner{padding:8px 20px;font-size:14px;text-align:center}.mode-banner.demo{background:#39e1fe1a;color:var(--signal)}.mode-banner.real{background:#ff5a6e24;color:#ffb3bd}.dashboard{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 16px;display:grid;grid-template-columns:360px 1fr;gap:20px;align-items:start}.catalog h2,.run-panel h2{margin:0 0 4px;font-size:20px}.chips{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.chip{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 12px;font:14px Inter,sans-serif;cursor:pointer}.chip.on{color:var(--ink);background:var(--signal);border-color:var(--signal)}.catalog-list{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 240px);overflow:auto;padding-right:4px}.strategy{display:flex;gap:12px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text);cursor:pointer;font:inherit}.strategy:hover{border-color:var(--muted)}.strategy.on{border-color:var(--signal);background:var(--surface-2)}.strategy .score{flex:0 0 42px;height:42px;border-radius:10px;display:grid;place-items:center;font:700 16px Space Grotesk,sans-serif;background:#2bd99f1f;color:var(--up)}.strategy .meta{display:flex;flex-direction:column;min-width:0}.strategy small{color:var(--muted);font-size:13px}.run-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.score-badge{background:#2bd99f1f;color:var(--up);border-radius:99px;padding:4px 12px;font-weight:600;font-size:14px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.fact,.stat{background:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}.fact small,.stat small{color:var(--muted);font-size:12px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0 6px}.form label{display:flex;flex-direction:column;gap:4px;font-size:14px}.form small{font-size:12px}input[type=number]{background:var(--ink);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;width:100%}input[type=number]:focus{outline:2px solid var(--signal);outline-offset:1px}.quote{font-size:14px;min-height:22px}.confirm{display:flex;gap:8px;align-items:center;font-size:14px;margin:10px 0}.run-status{font-size:14px;margin:10px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat b{font-size:18px}.stat.up b{color:var(--up)}.stat.down b{color:var(--down)}.history-head{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.history-head h3{margin:0;font-size:16px}.table-wrap{overflow:auto;max-height:360px;margin-top:8px;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:7px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--surface)}.site-footer{border-top:1px solid var(--line);padding:18px 16px;text-align:center;color:var(--muted);font-size:13px}.site-footer p{margin:4px auto;max-width:900px}.site-footer a{color:var(--muted)}@media (max-width: 900px){.dashboard{grid-template-columns:1fr}.catalog-list{max-height:320px}.stats{grid-template-columns:repeat(3,1fr)}.topbar{padding:10px 16px}.account-select{max-width:100%}}
