@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a1011;--panel:#111a1c;--line:#253335;--muted:#8a9d9e;--green:#b3ed83;--red:#ff8b85}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#edf4f0;font:14px 'DM Sans',system-ui,sans-serif}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:flex;align-items:center;gap:12px;font:600 25px 'Space Grotesk',sans-serif;color:inherit;text-decoration:none}.logo{display:grid;place-items:center;background:var(--green);color:#12201b;width:36px;height:36px;border-radius:10px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:12px}.badge{border:1px solid var(--line);border-radius:30px;padding:9px 14px;color:var(--muted);font-size:12px}main{max-width:1700px;margin:auto;padding:32px 40px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:2px}h1{font-size:36px;letter-spacing:-1px;margin:12px 0}p{color:var(--muted)}.status{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px;padding-bottom:12px}.status i{height:7px;width:7px;border-radius:50%;background:var(--muted)}.status i.running{background:var(--green);box-shadow:0 0 12px #b3ed8366}#clock{font-family:monospace;border-left:1px solid var(--line);padding-left:12px}.workspace{display:grid;grid-template-columns:242px minmax(400px,1fr) 265px;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.controls,.feed{padding:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.section-title h2{margin:0;font-size:15px;font-weight:600}.section-title>span{color:var(--muted);font-size:11px}.section-title p{font-size:11px;margin:8px 0 0}.section-title p span{margin-left:10px;color:var(--green)}label{display:block;color:var(--muted);font-size:12px;margin:18px 0}input:not([type=range]),select{display:block;width:100%;margin-top:9px;background:#0c1416;color:#e1ebe7;border:1px solid var(--line);padding:10px;border-radius:7px;font:inherit}input[type=range]{display:block;width:100%;margin-top:14px;accent-color:var(--green)}output{float:right;color:#e1ebe7}button{cursor:pointer;border:1px solid var(--line);background:#182527;color:#e1ebe7;border-radius:7px;padding:11px 14px;font:inherit}button:hover{filter:brightness(1.2)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.primary{background:var(--green);color:#142217;border:none;font-weight:600;flex:1}.buttons{display:flex;gap:8px;margin-top:23px}.quiet{width:100%;background:transparent;border:0;color:var(--muted);margin-top:8px}hr{border:0;border-top:1px solid var(--line);margin:22px 0}h3{font-size:13px;font-weight:500}.hint{font-size:11px;line-height:1.8}.event{width:100%;text-align:left;margin:5px 0;font-size:12px}.event span{float:right;font-family:monospace}.good{color:var(--green)}.bad{color:var(--red)}#error{font-size:12px;color:var(--red)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric{padding:18px 16px}.metric>span{font-size:11px;color:var(--muted)}.metric strong{display:block;font:500 24px 'Space Grotesk',monospace;margin:12px 0 8px;white-space:nowrap}.metric small{font-size:10px;color:var(--muted)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.chart-panel{padding:22px;margin-bottom:20px}.chart-panel .section-title{margin-bottom:12px}.legend{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px}.legend b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:8px}.legend .buy-dot{background:#7ac8ff}.legend .sell-dot{background:var(--red)}.legend .benchmark{background:#647d83}canvas{display:block;width:100%;height:300px}.equity-panel canvas{height:185px}.feed{min-height:660px}.feed .section-title{padding-bottom:16px;border-bottom:1px solid var(--line)}#feed{max-height:660px;overflow-y:auto}.empty{padding-top:80px;text-align:center;color:var(--muted);font-size:13px}.empty span{display:block;font-size:11px;margin-top:10px}.feed-item{padding:14px 0;border-bottom:1px solid var(--line)}.feed-item small{font:10px monospace;color:var(--muted)}.feed-item p{color:#d5e1dc;font-size:12px;line-height:1.6;margin:7px 0}.feed-item span{font-size:10px;color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted)}.foot button{font-size:11px}footer{display:flex;justify-content:space-between;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:1px}@media(min-width:1450px){canvas{height:360px}}@media(max-width:1200px){.workspace{grid-template-columns:220px minmax(0,1fr)}.feed{grid-column:1/-1;min-height:150px}.metric strong{font-size:20px}#feed{max-height:260px}.empty{padding:20px}}@media(max-width:760px){header{padding:0 20px;height:65px}.brand small,.badge{display:none}main{padding:20px}.intro{display:block}h1{font-size:30px}.status{margin-top:20px}.workspace{display:flex;flex-direction:column}.controls,.center,.feed{width:100%}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.controls .section-title,.controls hr,.controls h3,.controls .hint,.controls .buttons,.controls .quiet,.controls #error{grid-column:1/-1}.controls label{margin:10px 0}.metrics{grid-template-columns:1fr 1fr}.chart-panel{padding:15px}.legend{font-size:9px}canvas{height:250px}footer{gap:15px;line-height:1.8}.foot{align-items:start}}

.controls{max-height:900px;overflow-y:auto;scrollbar-width:thin}details{border-top:1px solid var(--line);padding:16px 0 5px;margin-top:16px}summary{cursor:pointer;font-size:13px;color:#edf4f0}summary small{float:right;font-size:9px;color:var(--muted);padding-top:3px}.check{display:flex;align-items:center;gap:8px}.check input{accent-color:var(--green)}.insights{padding:14px 18px;display:flex;gap:15px;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:14px}.feed{min-height:780px}@media(max-width:760px){.controls{display:block;max-height:none}.insights{flex-wrap:wrap}.feed{min-height:150px}}