:root{color-scheme:dark;--bg:#0b101b;--panel:#121a28;--border:#243044;--text:#eff4fc;--muted:#9cabc1;--cyan:#54dbc9;--red:#ff8197;--blue:#809dff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5;font-variant-numeric:tabular-nums}main{max-width:1500px;margin:auto;padding:32px 40px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brandmark{background:var(--cyan);color:#092222;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-weight:850;font-size:17px}h1{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin:0}h2{font-size:17px;font-weight:600;margin:0}.sub{font-size:14px;color:var(--muted)}.header-right{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.demo{font-size:12px;font-weight:750;letter-spacing:1px;color:var(--cyan);border:1px solid #28564f;background:#142d2c;border-radius:5px;padding:5px 9px}.status{font-size:14px;color:var(--muted)}.status::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);margin-right:8px}.status.live::before{background:var(--cyan)}.status.warning::before{background:var(--red)}.notice{border:1px solid #72511f;color:#f5cb80;background:#292013;padding:12px 18px;border-radius:8px;margin-bottom:20px;font-size:14px}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.card{padding:22px 24px}.balance{background:linear-gradient(135deg,#17312e,var(--panel));border-color:#295049}.label{color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:10px}.big{font-size:34px;font-weight:650;letter-spacing:-1px;margin:9px 0 3px;line-height:1.3}.muted{color:var(--muted);font-size:14px}.positive{color:var(--cyan)!important}.negative{color:var(--red)!important}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:20px}.panel{padding:24px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.ticker{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.ticker strong{font-size:24px;letter-spacing:-.7px}.ticker span{font-size:14px}.controls{display:flex;gap:3px;background:#0b1220;border:1px solid #293448;padding:3px;border-radius:7px}.controls button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:14px;padding:5px 11px;cursor:pointer;border-radius:4px;white-space:nowrap}.controls button.selected{color:var(--text);background:#2b374c}.controls button:hover{background:#223049}.controls button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.chart-wrap{position:relative;height:320px;min-width:0}canvas{display:block;width:100%;height:100%}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:14px}.chart-empty[hidden]{display:none}.tooltip{position:absolute;pointer-events:none;background:#202c40;border:1px solid #41526d;box-shadow:0 8px 28px #0005;padding:8px 12px;border-radius:6px;font-size:12px;z-index:2;max-width:235px}.chart-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-top:8px}.signal{color:var(--cyan);font-size:24px;font-weight:650;margin-top:26px}.signal-copy{color:var(--muted);font-size:14px;margin-top:5px;margin-bottom:25px}dl{margin:0}dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #233044;padding:12px 0;font-size:14px}dt{color:var(--muted)}dd{margin:0;font-weight:550;overflow-wrap:anywhere;text-align:right}.strategy-note{font-size:13px;line-height:1.7;color:var(--muted);margin-top:24px}.performance{grid-column:1 / -1}.performance .panel-head{margin-bottom:5px}.performance p{margin:4px 0}.equity-wrap{height:230px}.trades{grid-column:1 / -1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}th{color:var(--muted);font-weight:500;text-align:left;padding:0 16px 12px 0;border-bottom:1px solid var(--border)}td{padding:14px 16px 14px 0;border-bottom:1px solid #202b3e}th:nth-child(n+3):nth-child(-n+5),td:nth-child(n+3):nth-child(-n+5){text-align:right}.action{display:inline-block;padding:3px 9px;border-radius:5px;background:#173630;color:var(--cyan);font-size:12px;font-weight:650}.action.sell{background:#39232e;color:var(--red)}.empty{text-align:center!important;color:var(--muted);padding:26px!important}.table-note{font-size:13px;color:var(--muted);margin:18px 0 0}footer{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px;margin-top:24px;flex-wrap:wrap}
@media(min-width:1250px){.market{padding-bottom:20px}.market .chart-wrap{height:360px}}@media(max-width:1050px){main{padding:26px 24px}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 270px}.big{font-size:30px}.panel{padding:20px}.controls button{padding:5px 9px}}
@media(max-width:760px){main{padding:20px 14px}header{margin-bottom:22px}.header-right{gap:8px;justify-content:flex-end}.status{font-size:12px}.workspace{grid-template-columns:1fr}.overview{gap:10px;margin-bottom:16px}.card{padding:16px}.big{font-size:27px}.label,.muted{font-size:13px}.strategy{order:2}.performance{order:1}.trades{order:3}.strategy dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.signal{margin-top:16px}.signal-copy{margin-bottom:14px}.panel-head{gap:8px;flex-wrap:wrap}.chart-wrap{height:280px}.chart-caption{font-size:12px;flex-wrap:wrap}.equity-wrap{height:220px}.ticker strong{font-size:22px}.controls button{font-size:13px}footer{font-size:12px}.table-note{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.card{transition:background .2s}.controls button{transition:background .15s}}
/* Quiet glass surfaces; crisp geometry keeps the financial data in focus. */
:root{--bg:#080d17;--panel:rgba(19,29,45,.65);--border:rgba(177,200,235,.13)}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 10% 0%,rgba(25,92,90,.22),transparent 45%),radial-gradient(ellipse at 90% 22%,rgba(55,66,117,.18),transparent 45%);background-attachment:fixed}
.card,.panel{border-radius:5px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(230,244,255,.035),0 12px 36px rgba(0,0,0,.1)}
.balance{background:linear-gradient(125deg,rgba(29,68,61,.65),rgba(19,29,45,.68));border-color:rgba(84,219,201,.24)}
.brandmark{border-radius:4px;box-shadow:0 0 24px #54dbc912}.brand h1{font-weight:600}.demo{border-radius:3px;background:rgba(21,57,52,.5)}
.controls{border-radius:4px;background:rgba(6,12,23,.6)}.controls button{border-radius:2px}.action,.notice,.tooltip{border-radius:3px}.panel-head h2{letter-spacing:-.2px}.status.live::before{box-shadow:0 0 10px #54dbc95e}
@media(prefers-reduced-motion:no-preference){
  header{animation:arrive .45s ease-out both}.overview{animation:arrive .55s .05s ease-out both}.market,.strategy{animation:arrive .55s .12s ease-out both}.performance{animation:arrive .55s .19s ease-out both}.trades{animation:arrive .55s .24s ease-out both}
  .card{transition:border-color .25s,background .25s}.card:hover{border-color:rgba(177,200,235,.25)}.controls button{transition:background .18s,color .18s}
  .status.live::before{animation:heartbeat 3s ease-in-out infinite}.big.tick{animation:updated .65s ease-out}
  @keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  @keyframes heartbeat{0%,100%{opacity:1}50%{opacity:.5}}
  @keyframes updated{from{text-shadow:0 0 16px rgba(129,165,255,.65)}to{text-shadow:0 0 0 transparent}}
}
@media(max-width:430px){.label{flex-wrap:wrap;row-gap:0}.label span{font-size:12px}.overview .big{font-size:26px}}
.lab-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin:4px 0 14px}.lab-summary strong{color:var(--text)}.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}.bot-card{display:flex;flex-direction:column;text-align:left;color:var(--text);background:rgba(18,29,44,.5);border:1px solid var(--border);border-radius:4px;padding:16px 20px;cursor:pointer;font:inherit;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:6px}.bot-card.chosen{border-color:var(--cyan);background:linear-gradient(120deg,rgba(34,79,69,.5),rgba(18,29,44,.6))}.bot-card:hover{border-color:#7c9da8}.bot-card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.bot-name{font-size:14px;color:var(--muted)}.bot-card.chosen .bot-name{color:var(--cyan)}.bot-card strong{font-size:23px;font-weight:600;letter-spacing:-.5px}.bot-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.bot-bottom>span:last-child{color:var(--muted)}.selected-heading{display:flex;align-items:baseline;gap:14px;margin:0 0 12px;flex-wrap:wrap}.selected-heading h2{font-size:18px}.strategy-description{margin-bottom:0}.lab-summary .muted{font-size:12px}
@media(max-width:760px){.bot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bot-card{padding:14px}.bot-card strong{font-size:21px}.bot-name,.bot-bottom{font-size:12px}.lab-summary{flex-wrap:wrap}.selected-heading .muted{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.bot-card{transition:border-color .2s,background .2s}.bot-grid{animation:arrive .5s ease-out both}}
.bot-filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 16px}.bot-filters button{background:rgba(17,29,44,.6);border:1px solid var(--border);border-radius:3px;padding:8px 16px;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.bot-filters button.selected{border-color:rgba(84,219,201,.5);color:var(--cyan);background:rgba(27,63,57,.5)}.bot-filters button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#day-limits[hidden]{display:none}
@media(max-width:760px){.bot-filters{gap:6px}.bot-filters button{padding:7px 10px;font-size:13px}.bot-bottom{flex-wrap:wrap;font-size:12px}}
.cost-panel{margin-bottom:24px}.cost-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.cost-grid strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.4px;margin-top:6px;overflow-wrap:anywhere}.cost-grid .label{display:block;font-size:13px}.research{grid-column:1/-1}.research-chosen{background:rgba(84,219,201,.06)}.research th:nth-child(n+2):nth-child(-n+6),.research td:nth-child(n+2):nth-child(-n+6){text-align:right}.research td:first-child{padding-left:8px}.research .table-wrap{margin-top:20px}
.prediction-panel{margin-bottom:24px;border-color:rgba(147,169,255,.3);background:linear-gradient(120deg,rgba(45,55,92,.32),rgba(18,29,44,.6))}.prediction-panel[hidden]{display:none}.prediction-panel .cost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ops-summary{font-size:12px;padding:10px 0;border-top:1px solid var(--border);margin-bottom:4px;flex-wrap:wrap}
.comparison-panel{margin-bottom:24px;border-color:rgba(255,196,112,.22)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-grid strong{display:block;font-size:26px;font-weight:600;margin:6px 0}.comparison-grid .muted{display:block;font-size:13px}.bot-reference{font-size:12px;opacity:.9}
@media(max-width:430px){.comparison-grid{grid-template-columns:1fr;gap:18px}.comparison-grid strong{font-size:24px}}
@media(max-width:760px){.cost-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.cost-grid strong{font-size:21px}.research{order:4}.cost-panel .panel-head{margin-bottom:20px}}