:root{color-scheme:dark;font-family:system-ui,-apple-system,'PingFang SC',sans-serif;background:#0b1420;color:#e5edf6}*{box-sizing:border-box}body{margin:0}main{max-width:1340px;margin:auto;padding:26px}nav,.controls,.heading{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav{font-size:14px;color:#9eb0c2}a{color:#77d9c3;text-decoration:none}a:hover{text-decoration:underline}header{padding:40px 0 22px}h1{font-size:clamp(32px,5vw,54px);margin:12px 0}h2{font-size:23px;margin:0 0 20px}h3{color:#80ddc6}p{line-height:1.8}header p,.muted,footer{color:#9fb2c6}.eyebrow{letter-spacing:.12em;font-size:13px}section{margin:24px 0;padding:26px;background:#111f2e;border:1px solid #2a3b4d;border-radius:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card{padding:20px;border:1px solid #293e51;background:#142638;border-radius:12px}.card small{display:block;color:#a8bacd;margin-bottom:10px}.card strong{font-size:27px;display:block}.card span{font-size:13px;color:#a8bacd}.two{display:grid;grid-template-columns:1fr 1fr;gap:28px}.heading{justify-content:space-between}.heading h2{margin:0}select,input,button{font:inherit;color:#e5edf6;background:#192d40;border:1px solid #3b536c;border-radius:8px;padding:9px}button{cursor:pointer;background:#176d60}label{display:inline-flex;gap:8px;align-items:center;font-size:14px}.state{font-size:21px;color:#85dfca}canvas{width:100%;height:340px;display:block;margin:18px 0;background:#0d1926;border-radius:10px}canvas.small{height:150px}#candles{height:460px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}td,th{text-align:left;padding:15px 12px;border-bottom:1px solid #2c3d4e}th{color:#adc1d5}.win{color:#50d8b1}.loss{color:#ff8398}.purple{color:#cf86ff}.gold{color:#ffd05c}footer{font-size:13px;line-height:1.9;padding:12px 0 30px}@media(max-width:650px){main{padding:16px}section{padding:18px}header{padding-top:24px}.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:14px}.card strong{font-size:23px}nav{gap:12px}#candles{height:380px}.controls{gap:12px}input{max-width:160px}}
#liveCards{margin-top:22px}#liveTargets .card strong{font-size:24px}.conditions{white-space:normal;min-width:420px}.conditions span{display:inline-block;border:1px solid currentColor;border-radius:6px;padding:4px 7px;margin:3px;font-size:12px}#liveState{padding:18px 0;font-weight:700}#targetNote{font-size:14px}
#liveChart{height:440px}@media(max-width:650px){#liveChart{height:400px}}