:root{--void:#000101;--abyss:#020204;--surface:#0b0d11;--panel:#0f0f12;--card:#141418;--line:#ffffff14;--line-strong:#ffffff1f;--mist:#fff6;--fog:#fff9;--ice:#ffffffeb;--print:#34d399;--print-bright:#5ee9b5;--risk:#ff667f;--session:#77d4ff;--brand-grad:linear-gradient(135deg, #5ee9b5 0%, #34d399 45%, #00d3bd 100%);--font-sans:"Instrument Sans", system-ui, sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--void);color:var(--ice);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input{appearance:none}::selection{background:#34d39947}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mist);font-size:10px;font-weight:500}*{scrollbar-width:thin;scrollbar-color:#34d39940 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#34d39938;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.terminal{background:var(--void);flex-direction:column;height:100%;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#0a0c0eeb;flex-shrink:0;grid-template-columns:minmax(180px,1fr) minmax(280px,1.2fr) minmax(160px,1fr);align-items:center;gap:16px;padding:12px 18px;display:grid}.brand{color:inherit;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.brand img{object-fit:cover;border-radius:9px;flex-shrink:0;box-shadow:0 0 0 1px #34d39938,0 8px 20px -10px #34d39973}.brand .name{letter-spacing:-.02em;font-size:15px;font-weight:500}.brand .tag{font-family:var(--font-serif);color:var(--print-bright);letter-spacing:.01em;margin-top:1px;font-size:12px;font-style:italic}.session-center{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.session-pill{border:1px solid var(--line);background:#0001018c;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:7px 14px;font-size:12px;display:flex}.session-pill .sep{background:var(--line-strong);width:1px;height:12px}.session-pill .muted{color:var(--session)}.phase-name{letter-spacing:-.01em;color:var(--fog);font-weight:500}.phase-name.commit{color:var(--print-bright)}.phase-name.reveal{color:#fcd34d}.phase-name.cleared{color:var(--session)}.live{font-family:var(--font-mono);letter-spacing:.1em;color:var(--fog);align-items:center;gap:6px;font-size:10px;display:inline-flex}.live i{background:var(--print);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse-dot;display:block;box-shadow:0 0 0 3px #34d39933}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #34d3992e}50%{box-shadow:0 0 0 5px #34d39914}}.session-track{background:#ffffff0f;border-radius:3px;width:min(320px,100%);height:3px;overflow:hidden}.session-fill{background:linear-gradient(90deg,#34d399,#5ee9b5);border-radius:3px;height:100%;transition:width .2s linear;box-shadow:0 0 12px #34d39973}.session-fill.reveal{background:linear-gradient(90deg,#fbbf24,#fcd34d);box-shadow:0 0 12px #fbbf2459}.session-fill.cleared{background:linear-gradient(90deg,#38bdf8,#77d4ff);box-shadow:0 0 12px #38bdf859}.top-meta{justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.top-meta .pair{color:var(--fog)}.demo{color:var(--print-bright);letter-spacing:.05em;text-transform:uppercase;background:#34d39914;border:1px solid #34d39940;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:500}.mode-switch{border:1px solid var(--line);background:#00010173;border-radius:999px;display:inline-flex;overflow:hidden}.mode-switch button{appearance:none;color:var(--fog);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:10px}.mode-switch button.on{color:var(--print-bright);background:#34d39924}.wallet-btn{appearance:none;color:var(--print-bright);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#34d3991a;border:1px solid #34d39959;border-radius:999px;padding:5px 10px;font-size:10px}.wallet-btn:disabled{opacity:.55;cursor:wait}.wallet-btn:hover:not(:disabled){background:#34d3992e}.chain-banner{font-family:var(--font-mono);color:#fca5a5;background:#7f1d1d40;border-bottom:1px solid #f8717133;flex-shrink:0;padding:8px 18px;font-size:11px}.chain-banner--info{color:#ffffffb8;background:#34d39914;border-bottom-color:#34d39933}.chain-banner--info b{color:var(--print-bright);font-weight:500}.chain-banner--info a{color:var(--print-bright);text-underline-offset:2px;text-decoration:underline}.grid{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(340px,400px);gap:0;min-height:0;display:grid}@media (width<=980px){.topbar{grid-template-columns:1fr auto}.session-center{order:3;grid-column:1/-1}.grid{grid-template-columns:1fr;overflow:auto}body{overflow:auto}.terminal{height:auto;min-height:100%}.chart-wrap{min-height:260px!important}.side{border-top:1px solid var(--line)}}.chart-panel{border-right:1px solid var(--line);background:radial-gradient(ellipse 70% 50% at 65% 8%, #34d39917, transparent 55%), radial-gradient(ellipse 45% 35% at 8% 92%, #00d3bd0a, transparent 50%), var(--abyss);flex-direction:column;gap:12px;min-height:0;padding:18px 18px 14px;display:flex}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.price-block .px{letter-spacing:-.035em;align-items:baseline;gap:12px;margin-top:4px;font-size:36px;font-weight:500;line-height:1.1;display:flex}.price-block .delta{letter-spacing:0;font-size:14px;font-weight:500}.price-block .delta.up{color:var(--print-bright)}.price-block .delta.down{color:var(--risk)}.last-print{color:var(--mist);margin-top:6px;font-size:12px}.last-print b{color:var(--print-bright);font-weight:500}.stats{flex-wrap:wrap;gap:8px;display:flex}.stat{border:1px solid var(--line);background:#00010166;border-radius:12px;min-width:88px;padding:10px 12px}.stat .val{letter-spacing:-.02em;margin-top:4px;font-size:16px;font-weight:500}.stat .print{color:var(--print-bright)}.stat .session{color:var(--session)}.stat .phase-reveal{color:#fcd34d}.stat .phase-cleared{color:var(--session)}.stat-sub{color:var(--mist);margin-top:3px;font-size:10px}.chart-wrap{flex:1;min-height:300px;position:relative}.chart{background:linear-gradient(#34d39909 0%,#0000 40%),#0001018c;border:1px solid #34d3991f;border-radius:14px;width:100%;height:100%;display:block;box-shadow:inset 0 1px #ffffff0a,0 24px 50px -32px #000000b3}.phase-bar{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.phase-bar .seg{text-align:left;border:1px solid var(--line);letter-spacing:.01em;color:var(--mist);transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);background:#0f0f128c;border-radius:10px;flex-direction:column;gap:3px;padding:11px 12px 14px;font-size:11px;font-weight:500;display:flex;position:relative;overflow:hidden}.phase-bar .seg-label{letter-spacing:.02em;font-size:12px;font-weight:600}.phase-bar .seg-sub{color:var(--mist);opacity:.9;font-size:10px;font-weight:400}.phase-bar .seg.on .seg-sub{color:var(--print-bright);opacity:.85}.phase-bar .seg i{background:linear-gradient(90deg,#34d399,#5ee9b5);height:2px;transition:width .2s linear;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #34d39980}.phase-bar .seg.on{color:var(--print-bright);background:#34d39914;border-color:#34d39961}.phase-bar .seg.done{color:var(--fog);border-color:#34d39926}.tape{border:1px solid var(--line);background:#00010159;border-radius:12px;overflow:hidden}.tape-head{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 12px;display:flex}.tape-row{scrollbar-width:thin;gap:8px;padding:8px 10px;display:flex;overflow-x:auto}.tape-item{background:#34d3990a;border:1px solid #34d3991f;border-radius:8px;flex:none;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.tape-item .side{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.tape-item .px{color:var(--print-bright)}.tape-item .t{color:var(--mist);font-size:10px}.tape-empty{color:var(--mist);padding:4px 6px;font-size:12px}.side{background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.drop-panel{border-bottom:1px solid var(--line);transition:box-shadow .4s var(--ease);padding:16px 16px 14px}.drop-panel.flash{box-shadow:inset 0 0 0 1px #34d39959}.drop-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.drop-sub{color:var(--mist);max-width:220px;margin-top:4px;font-size:11px;line-height:1.4}.sol-flow{border:1px solid var(--line);background:#00010166;border-radius:12px;align-items:center;gap:4px;margin:0 0 14px;padding:8px 10px;list-style:none;display:flex}.sol-flow li{align-items:center;gap:7px;min-width:0;display:flex}.sol-flow li.arrow{color:var(--mist);opacity:.5;padding:0 1px;font-size:11px}.sol-flow .n{width:18px;height:18px;font-family:var(--font-mono);border:1px solid var(--line);color:var(--mist);border-radius:50%;flex-shrink:0;place-items:center;font-size:9px;display:grid}.sol-flow .col{flex-direction:column;gap:1px;min-width:0;display:flex}.sol-flow .t{color:var(--fog);font-size:11px;font-weight:600;line-height:1.1}.sol-flow .d{color:var(--mist);font-size:9px;font-family:var(--font-mono);letter-spacing:.02em}.sol-flow li.on .n{color:var(--print-bright);background:#34d3992e;border-color:#34d39980;box-shadow:0 0 10px #34d39940}.sol-flow li.on .t{color:var(--print-bright)}.sol-flow li.done .n{color:var(--print);border-color:#34d39940}.sol-flow li.done .t{color:var(--fog)}.limit-actions{align-items:center;gap:8px;display:flex}.linkish.dim{opacity:.55}.vs-surface{margin-top:2px;font-size:10px}.vs-surface.up{color:var(--print-bright)}.vs-surface.down{color:var(--risk)}.size-row{grid-template-columns:40px 1fr 40px}.size-input-wrap{align-items:center;min-width:0;display:flex;position:relative}.size-input-wrap input{border:1px solid var(--line);background:var(--abyss);border-radius:10px;outline:none;width:100%;padding:12px 44px 12px 14px;font-size:14px}.size-input-wrap input:focus{border-color:#34d39973}.size-unit{color:var(--print-bright);opacity:.75;pointer-events:none;font-size:11px;position:absolute;right:12px}.presets-6{grid-template-columns:repeat(6,1fr)}.max-sol{align-self:flex-start;margin-top:6px}.flow-hint{color:var(--session);letter-spacing:.02em;margin-top:10px;font-size:10px}.btn-drop.busy{opacity:.7;cursor:wait}.phase-chip{font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 9px;display:inline-flex}.phase-chip.open{color:var(--print-bright);background:#34d3991a;border:1px solid #34d3994d}.phase-chip.open i{background:var(--print);border-radius:50%;width:6px;height:6px;display:block}.phase-chip.wait{border:1px solid var(--line);color:var(--session);background:#0000004d}.side-toggle{background:var(--abyss);border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px;padding:4px;display:grid}.side-toggle button{color:var(--fog);transition:background .15s var(--ease), color .15s var(--ease);border-radius:8px;padding:10px;font-size:13px;font-weight:500}.side-toggle button.off:hover{color:var(--ice);background:#ffffff0a}.side-toggle button.on.buy{color:var(--print-bright);background:#34d39929;box-shadow:inset 0 0 0 1px #34d39933}.side-toggle button.on.sell{color:var(--risk);background:#ff667f24;box-shadow:inset 0 0 0 1px #ff667f33}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field-top{justify-content:space-between;align-items:center;display:flex}.field-top .faint{color:var(--mist);font-size:10px}.linkish{font-family:var(--font-mono);color:var(--print-bright);opacity:.85;font-size:10px}.linkish:hover{opacity:1;text-decoration:underline}.input-row{grid-template-columns:40px 1fr 40px;gap:6px;display:grid}.input-row .step{border:1px solid var(--line);background:var(--abyss);color:var(--fog);border-radius:10px;font-size:16px;line-height:1}.input-row .step:hover{color:var(--print-bright);border-color:#34d3994d}.field input{border:1px solid var(--line);background:var(--abyss);width:100%;transition:border-color .15s var(--ease);border-radius:10px;outline:none;padding:12px 14px;font-size:14px}.field input:focus{border-color:#34d39973}.presets{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:2px;display:grid}.presets button{border:1px solid var(--line);font-family:var(--font-mono);color:var(--fog);background:#00000040;border-radius:7px;padding:6px 0;font-size:10px}.presets button:hover{color:var(--print-bright);border-color:#34d3994d}.presets button.on{color:var(--print-bright);background:#34d3991a;border-color:#34d39966}.drop-meta{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px;display:grid}.drop-meta>div{border:1px solid var(--line);background:#00010159;border-radius:9px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.drop-meta .val{color:var(--ice);font-size:12px}.drop-meta .commit{color:var(--session);text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-drop{background:var(--brand-grad);color:#000;letter-spacing:.02em;width:100%;transition:opacity .15s var(--ease), transform .15s var(--ease);border-radius:999px;padding:13px;font-size:13px;font-weight:600}.btn-drop:hover:not(:disabled){opacity:.93;transform:translateY(-1px)}.btn-drop:disabled{opacity:.38;cursor:not-allowed;transform:none}.btn-drop.sell:not(:disabled){background:linear-gradient(135deg,#ff8a9a 0%,#ff667f 50%,#e84d68 100%)}.err{color:var(--risk);margin-top:10px;font-size:11px}.ok{color:var(--print-bright);margin-top:10px;font-size:11px}.depth-card{border-bottom:1px solid var(--line);background:radial-gradient(80% 100% at 50% 0,#34d3990f,#0000 70%),0 0;padding:14px 16px}.depth-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.depth-head .faint{color:var(--mist);font-size:10px}.depth-meter{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;height:8px;overflow:hidden}.depth-fill{height:100%;transition:width .5s var(--ease);background:linear-gradient(90deg,#0d3d2c,#34d399 55%,#5ee9b5);border-radius:8px;box-shadow:0 0 14px #34d39959}.depth-stats{justify-content:space-between;gap:12px;margin-top:10px;display:flex}.depth-stats>div{flex-direction:column;gap:3px;display:flex}.depth-stats .mono{font-size:13px}.depth-note{color:var(--mist);margin-top:10px;font-size:11px;line-height:1.45}.blotter{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.blotter-head{justify-content:space-between;padding:12px 16px 8px;display:flex}.blotter .empty{color:var(--mist);padding:20px 16px;font-size:13px;line-height:1.45}.blotter-table{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bt-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mist);grid-template-columns:52px 1fr 64px 1fr 52px;gap:6px;padding:0 14px 6px;font-size:9px;display:grid}.blotter ul{flex:1;padding:0 10px 14px;list-style:none;overflow:auto}.blotter li{border:1px solid var(--line);background:#00010159;border-radius:10px;grid-template-columns:52px 1fr 64px 1fr 52px;align-items:center;gap:6px;margin-bottom:6px;padding:10px 8px;font-size:12px;display:grid}.blotter li.yours{background:#34d3990d;border-color:#34d39938}.blotter li.ghost{opacity:.72}.blotter li.filled{border-color:#34d3992e}.pool-tag{color:var(--mist);margin-left:3px;font-size:9px;font-style:normal}.side.buy{color:var(--print-bright);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.side.sell{color:var(--risk);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.st{font-size:11px;font-weight:500}.st.committed{color:var(--session)}.st.revealed{color:#fcd34d}.st.filled{color:var(--print-bright)}.st.unfilled,.st.pulled{color:var(--mist)}.actions{justify-content:flex-end;display:flex}.actions .id{color:var(--mist);font-size:10px}.pull{color:var(--risk);border:1px solid #ff667f4d;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:500}.pull:hover{background:#ff667f1a}.print{color:var(--print-bright);font-size:10px}.foot{border-top:1px solid var(--line);color:var(--fog);background:#00010199;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;font-size:11px;display:flex}.foot .muted{color:var(--mist)}@media (width<=720px){.foot{flex-wrap:wrap;gap:4px}.bt-head,.blotter li{grid-template-columns:48px 1fr 56px 1fr 44px}}
