:root{color-scheme:dark;--bg:#091320;--panel:#111f31;--panel-deep:#0d1928;--border:#26384d;--text:#edf3fa;--muted:#a9b8cb;--accent:#77e2cb;--danger:#ffadb0;--amber:#f7d490;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}button,input{font:inherit}button{cursor:pointer;min-height:44px;border-radius:9px;border:1px solid transparent;padding:.68rem 1rem;font-weight:650;transition:background .15s,opacity .15s}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #a3baff;outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.1)}.primary{background:var(--accent);color:#07221f}.secondary{background:#1b2e44;border-color:#36506a;color:var(--text)}.danger{background:#392334;border-color:#714050;color:var(--danger)}.text-button{background:none;color:var(--muted);padding:.5rem .8rem}.topbar{max-width:1440px;margin:auto;padding:1.1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:.85rem;align-items:center;font-weight:650}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#1a3b3c;color:var(--accent);font-size:1.1rem}.brand small{display:block;font-size:.78rem;font-weight:400;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:1rem}.demo-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--accent);padding:.4rem .65rem;background:#163932;border:1px solid #31594d;border-radius:6px}main{max-width:1360px;padding:2rem 2.5rem 1rem;margin:auto}h1,h2,p{margin-top:0}h1{font-size:1.8rem;line-height:1.3;letter-spacing:-.035em;margin-bottom:.45rem}h2{font-size:1rem;font-weight:650;margin:0}.eyebrow{font-size:.75rem;letter-spacing:.14em;color:var(--muted);font-weight:650;margin-bottom:.8rem}.muted{color:var(--muted)}.small{font-size:.875rem}.access-card{max-width:460px;margin:5vh auto;padding:2rem;background:var(--panel);border:1px solid var(--border);border-radius:16px}.access-card h1{font-size:1.6rem}.access-card form{margin-top:1.4rem}.access-card form button{width:100%;margin-top:.65rem}.access-footnote{font-size:.8rem;color:var(--muted);padding-top:1.25rem;border-top:1px solid var(--border);margin-top:1.5rem}label{display:block;font-size:.875rem;margin:.85rem 0 .45rem;font-weight:550}input{width:100%;padding:.7rem .8rem;background:#0a1727;color:var(--text);border:1px solid #3c516d;border-radius:8px;min-height:46px}.field-help{font-size:.78rem;color:var(--muted);margin:.4rem 0 .8rem}.feedback{font-size:.9rem;min-height:1.4rem;margin:.8rem 0 0;color:var(--amber)}.workspace-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.workspace-heading .eyebrow{margin-bottom:.5rem}.workspace-heading p:last-child{margin-bottom:0;font-size:.875rem}.asset-symbol{font-size:.9rem;color:var(--muted);font-weight:450;letter-spacing:0;margin-left:.6rem}.real-lock{border:1px solid #5d4a31;background:#2c271e;color:var(--amber);font-size:.8rem;border-radius:6px;padding:.45rem .7rem;white-space:nowrap;margin-top:.25rem}.notice{border-left:3px solid #628db8;background:#13283b;color:#c4dbee;padding:.8rem 1rem;margin-bottom:1.25rem;border-radius:0 7px 7px 0;font-size:.875rem}.notice.warning{border-color:var(--amber);background:#2b271e;color:var(--amber)}.controls-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;border:1px solid var(--border);background:var(--panel);border-radius:12px;margin-bottom:1.4rem}.connection{display:flex;align-items:center;gap:.9rem}.connection strong{display:block;font-size:.95rem}.connection small{display:block;color:var(--muted);font-size:.8rem;margin-top:.2rem}.connection-indicator{width:10px;height:10px;border-radius:50%;background:#6c7e94;flex-shrink:0}.connection-indicator.online{background:var(--accent)}.control-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem}.stat{padding:1.3rem 1.3rem 1.2rem;background:var(--panel-deep);border:1px solid var(--border);border-radius:10px}.stat p{font-size:.825rem;color:var(--muted);margin-bottom:.6rem}.stat strong{display:block;font-size:1.65rem;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-bottom:.3rem}.stat small{font-size:.75rem;color:var(--muted)}.positive{color:var(--accent)}.negative{color:var(--danger)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:1.4rem;align-items:start}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.3rem 1.4rem;border-bottom:1px solid var(--border)}.subtle-label{font-size:.75rem;color:var(--muted);letter-spacing:.035em}.chart-card{align-self:stretch}.empty-chart{padding:2rem 1.5rem;text-align:center;min-height:223px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-chart p{margin:.3rem 0;font-size:.95rem}.empty-chart small{color:var(--muted);font-size:.8rem;max-width:350px}.empty-icon{font-size:2.3rem;color:#51708d;line-height:1.2}#chart{display:block;width:100%;height:223px;padding:1.5rem 1rem .25rem}.chart-footer{border-top:1px solid var(--border);padding:.9rem 1.4rem;display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted)}.chart-footer strong{font-size:.9rem;color:var(--text)}.rules-card dl{margin:0;padding:.65rem 1.4rem}.rules-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.58rem 0;border-bottom:1px solid #223347;font-size:.875rem}.rules-card dl>div:last-child{border:0}dt{color:var(--muted)}dd{margin:0;text-align:right;font-weight:600}dd small{display:block;font-size:.75rem;font-weight:400;color:var(--muted)}.rules-note{font-size:.78rem;color:var(--muted);padding:0 1.4rem;margin:.6rem 0 1.3rem}.table-scroll{max-height:360px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}th{font-size:.75rem;color:var(--muted);font-weight:500;padding:.9rem 1.4rem;background:#0e1c2d;position:sticky;top:0}td{padding:.85rem 1.4rem;border-top:1px solid #23354b;font-variant-numeric:tabular-nums}td:first-child{white-space:nowrap;color:var(--muted)}.empty-table{padding:2rem 1.4rem!important;text-align:center;color:var(--muted)}.pairing-card ol{padding:0 1.4rem 0 2.6rem;font-size:.875rem;color:var(--muted);margin:1.2rem 0}li{padding-left:.25rem;margin:.7rem 0}.pairing-card>button{margin:0 1.4rem .8rem}.pairing-card>p{margin:.7rem 1.4rem 1.3rem}.pairing-card strong{color:var(--text)}#pair-code-box{margin:0 1.4rem .8rem}.copy-row{display:flex;align-items:center;gap:.3rem}.copy-row input{font-family:ui-monospace,monospace;font-size:.8rem;min-width:0}#pair-code-box small{font-size:.75rem;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:1rem;color:#8ba1b9;font-size:.75rem;padding:1.5rem 0}.footer span:last-child{text-align:right}dialog{max-width:490px;width:calc(100% - 2rem);background:var(--panel);color:var(--text);border:1px solid #435d77;border-radius:16px;padding:2rem}dialog::backdrop{background:#020711c9}dialog h2{font-size:1.4rem;margin-bottom:1rem}dialog p:not(.eyebrow){font-size:.925rem;color:var(--muted)}.dialog-buttons{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.4rem}[hidden]{display:none!important}
@media(max-width:1050px){.controls-card{align-items:flex-start;flex-direction:column}.stats{gap:.65rem}.workspace-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.stat{padding:1rem}.stat strong{font-size:1.35rem}}
@media(max-width:780px){.topbar{padding:1rem 1.2rem}main{padding:1.4rem 1.2rem}.workspace-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.workspace-heading{flex-wrap:wrap}.history-card{grid-row:auto}.control-buttons{width:100%}.control-buttons button{flex:1}.controls-card{padding:1rem}.access-card{padding:1.5rem;margin:2vh auto}.footer{flex-direction:column}.footer span:last-child{text-align:left}.asset-symbol{display:block;margin:.3rem 0 0}.real-lock{margin-top:0}td,th{padding:.8rem 1rem}.brand small{font-size:.75rem}.top-actions{gap:.3rem}.demo-label{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
