:root{--bg:#05080b;--panel:#0a1015;--panel-2:#0d151b;--raised:#111c24;--line:#1b2832;--line-strong:#273846;--text:#d8e4ee;--text-dim:#8095a6;--text-faint:#5d7080;--up:#2ecc9a;--down:#ff5f6d;--accent:#45cbdd;--accent-dim:#1d7f8c;--warn:#e6be3c;--radius:6px;--radius-sm:4px;--header-h:3.25rem;--font-ui:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--font-num:ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace;font-family:var(--font-ui);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--bg);margin:0}h1,h2,h3,h4,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h2{font-size:1.15rem}h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.82rem;font-weight:600}h4{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.78rem;font-weight:600}code{font-family:var(--font-num)}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .3rem;font-size:.65rem;font-weight:600}.lede{color:var(--text-dim)}.shell{width:min(1760px,100%);margin:0 auto;padding:0 .75rem 1.5rem}.topbar{z-index:40;min-height:var(--header-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05080beb;align-items:center;gap:1.25rem;margin:0 -.75rem .75rem;padding:0 .9rem;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:.6rem;display:flex}.brand-mark{object-fit:contain;width:1.9rem;height:1.9rem}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-name{letter-spacing:.01em;font-size:.95rem;font-weight:700}.brand-tag{color:var(--text-faint);letter-spacing:.08em;font-size:.68rem}.ticker{scrollbar-width:none;flex:auto;align-items:center;gap:1.4rem;min-width:0;display:flex;overflow-x:auto}.ticker::-webkit-scrollbar{display:none}.tick{flex-direction:column;flex:none;gap:.05rem;display:flex}.tick-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-size:.62rem}.tick-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.tick-value.pos,.pos{color:var(--up)}.tick-value.neg,.neg{color:var(--down)}.tick-value.warn,.warn{color:var(--warn)}.nav{flex:none;gap:.3rem;display:flex}.nav-btn,.ghost,.primary,.chip-btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--raised);color:var(--text);padding:.42rem .75rem;font-size:.8rem;font-weight:500;transition:border-color .12s,background .12s,color .12s}.nav-btn:hover,.ghost:hover,.chip-btn:hover{border-color:var(--accent-dim);color:#fff}.nav-btn.active{border-color:var(--accent-dim);color:var(--accent);background:#45cbdd1f}.primary{background:var(--accent);color:#04191d;border-color:#0000;font-weight:600}.primary:hover{background:#63dced}.ghost.small,.nav-btn.small{padding:.25rem .5rem;font-size:.72rem}button:disabled{opacity:.45;cursor:not-allowed}.count-pill{font-family:var(--font-num);color:var(--text-dim);border:1px solid var(--line);border-radius:999px;padding:.05rem .45rem;font-size:.72rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;gap:.6rem;min-width:0;padding:.7rem .8rem .8rem;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:.75rem;min-height:1.6rem;display:flex}.trend{font-family:var(--font-num);font-size:.78rem;font-weight:600}.empty-state{color:var(--text-faint);font-size:.82rem}.maintenance-panel{align-items:flex-start;gap:.75rem;margin-top:2rem}.connectivity-banner{border-radius:var(--radius);color:var(--warn);background:#e6be3c12;border:1px solid #e6be3c59;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.vending-layout{grid-template-columns:minmax(360px,1fr) minmax(280px,.75fr);grid-template-areas:"buy stock""history history";align-items:start;gap:.75rem;display:grid}.buy-panel{grid-area:buy}.stock-panel{top:calc(var(--header-h) + .75rem);grid-area:stock;position:sticky}.history-stack{grid-area:history;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.status-tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.1rem .5rem;font-size:.66rem;font-weight:700}.status-tag.pos{color:var(--up)}.status-tag.neg{color:var(--down)}.status-tag.warn{color:var(--warn)}.price-block{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);gap:.15rem;padding:.7rem .8rem;display:grid}.price-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.9rem;line-height:1.1}.price-unit{color:var(--text-faint);font-size:.72rem}.price-block.locked{background:var(--bg);border-style:dashed}.price-block.locked .price-value{color:var(--text-dim)}.lock-badge{opacity:.75;margin-left:.25rem;font-size:.7rem}.field-hint{color:var(--text-faint);letter-spacing:.04em;text-transform:none;margin-left:.4rem;font-size:.62rem;font-weight:500}.swap-field.readonly{background:var(--bg);border-style:dashed}.swap-field.readonly input,.swap-field input:disabled{color:var(--text-faint);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--text-faint)}.swap-field.readonly .token-pill{opacity:.7}.presets{flex-wrap:wrap;gap:.35rem;display:flex}.order-lines{gap:.3rem;display:grid}.order-line{color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.78rem;display:flex}.order-line strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--text)}.order-line.total{border-top:1px solid var(--line);margin-top:.15rem;padding-top:.35rem;font-size:.85rem}.order-line.total strong{font-size:1rem}.order-line.warn strong{color:var(--warn)}.order-card{border:1px solid var(--line-strong);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel-2);gap:.6rem;padding:.7rem .75rem;display:grid}.order-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.order-head .eyebrow{margin:0}.order-id{color:var(--text-faint);font-size:.7rem}.order-note{color:var(--text-dim);font-size:.78rem;line-height:1.5}.order-note strong{color:var(--text)}.stock-figure{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);gap:.1rem;padding:.7rem .8rem;display:grid}.stock-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--up);font-size:1.6rem;line-height:1.1}.stock-value small{color:var(--text-dim);font-size:.9rem}.stock-value.unknown{color:var(--text-faint);font-size:1.1rem}.stock-updated{color:var(--text-faint);font-size:.7rem}.settlement-row.static{cursor:default;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}.settlement-row.static:hover{border-color:#0000}@media (width<=1080px){.vending-layout{grid-template-columns:1fr;grid-template-areas:"buy""stock""history"}.stock-panel{position:static}.history-stack{grid-template-columns:1fr}}.desk-layout{grid-template-columns:minmax(270px,.85fr) minmax(0,2fr) minmax(340px,1fr);grid-template-areas:"book chart swap""book activity swap""settlements settlements settlements";align-items:start;gap:.75rem;display:grid}.book-panel{grid-area:book}.chart-panel{grid-area:chart}.swap-panel{grid-area:swap}.activity-panel{grid-area:activity}.settlements-panel{grid-area:settlements}.book-panel,.swap-panel{top:calc(var(--header-h) + .75rem);max-height:calc(100vh - var(--header-h) - 1.5rem);scrollbar-width:thin;align-self:start;position:sticky;overflow-y:auto}.wallet-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.chart-body{grid-template:"plot scale"minmax(240px,1fr)"times."1rem/minmax(0,1fr) 68px;gap:.35rem;min-height:280px;display:grid}.chart-plot{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);grid-area:plot;min-width:0;min-height:0;position:relative;overflow:hidden}.candlestick-chart{display:block}.chart-gridline{stroke:var(--line);stroke-width:1px;stroke-dasharray:2 4}.chart-wick{stroke-width:1.5px}.candle.up .chart-wick,.candle.up .chart-candle-body{stroke:var(--up);fill:var(--up)}.candle.down .chart-wick,.candle.down .chart-candle-body{stroke:var(--down);fill:var(--down)}.chart-empty{text-align:center;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.chart-scale{grid-area:scale;position:relative}.chart-scale span{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap;font-size:.68rem;position:absolute;right:0;transform:translateY(-50%)}.chart-times{grid-area:times;position:relative}.chart-times span{font-family:var(--font-num);color:var(--text-faint);white-space:nowrap;font-size:.66rem;position:absolute;transform:translate(-50%)}.depth-header,.depth-row,.depth-mid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:.5rem;padding:.22rem .45rem;display:grid}.depth-header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line);padding-bottom:.4rem;font-size:.65rem}.depth-header span:not(:first-child),.depth-row span:not(:first-child),.depth-mid span:not(:first-child){text-align:right}.depth-side{scrollbar-width:thin;flex-direction:column;gap:1px;min-height:2rem;max-height:15rem;display:flex;overflow-y:auto}.depth-side.asks>:first-child{margin-top:auto}.depth-row{color:var(--text);text-align:left;font-family:var(--font-num);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:2px;font-size:.76rem;position:relative}.depth-row:before{content:"";width:var(--depth-width,0%);opacity:.16;border-radius:2px;position:absolute;inset:0 0 0 auto}.depth-row.ask:before{background:var(--down)}.depth-row.bid:before{background:var(--up)}.depth-row span{z-index:1;position:relative}.depth-row .price{font-weight:600}.depth-row.ask .price{color:var(--down)}.depth-row.bid .price{color:var(--up)}.depth-row:hover{background:var(--raised)}.depth-empty{padding:.35rem .45rem;font-size:.75rem}.depth-mid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);padding-block:.4rem}.depth-mid strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--text);font-size:1.05rem}.mid-change{font-family:var(--font-num);color:var(--up);font-size:.76rem;font-weight:600}.mid-change.down{color:var(--down)}.swap-sides{border:1px solid var(--line-strong);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.swap-side{background:var(--panel-2);color:var(--text-dim);letter-spacing:.03em;border:0;padding:.5rem;font-size:.82rem;font-weight:600}.swap-side.buy.active{color:var(--up);background:#2ecc9a29}.swap-side.sell.active{color:var(--down);background:#ff5f6d24}.selected-offer{border:1px solid var(--accent-dim);border-radius:var(--radius-sm);background:#45cbdd0f;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.55rem .65rem;font-size:.8rem;display:flex}.selected-offer strong{margin-bottom:.15rem;display:block}.selected-offer p:last-of-type{color:var(--text-dim)}.selected-offer-id{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-faint);margin-top:.2rem;font-size:.68rem;display:block;overflow:hidden}.swap-fields{gap:1px;display:grid;position:relative}.swap-field{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);gap:.3rem;padding:.6rem .7rem;display:grid}.swap-field label{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:600}.swap-field-row,.swap-field-meta{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.swap-field input{min-width:0;color:var(--text);font-family:var(--font-num);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0;font-size:1.55rem;line-height:1.15}.token-pill{border:1px solid var(--line-strong);border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.2rem .6rem .2rem .2rem;font-size:.8rem;font-weight:600;display:flex}.asset-icon{border-radius:50%;flex:none;place-items:center;width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:700;display:inline-grid}.thought-icon{color:#04222a;background:linear-gradient(135deg,#8ee6f0,#1f91a7)}.usdt-icon{color:#03291f;background:linear-gradient(135deg,#85eac1,#21aa7b)}.swap-field-meta{font-family:var(--font-num);color:var(--text-faint);font-size:.72rem}.swap-field-meta button{color:var(--accent);letter-spacing:.06em;background:0 0;border:0;padding:0;font-size:.7rem;font-weight:700}.swap-direction{z-index:1;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--raised);width:1.9rem;height:1.9rem;color:var(--accent);font-size:.9rem;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.swap-wallet-fields{gap:.55rem;display:grid}.seller-price{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.6rem;padding:.4rem .6rem;font-size:.72rem;display:flex}.seller-price strong{font-family:var(--font-num);color:var(--text);text-align:right;text-transform:none;letter-spacing:0;font-size:.8rem}.swap-wallet-fields label,.action-card label,.wallet-entry label{color:var(--text-dim);gap:.25rem;font-size:.72rem;font-weight:500;display:grid}input,select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-2);width:100%;color:var(--text);font-family:var(--font-num);padding:.45rem .55rem;font-size:.78rem}input::placeholder{color:var(--text-faint)}input:focus{border-color:var(--accent-dim);outline:none}input.valid{border-color:#2ecc9ab3}input.invalid{border-color:#ff5f6db3}.toggle,.partial-fill-toggle{color:var(--text-dim);align-items:center;gap:.45rem;font-size:.75rem;display:flex}.toggle input,.partial-fill-toggle input{width:auto;accent-color:var(--accent)}.swap-address-note{color:var(--text-faint);font-size:.72rem;line-height:1.4}.error{color:var(--down);font-size:.75rem}.success,.field-ok{color:var(--up);font-size:.75rem}.form-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.form-buttons .primary,.form-buttons .ghost{text-align:center;flex:auto}.more-options{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);gap:.5rem;padding:.5rem .6rem;display:grid}.more-options summary{cursor:pointer;color:var(--text-dim);font-size:.75rem;font-weight:600}.more-options[open] summary{margin-bottom:.1rem}.market-price-info{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);font-family:var(--font-num);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.72rem;display:flex}.market-price-ask{color:var(--down)}.market-price-bid{color:var(--up)}.market-price-spread{color:var(--text-faint)}.fee-breakdown{border-radius:var(--radius-sm);background:#e6be3c0d;border:1px solid #e6be3c47;gap:.25rem;padding:.45rem .6rem;display:grid}.fee-breakdown-row{color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.72rem;display:flex}.fee-breakdown-row strong{font-family:var(--font-num);white-space:nowrap}.fee-breakdown-row.net{color:var(--text);font-weight:600}.connect-wallet{border-radius:var(--radius-sm);background:var(--accent);color:#04191d;letter-spacing:.02em;border:0;padding:.7rem;font-size:.9rem;font-weight:700}.connect-wallet:hover:not(:disabled){background:#63dced}.swap-note{color:var(--text-faint);font-size:.72rem;line-height:1.5}.swap-note strong{color:var(--text-dim)}.seller-stepper{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.seller-step{text-align:center;opacity:.4;flex-direction:column;align-items:center;gap:.25rem;display:flex}.seller-step.active,.seller-step.done{opacity:1}.seller-step-num{background:var(--raised);width:1.35rem;height:1.35rem;color:var(--text-dim);font-family:var(--font-num);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.seller-step.active .seller-step-num{background:var(--accent);color:#04191d}.seller-step.done .seller-step-num{background:var(--up);color:#04241a}.seller-step-label{color:var(--text-faint);font-size:.63rem;line-height:1.2}.action-card{border:1px solid var(--line-strong);border-left:2px solid var(--accent);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-dim);gap:.5rem;padding:.65rem .7rem;font-size:.78rem;display:grid}.action-card>strong:first-child{color:var(--text);font-size:.85rem}.action-card p{line-height:1.5}.action-card strong{color:var(--text)}.copy-address{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);align-items:center;gap:.4rem;padding:.3rem .4rem;display:flex}.copy-address code{overflow-wrap:anywhere;min-width:0;color:var(--text);flex:auto;font-size:.72rem}.copy-btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:0 0;flex:none;padding:.1rem .4rem;font-size:.66rem;font-weight:600}.copy-btn:hover{border-color:var(--accent-dim)}.trade-list{scrollbar-width:thin;gap:.4rem;max-height:22rem;display:grid;overflow-y:auto}.trade-card{border:1px solid var(--line);border-left:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel-2);grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,.9fr);align-items:center;gap:.75rem;padding:.45rem .6rem;font-size:.76rem;display:grid}.trade-card-main{min-width:0}.trade-id{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.72rem;display:block;overflow:hidden}.trade-status-line{color:var(--text-faint);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.trade-card-amounts strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;display:block}.trade-card-amounts p{font-family:var(--font-num);color:var(--text-faint);font-size:.72rem}.trade-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.trade-hint{color:var(--text-faint);font-size:.7rem}.trade-in-progress{border-left-color:var(--warn)}.trade-complete{border-left-color:var(--accent-dim)}.trade-spinner{border:2px solid #45cbdd33;border-top-color:var(--accent);border-radius:999px;flex:none;width:.6rem;height:.6rem;animation:.9s linear infinite trade-spin}@keyframes trade-spin{to{transform:rotate(360deg)}}.explorer-link{color:var(--accent);white-space:nowrap;font-size:.72rem;text-decoration:none}.explorer-link:hover{text-decoration:underline}.settlements{gap:2px;display:grid}.settlement-header,.settlement-row{text-align:left;grid-template-columns:minmax(0,1.5fr) 4rem repeat(3,minmax(0,1fr)) 1.5rem;align-items:center;gap:.75rem;padding:.35rem .5rem;display:grid}.settlement-header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line);font-size:.65rem}.settlement-row{border-radius:var(--radius-sm);background:var(--panel-2);width:100%;color:var(--text);font-family:var(--font-num);font-variant-numeric:tabular-nums;border:1px solid #0000;font-size:.75rem}.settlement-row:hover{border-color:var(--line-strong)}.settlement-header span:nth-child(n+3):not(:last-child),.settlement-row span:nth-child(n+3):not(:last-child){text-align:right}.side-tag{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}.side-tag.buy{color:var(--up)}.side-tag.sell{color:var(--down)}.settlement-toggle{color:var(--text-faint);text-align:right;font-size:.6rem}.settlement-detail{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);gap:.6rem;padding:.6rem .7rem;display:grid}.settlement-trade-id{color:var(--text-faint);font-size:.7rem}.settlement-detail-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.settlement-detail-group{border:1px solid var(--line);border-radius:var(--radius-sm);align-content:start;gap:.25rem;padding:.5rem .6rem;display:grid}.settlement-line{color:var(--text-dim);justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.2rem;font-size:.76rem;display:flex}.settlement-line strong{font-family:var(--font-num);color:var(--text)}.settlement-line.fee,.settlement-line.fee strong{color:var(--warn)}.wallet-entry{gap:.5rem;display:flex}.wallet-entry .primary{flex:none}.watch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.watch-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);align-content:start;gap:.3rem;padding:.6rem;font-size:.75rem;display:grid}.watch-card span{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem}.watch-card strong{font-family:var(--font-num);overflow-wrap:anywhere;font-size:.78rem}.watch-card small{color:var(--text-faint)}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip-btn{font-family:var(--font-num);padding:.2rem .5rem;font-size:.7rem}.wallet-trade-groups{gap:.85rem;display:grid}.wallet-trade-group{gap:.5rem;display:grid}.drawer-scrim{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.drawer{z-index:61;border-left:1px solid var(--line-strong);background:var(--panel);flex-direction:column;width:min(560px,100%);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #00000080}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.drawer-head h3{color:var(--text)}.drawer-tabs{border-bottom:1px solid var(--line);gap:.15rem;padding:0 1rem;display:flex}.drawer-tab{color:var(--text-faint);background:0 0;border:0;border-bottom:2px solid #0000;padding:.5rem .7rem;font-size:.78rem;font-weight:600}.drawer-tab:hover{color:var(--text)}.drawer-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.drawer-body{flex:auto;align-content:start;gap:1rem;padding:1rem;display:grid;overflow-y:auto}.guide{gap:1.15rem;display:grid}.guide-block{gap:.5rem;display:grid}.guide-block h4{color:var(--text);letter-spacing:.08em}.guide-steps,.checklist{color:var(--text-dim);gap:.55rem;font-size:.8rem;line-height:1.55;display:grid}.guide-steps{counter-reset:guide-step}.guide-steps li{counter-increment:guide-step;padding-left:1.9rem;position:relative}.guide-steps li:before{content:counter(guide-step);border:1px solid var(--accent-dim);width:1.35rem;height:1.35rem;color:var(--accent);font-family:var(--font-num);border-radius:50%;place-items:center;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:.05rem;left:0}.checklist li{padding-left:1.1rem;position:relative}.checklist li:before{content:"▸";color:var(--accent);position:absolute;left:0}.guide-steps strong,.checklist strong{color:var(--text)}.guide-note{color:var(--text-dim);font-size:.8rem;line-height:1.6}.guide-prompt{border:1px solid var(--accent-dim);border-radius:var(--radius-sm);background:#45cbdd12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem .65rem;display:flex}.guide-prompt strong{font-size:.82rem}.guide-prompt p{color:var(--text-dim);font-size:.73rem}.guide-prompt-actions{flex:none;gap:.35rem;display:flex}.primary.small{padding:.25rem .5rem;font-size:.72rem}.settlement-flow{gap:.4rem;display:grid}.flow-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);align-items:flex-start;gap:.65rem;padding:.6rem;display:flex}.flow-number{border:1px solid var(--accent-dim);width:1.5rem;height:1.5rem;color:var(--accent);font-family:var(--font-num);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:grid}.flow-step strong{color:var(--text);font-size:.85rem}.flow-step p{color:var(--text-dim);margin-top:.25rem;font-size:.8rem;line-height:1.55}.flow-step.active{background:#e6be3c12;border-color:#e6be3c80}.flow-step.active .flow-number{border-color:var(--warn);background:var(--warn);color:#241d02}.flow-step.done{opacity:.6}.flow-step.done .flow-number{border-color:var(--up);background:var(--up);color:#04241a}.fee-explainer{border-top:1px solid var(--line);color:var(--text-dim);padding-top:.75rem;font-size:.8rem;line-height:1.6}.fee-explainer.warning{border-radius:var(--radius-sm);background:#ff5f6d0f;border:1px solid #ff5f6d59;padding:.7rem}.fee-explainer.warning .eyebrow{color:var(--down)}.fee-explainer ul{gap:.5rem;margin:.5rem 0 0;padding-left:1.1rem;list-style:outside;display:grid}.fee-explainer strong{color:var(--text)}@media (width<=1280px){.desk-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);grid-template-areas:"chart swap""book swap""activity swap""settlements settlements"}.book-panel{max-height:none;position:static;overflow:visible}.depth-side{max-height:12rem}.wallet-layout{grid-template-columns:1fr}}@media (width<=820px){.desk-layout{grid-template-columns:1fr;grid-template-areas:"swap""chart""book""activity""settlements"}.swap-panel{max-height:none;position:static;overflow:visible}.topbar{flex-wrap:wrap;gap:.6rem 1rem;padding-block:.5rem}.ticker{order:3;gap:1rem;width:100%}.nav{margin-left:auto}.chart-body{grid-template-rows:200px 1rem;grid-template-columns:minmax(0,1fr) 56px;min-height:0}.settlement-header{display:none}.settlement-row{grid-template-columns:minmax(0,1fr) auto;row-gap:.15rem}.settlement-detail-columns,.watch-grid{grid-template-columns:1fr}.trade-card{grid-template-columns:minmax(0,1fr) auto;row-gap:.3rem}.trade-links{grid-column:1/-1;justify-content:flex-start}}.toaster{top:calc(var(--header-h) + .5rem);z-index:80;pointer-events:none;flex-direction:column;gap:.5rem;max-width:380px;display:flex;position:fixed;right:.75rem}.toast{border-radius:var(--radius-sm);background:var(--raised);border:1px solid var(--line-strong);pointer-events:auto;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.78rem;display:flex;box-shadow:0 12px 30px #00000073}.toast__icon{border-radius:50%;flex:none;place-items:center;width:1.2rem;height:1.2rem;font-size:.7rem;font-weight:800;display:grid}.toast--success .toast__icon{color:var(--up);background:#2ecc9a2e}.toast--error .toast__icon{color:var(--down);background:#ff5f6d2e}.toast--warning .toast__icon{color:var(--warn);background:#e6be3c2e}.toast__message{color:var(--text);flex:1;line-height:1.4}.toast__close{color:var(--text-faint);background:0 0;border:0;flex:none;padding:0 .15rem;font-size:1.1rem;line-height:1}.toast__close:hover{color:var(--text)}
