@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b1014;--card:#111a1e;--card2:#152126;--line:#27373b;--text:#eaf2ee;--muted:#8fa2a4;--mint:#a4f4c7;--green:#55bb8f;--red:#ec8d83}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{max-width:1500px;margin:auto;padding:0 34px}.topbar{height:72px;display:flex;align-items:center;gap:21px;border-bottom:1px solid var(--line)}.brand{font-weight:700;font-size:26px;letter-spacing:-.07em;color:var(--text);text-decoration:none;display:flex;align-items:center}.brand-mark{font-size:34px;color:var(--mint);font-weight:400;line-height:0;margin-right:8px}.brand-period{color:var(--mint)}.top-divider{height:20px;border-left:1px solid var(--line)}.product-label,.mode-pill,.wallet,.overline,.version,.heading-meta,.card-title,.label,.field,.toggle-row,.button,.reset,.metric,.trade-log-title,.activity,.risk-status,.legend,.chart-foot,.decision-signal,.decision-time,footer{font-family:'DM Mono',monospace}.product-label{font-size:10px;color:#9cacae;letter-spacing:.08em;white-space:nowrap}.product-label span{color:#5b7378}.topbar nav{display:flex;gap:25px;margin-left:48px}.topbar nav a{font-size:12px;text-decoration:none;color:#8ca0a1}.topbar nav a.active,.topbar nav a:hover{color:var(--mint)}.header-right{margin-left:auto;display:flex;align-items:center;gap:18px}.mode-pill{font-size:10px;color:var(--mint);white-space:nowrap}.mode-pill i,.risk-status i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--mint);margin-right:8px;box-shadow:0 0 0 4px #a4f4c71b}.wallet{border:1px solid #547c69;background:transparent;color:var(--mint);font-size:10px;padding:10px 12px;white-space:nowrap}.wallet span{margin-left:15px}.wallet:hover{background:#19352a}.page-heading{display:flex;align-items:end;justify-content:space-between;padding:52px 0 36px;gap:30px}.overline{font-size:10px;letter-spacing:.14em;color:var(--mint)}.line{display:inline-block;height:1px;width:27px;background:var(--mint);vertical-align:middle;margin-right:9px}.version{color:#70888a;margin-left:14px}.page-heading h1{font-size:clamp(45px,5vw,68px);line-height:1.02;letter-spacing:-.075em;font-weight:600;margin:18px 0}.page-heading h1 em{font-style:normal;color:var(--mint)}.page-heading p{font-size:14px;color:#a3b3b3;line-height:1.65;max-width:540px;margin:0}.heading-meta{border-left:1px solid var(--line);padding-left:20px;min-width:180px;display:flex;flex-direction:column;gap:6px}.heading-meta span{font-size:9px;color:#7f989a}.heading-meta strong{font-size:16px;font-weight:500}.heading-meta small{font-size:10px;color:#8ea3a4}.dashboard{display:grid;grid-template-columns:280px minmax(0,1fr) 266px;gap:13px;align-items:stretch}.card{background:var(--card);border:1px solid var(--line)}.card-title{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px;font-size:10px;color:#c4d6d0;letter-spacing:.05em;white-space:nowrap}.title-icon{color:var(--mint);font-size:18px}.title-index{margin-left:auto;color:#7d9597;font-size:9px}.controls-body{padding:19px 17px}.control-intro{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:13px}.label{color:#829b9c;font-size:9px;letter-spacing:.11em}.control-intro h2{font-size:18px;letter-spacing:-.04em;margin:8px 0}.control-intro p{font-size:12px;line-height:1.55;color:#92a6a6;margin:0}.field{display:block;padding:14px 0;border-bottom:1px solid #243339}.field>span{display:flex;justify-content:space-between;font-size:10px;color:#aabfba;letter-spacing:.03em}.field output{color:var(--mint)}input[type=range]{appearance:none;width:100%;height:3px;background:#36534b;margin:17px 0 3px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:var(--mint);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--mint);border:none;border-radius:50%;cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.toggle-row>div{display:flex;flex-direction:column;gap:5px}.toggle-row small{color:#82989a;font-size:10px}.switch input{position:absolute;opacity:0}.switch span{display:block;width:32px;height:18px;border-radius:20px;background:#415052;position:relative}.switch span:after{content:'';width:12px;height:12px;position:absolute;top:3px;left:3px;border-radius:50%;background:#afbfbd;transition:.15s}.switch input:checked+span{background:#356b53}.switch input:checked+span:after{left:17px;background:var(--mint)}.switch input:focus-visible+span{outline:2px solid white;outline-offset:3px}.actions{display:flex;flex-direction:column;gap:8px}.button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;font-size:10px;letter-spacing:.06em;padding:12px 14px}.primary{background:var(--mint);color:#092117}.primary:hover{background:#c5ffdd}.secondary{background:transparent;border:1px solid #4c6f64;color:var(--mint)}.secondary:hover{background:#19332b}.reset{border:0;background:none;color:#7c9998;padding:17px 0 2px;font-size:10px}.reset:hover{color:var(--mint)}.main-column{display:flex;flex-direction:column;gap:13px;min-width:0}.market{min-height:416px}.market-top{display:flex;justify-content:space-between;align-items:end;padding:20px 20px 4px;gap:12px}.price{font-size:34px;letter-spacing:-.055em;margin:3px 0}.price-change{font-size:11px;color:#9bb8aa}.price-change.negative{color:var(--red)}.legend{display:flex;gap:16px;color:#93a6a4;font-size:9px;white-space:nowrap}.legend i{display:inline-block;width:15px;height:2px;vertical-align:middle;margin-right:5px}.legend-price{background:#dceee6}.legend-fast{background:var(--mint)}.legend-slow{background:#e9ad74}.chart-wrap{height:260px;padding:8px 15px 0}canvas{width:100%;height:100%;display:block}.chart-foot{display:flex;justify-content:space-between;padding:4px 20px 16px;color:#6f8a8d;font-size:9px}.decision{flex:1}.decision-inner{padding:24px 20px;display:flex;align-items:center;gap:16px}.decision-signal{display:grid;place-items:center;min-width:64px;height:50px;border:1px solid #52705d;color:var(--mint);font-size:11px}.decision-signal.buy{background:#18382c;color:var(--mint)}.decision-signal.sell{background:#3a2b27;border-color:#775047;color:#ffab99}.decision-signal.halt{background:#4b2b2a;border-color:#9a5c55;color:#ffd0c8}.decision-inner strong{font-size:15px;letter-spacing:-.02em}.decision-inner p{color:#98a8a7;font-size:11px;line-height:1.5;margin:5px 0 0}.decision-time{margin-left:auto;color:#738d8c;font-size:9px;white-space:nowrap}.portfolio{display:flex;flex-direction:column}.portfolio-body{padding:18px 16px}.portfolio-value{display:flex;flex-direction:column;gap:5px;padding-bottom:18px;border-bottom:1px solid var(--line)}.portfolio-value strong{font-size:25px;letter-spacing:-.06em}.pnl{font:10px 'DM Mono',monospace;color:var(--mint)}.pnl.negative{color:var(--red)}.metric{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #27373b;padding:15px 0;font-size:10px}.metric span{color:#849c9b}.metric strong{font-weight:500;white-space:nowrap}.risk-status{margin-top:17px;border:1px solid #365a4a;color:var(--mint);padding:11px;font-size:9px}.risk-status.halted{border-color:#8a514c;color:var(--red)}.risk-status.halted i{background:var(--red);box-shadow:none}.trade-log{border-top:1px solid var(--line);flex:1;min-height:120px}.trade-log-title{display:flex;justify-content:space-between;padding:16px;font-size:10px;color:#d2dfd9}.trade-log-title span{color:#708b8b;font-size:9px}.activity{padding:0 16px 12px;max-height:240px;overflow:auto}.empty{color:#7e9694;font-size:11px;line-height:1.5}.event{padding:10px 0;border-top:1px solid #26383b;display:flex;justify-content:space-between;gap:8px;font-size:9px}.event strong{font-weight:500}.event.buy strong{color:var(--mint)}.event.sell strong{color:#efb287}.event.halt strong{color:var(--red)}.event span{color:#829998}.architecture{margin:75px 0 48px;padding:30px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:45px}.architecture h2{font-size:36px;letter-spacing:-.06em;margin:12px 0}.architecture p{font-size:13px;color:#9bb0ad;line-height:1.7;max-width:620px}.architecture-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.architecture-steps div{background:var(--card);border:1px solid var(--line);padding:17px;display:flex;flex-direction:column;gap:12px}.architecture-steps span{font:11px 'DM Mono',monospace;color:var(--mint)}.architecture-steps strong{font-size:14px}.architecture-steps small{font-size:11px;line-height:1.5;color:#91aaa5}footer{padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.05em;color:#78918e}
@media(max-width:1200px){.dashboard{grid-template-columns:260px minmax(0,1fr)}.portfolio{grid-column:1/-1}.portfolio-body{display:grid;grid-template-columns:repeat(3,1fr);gap:0 25px}.portfolio-value{grid-row:span 2}.risk-status{align-self:start}.trade-log{min-height:0}.activity{display:flex;gap:20px}.event{min-width:180px}}@media(max-width:800px){.topbar nav,.top-divider,.product-label{display:none}.app{padding:0 18px}.page-heading{padding:40px 0 25px}.heading-meta{display:none}.dashboard{grid-template-columns:1fr}.controls{order:2}.main-column{order:1}.portfolio{order:3}.controls-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.control-intro,.toggle-row,.actions,.reset{grid-column:1/-1}.architecture{grid-template-columns:1fr}}@media(max-width:530px){.topbar{height:62px}.header-right{gap:8px}.mode-pill{font-size:9px}.wallet{font-size:8px;padding:9px}.wallet span{display:none}.page-heading h1{font-size:47px}.page-heading p{font-size:13px}.market-top{display:block}.legend{margin-top:14px;gap:10px}.chart-wrap{height:220px}.decision-inner{align-items:start}.decision-time{display:none}.controls-body{display:block}.portfolio-body{display:block}.architecture-steps{grid-template-columns:1fr 1fr}.architecture-steps div:last-child{grid-column:1/-1}footer{line-height:1.5}}
.source-link{display:inline-block;margin-top:10px;color:var(--mint);font:10px "DM Mono",monospace;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid #5c9975;padding-bottom:5px}.source-link:hover{color:white}