:root{--bg:#0b0e14;--bg-panel:#111722;--bg-surface:#151c28;--bg-hover:#1a2233;--bg-input:#0d1117;--border:rgba(134,152,170,.12);--border-strong:rgba(134,152,170,.22);--text:#e1e7ef;--text-secondary:#8b95a5;--text-muted:#565e6c;--accent:#7c5ce0;--accent-glow:rgba(124,92,224,.15);--buy:#00c076;--buy-bg:rgba(0,192,118,.08);--buy-border:rgba(0,192,118,.25);--sell:#ff4d4f;--sell-bg:rgba(255,77,79,.08);--sell-border:rgba(255,77,79,.25);--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--font-mono);font-size:12px;font-feature-settings:"tnum" 1}.text-muted{color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:32px 24px 80px}header.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:48px;background:rgba(11,14,20,.92);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--border)}.nav-inner{max-width:100%;margin:0 auto;display:flex;align-items:center;gap:4px;padding:0 16px;height:100%}.nav-brand{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text);letter-spacing:-.01em;margin-right:8px}.nav-brand,.nav-brand:hover{text-decoration:none}.nav-brand .tag{font-size:9px;font-weight:700;letter-spacing:.08em;background:rgba(124,92,224,.12);color:#a78bff;border:1px solid rgba(124,92,224,.25);padding:1px 6px;border-radius:4px}.nav-link{font-size:12px;font-weight:500;color:var(--text-secondary);padding:6px 10px;border-radius:6px;transition:color .1s,background .1s;text-decoration:none;white-space:nowrap}.nav-link:hover{color:var(--text);background:var(--bg-hover);text-decoration:none}.nav-link.active{color:var(--text);background:rgba(124,92,224,.1)}.nav-spacer{flex:1 1}.connect-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-body);transition:filter .1s,transform .1s}.connect-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.wallet-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;padding:5px 12px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text);cursor:default}.wallet-dot{width:7px;height:7px;border-radius:50%;background:var(--buy);flex-shrink:0}.wallet-chain{font-size:9px;font-weight:600;background:rgba(124,92,224,.12);color:#a78bff;border:1px solid rgba(124,92,224,.2);padding:1px 5px;border-radius:3px}.connect-short{display:none}.connect-full{display:inline}.nav-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#151c28;border:1px solid var(--border-strong);border-radius:8px;padding:4px;box-shadow:0 12px 40px rgba(0,0,0,.6);z-index:200}.nav-dropdown .nav-link{display:flex;align-items:center;width:100%;padding:8px 12px;border-radius:6px}.nav-dropdown-divider{height:1px;background:var(--border);margin:4px 8px}.nav-links-desktop{display:contents}.nav-wallet-desktop{display:inline-flex}.nav-hamburger,.nav-mobile-sheet{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border-radius:6px;font-weight:500;font-size:12px;white-space:nowrap;cursor:pointer;font-family:var(--font-body);background:transparent;border:1px solid var(--border-strong);color:var(--text);transition:all .1s}.btn:hover{background:var(--bg-hover);border-color:rgba(134,152,170,.35)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);border:none;color:#fff;font-weight:600}.btn-primary:hover{filter:brightness(1.12);background:var(--accent)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);padding:4px 10px;font-size:11px}.btn-ghost:hover{background:var(--bg-hover);border-color:rgba(134,152,170,.35);color:var(--text)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{border-color:var(--sell-border)}.btn-danger:hover{background:var(--sell-bg);border-color:rgba(255,77,79,.4)}.btn-buy{background:var(--buy);border:none;color:#fff;font-weight:600;font-size:13px;padding:10px 0;border-radius:6px;width:100%;transition:filter .1s,box-shadow .1s}.btn-buy:hover{filter:brightness(1.1);box-shadow:0 0 20px rgba(0,192,118,.2)}.btn-buy:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none}.btn-sell{background:var(--sell);border:none;color:#fff;font-weight:600;font-size:13px;padding:10px 0;border-radius:6px;width:100%;transition:filter .1s,box-shadow .1s}.btn-sell:hover{filter:brightness(1.1);box-shadow:0 0 20px rgba(255,77,79,.2)}.btn-sell:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none}.input,.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text);font-family:var(--font-mono);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s}.input-field::placeholder,.input::placeholder{color:var(--text-muted)}.input-field:focus,.input:focus{border-color:rgba(124,92,224,.5);box-shadow:0 0 0 2px rgba(124,92,224,.08)}.label{font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;letter-spacing:.02em;text-transform:uppercase}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px}.glass{background:rgba(11,14,20,.8);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:1px solid var(--border)}.market-stats{display:flex;align-items:center;gap:0;padding:0;height:48px;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--bg-panel);scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap}.market-stats::-webkit-scrollbar{display:none}.market-stat-item{display:flex;flex-direction:column;gap:1px;flex-shrink:0;padding:0 20px;border-right:1px solid var(--border)}.market-stat-item:last-child{border-right:none}.market-stat-item .stat-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;line-height:1}.market-stat-item .stat-value{font-size:13px;font-weight:600;font-family:var(--font-mono);color:var(--text);line-height:1.4}.market-stat-item .stat-value.positive{color:var(--buy)}.market-stat-item .stat-value.negative{color:var(--sell)}.pair-selector{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:0;border:none;border-right:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font-body);font-weight:700;font-size:15px;cursor:pointer;transition:background .12s ease;flex-shrink:0;line-height:1;height:100%}.pair-selector:hover{background:rgba(134,152,170,.05)}.pair-selector svg{opacity:.4;transition:opacity .12s ease}.pair-selector:hover svg{opacity:.7}.pair-selector-label{white-space:nowrap}.market-stats-divider{display:none}.terminal-layout{display:flex;flex-direction:column;height:calc(100vh - 96px);background:var(--bg)}.terminal-top{display:grid;grid-template-columns:300px 1fr 320px;flex:1 1;min-height:0;overflow:hidden}.terminal-panel{border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.terminal-panel:last-child{border-right:none}.terminal-left{display:flex;flex-direction:column;overflow:hidden}.left-top{flex:1 1;overflow-y:auto;min-height:0}.left-bottom{flex:1 1;display:flex;flex-direction:column;border-top:1px solid var(--border);overflow:hidden;min-height:0}.terminal-orderbook{overflow-y:auto}.terminal-center{display:flex;flex-direction:column;min-width:0}.terminal-right{border-right:none}.terminal-sep{border-top:1px solid var(--border)}.chart-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:rgba(17,23,34,.5);padding:0 12px;flex-shrink:0}.chart-tab{padding:8px 16px;font-size:11px;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .1s,border-color .1s;text-transform:uppercase;letter-spacing:.04em}.chart-tab:hover{color:var(--text-secondary)}.chart-tab.active{color:var(--text);border-bottom-color:var(--accent)}.chart-content{flex:1 1;min-height:0;position:relative;overflow:hidden}.terminal-bottom{border-top:1px solid var(--border);border-right:none;height:280px;min-height:200px;flex-shrink:0}.bottom-tabs{display:flex;gap:0;padding:0 16px;background:rgba(17,23,34,.5);border-bottom:1px solid var(--border);flex-shrink:0}.bottom-tab{padding:10px 20px;font-size:12px;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .1s,border-color .1s;white-space:nowrap}.bottom-tab:hover{color:var(--text-secondary)}.bottom-tab.active{color:var(--text);border-bottom-color:var(--accent)}.bottom-content{flex:1 1;overflow-y:auto;overflow-x:hidden}.bottom-content,.bottom-inner{display:flex;flex-direction:column;min-height:0}.bottom-inner{flex:1 1;overflow:hidden}.oo-actions-bar{display:flex;align-items:center;gap:8px;justify-content:flex-end}.oo-actions-bar,.oo-table-headers{padding:6px 16px;border-bottom:1px solid var(--border)}.oo-table-headers{display:grid;grid-template-columns:60px 1fr 1fr 100px 1fr 70px;grid-gap:4px;gap:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.oo-table-body{overflow-y:auto;flex:1 1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(134,152,170,.1) transparent}.th-table-headers{display:grid;grid-template-columns:1fr 1fr 1fr .8fr 20px;padding:6px 16px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-flex{display:flex;flex-direction:column;overflow:hidden}.col-flex-min{min-height:0}.border-sep{border-top:1px solid var(--border)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);background:rgba(17,23,34,.5);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-header .text-muted{font-weight:400;font-size:11px;text-transform:none;letter-spacing:normal}.col-headers{display:grid;padding:4px 12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-headers,.tab-bar{border-bottom:1px solid var(--border)}.tab-bar{display:flex;gap:0;padding:0 12px}.tab-btn{padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:var(--font-body);transition:color .1s,border-color .1s;white-space:nowrap}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text);border-bottom-color:var(--accent)}.ob-grouping{display:flex;align-items:center}.ob-grouping-select{background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-size:11.5px;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke='%238b95a5' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;padding:3px 18px 3px 8px;transition:border-color .1s}.ob-grouping-select:hover{border-color:var(--border-strong)}.ob-grouping-select:focus{border-color:rgba(124,92,224,.5)}.ob-grouping-select option{background:var(--bg-panel);color:var(--text)}.ob-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 12px;font-family:var(--font-mono);font-size:11px;line-height:22px;cursor:pointer;position:relative;transition:background 60ms}.ob-row:hover{background:hsla(0,0%,100%,.03);z-index:1}.ob-row .price{font-weight:600;position:relative;z-index:1}.ob-row .price.bid{color:var(--buy)}.ob-row .price.ask{color:var(--sell)}.ob-size{color:var(--text)}.ob-size,.ob-total{text-align:right;position:relative;z-index:1;font-weight:400}.ob-total{color:var(--text-secondary)}.ob-depth-bar{position:absolute;top:0;right:0;bottom:0;pointer-events:none;transition:width .3s ease}.ob-depth-bar.bid{background:rgba(0,192,118,.08)}.ob-depth-bar.ask{background:rgba(255,77,79,.08)}.ob-spread{display:flex;align-items:center;justify-content:center;padding:5px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-panel);gap:8px}.ob-spread-label{color:var(--text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-body)}.ob-spread .spread-value{color:var(--text);font-weight:600}.side-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;background:var(--bg-input);border-radius:6px;padding:2px;border:1px solid var(--border);margin:0 12px}.side-toggle button{padding:8px 0;font-size:12px;font-weight:600;font-family:var(--font-body);border:none;border-radius:4px;cursor:pointer;transition:all .1s;background:transparent;color:var(--text-muted)}.side-toggle button:hover{color:var(--text-secondary)}.side-toggle button.active,.side-toggle button.active.buy{background:var(--buy-bg);color:var(--buy);border:1px solid var(--buy-border)}.side-toggle button.active.sell{background:var(--sell-bg);color:var(--sell);border:1px solid var(--sell-border)}.pct-buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.pct-btn,.pct-buttons button{padding:4px 0;font-size:10px;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .1s}.pct-btn:hover,.pct-buttons button:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-secondary)}.pct-btn.active,.pct-buttons button.active{background:var(--accent-glow);border-color:rgba(124,92,224,.35);color:#a78bff}.order-entry,.order-form{display:flex;flex-direction:column}.order-form{gap:10px;padding:12px}.field-group{display:flex;flex-direction:column;gap:4px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-field{padding-right:56px}.input-suffix{position:absolute;right:12px;font-size:11px;font-weight:600;color:var(--text-muted);font-family:var(--font-body);pointer-events:none}.order-summary{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.summary-label{color:var(--text-muted)}.summary-value{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.slippage-section{display:flex;flex-direction:column;gap:6px}.market-hint{font-size:10px;color:var(--text-muted);text-align:center}.action-row{margin-top:4px}.btn-submit{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0;font-size:13px;font-weight:600;font-family:var(--font-body);border:none;border-radius:6px;cursor:pointer;transition:filter .1s,box-shadow .1s}.btn-submit.disabled,.btn-submit:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none}.btn-submit.btn-buy{background:var(--buy);color:#fff}.btn-submit.btn-buy:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px rgba(0,192,118,.2)}.btn-submit.btn-sell{background:var(--sell);color:#fff}.btn-submit.btn-sell:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px rgba(255,77,79,.2)}.btn-connect{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0;font-size:13px;font-weight:600;font-family:var(--font-body);background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:filter .1s,transform .1s}.btn-connect:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-submit.btn-wrap{background:linear-gradient(135deg,#7c5ce0,#9b7ae8);color:#fff}.btn-submit.btn-wrap:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px rgba(124,92,224,.25)}.th-cols-4{grid-template-columns:1fr 1fr 1fr .8fr}.th-scroll{overflow-y:auto;flex:1 1;scrollbar-width:thin;scrollbar-color:rgba(134,152,170,.1) transparent}.th-scroll::-webkit-scrollbar{width:3px}.th-scroll::-webkit-scrollbar-track{background:transparent}.th-scroll::-webkit-scrollbar-thumb{background:rgba(134,152,170,.12);border-radius:3px}.trade-row{display:grid;grid-template-columns:1fr 1fr 1fr .8fr 20px;align-items:center;padding:0 16px;font-family:var(--font-mono);font-size:11px;line-height:24px;color:var(--text);transition:background 60ms}.trade-row:hover{background:var(--bg-hover)}.trade-row .price{font-weight:600}.trade-row .price.buy{color:var(--buy)}.trade-row .price.sell{color:var(--sell)}.th-amount{text-align:right;color:var(--text)}.th-total{text-align:right;color:var(--text-secondary)}.trade-time{color:var(--text-muted);text-align:right;font-size:10px}.trade-tx-link{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:0;transition:opacity .15s,color .15s}.trade-row:hover .trade-tx-link{opacity:1}.trade-tx-link:hover{color:var(--accent)}@keyframes trade-flash-buy{0%{background:rgba(0,192,118,.15)}to{background:transparent}}@keyframes trade-flash-sell{0%{background:rgba(255,77,79,.15)}to{background:transparent}}.trade-flash.buy{animation:trade-flash-buy 1.2s ease-out}.trade-flash.sell{animation:trade-flash-sell 1.2s ease-out}.orders-table{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--font-mono)}.orders-table th{padding:8px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border)}.orders-table td{padding:8px 12px;border-bottom:1px solid rgba(134,152,170,.06);color:var(--text)}.orders-table tbody tr:hover{background:var(--bg-hover)}.orders-table .cancel-btn{padding:2px 8px;font-size:10px;color:var(--sell);background:transparent;border:1px solid var(--sell-border);border-radius:4px;cursor:pointer;font-family:var(--font-body);transition:all .1s}.orders-table .cancel-btn:hover{background:var(--sell-bg);border-color:rgba(255,77,79,.4)}.oo-col-headers{grid-template-columns:60px 1fr 1fr 100px 1fr 40px;grid-gap:4px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.oo-col-headers,.oo-row{display:grid;gap:4px;padding:6px 16px}.oo-row{grid-template-columns:60px 1fr 1fr 100px 1fr 70px;grid-gap:4px;align-items:center;font-family:var(--font-mono);font-size:11px;border-bottom:1px solid rgba(134,152,170,.06);transition:background 60ms}.oo-row:hover{background:var(--bg-hover)}.oo-side-buy{color:var(--buy)}.oo-side-buy,.oo-side-sell{font-size:9px;font-weight:700;font-family:var(--font-body);letter-spacing:.04em}.oo-side-sell{color:var(--sell)}.oo-filled{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.oo-filled-bar{flex:1 1;height:3px;background:rgba(134,152,170,.1);border-radius:2px;overflow:hidden}.oo-filled-inner{height:100%;border-radius:2px;transition:width .3s ease}.oo-cancel-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:14px;font-weight:400;cursor:pointer;transition:all .1s;line-height:1;padding:0}.oo-cancel-btn:hover{color:var(--sell);border-color:var(--sell-border);background:var(--sell-bg)}.oo-cancel-btn:disabled{opacity:.3;cursor:not-allowed}.oo-cancel-text-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 12px;border-radius:4px;border:1px solid rgba(255,77,79,.2);background:transparent;color:var(--sell);font-size:11px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .1s;white-space:nowrap}.oo-cancel-text-btn:hover{background:var(--sell-bg);border-color:var(--sell-border)}.oo-cancel-text-btn:disabled{opacity:.3;cursor:not-allowed}.oo-mobile-label{display:none}.oh-table-headers{display:grid;grid-template-columns:60px 1fr 1fr 100px 1fr 80px 80px;grid-gap:4px;gap:4px;padding:6px 16px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);-webkit-user-select:none;-moz-user-select:none;user-select:none}.oh-table-body{overflow-y:auto;flex:1 1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(134,152,170,.1) transparent}.oh-row{display:grid;grid-template-columns:60px 1fr 1fr 100px 1fr 80px 80px;grid-gap:4px;gap:4px;align-items:center;padding:6px 16px;font-family:var(--font-mono);font-size:11px;border-bottom:1px solid rgba(134,152,170,.06);transition:background 60ms}.oh-row:hover{background:var(--bg-hover)}.oh-status-filled{color:var(--buy)}.oh-status-cancelled,.oh-status-filled{font-size:10px;font-weight:600;font-family:var(--font-body)}.oh-status-cancelled{color:var(--text-muted)}.oh-role-maker,.oh-role-taker{font-size:10px;font-weight:600;font-family:var(--font-body);padding:1px 6px;border-radius:3px}.oh-role-maker{color:var(--buy);background:rgba(0,200,130,.1)}.oh-role-taker{color:var(--sell);background:rgba(255,90,90,.1)}.oh-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border-top:1px solid var(--border);flex-shrink:0}.oh-page-btn{padding:4px 12px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .1s}.oh-page-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.oh-page-btn:disabled{opacity:.3;cursor:not-allowed}.oh-page-info{font-size:11px;color:var(--text-muted)}.oh-page-info,.oo-count{font-family:var(--font-mono)}.oo-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;background:rgba(124,92,224,.12);color:#a78bff;font-size:10px;font-weight:700;padding:0 5px}.ob-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(134,152,170,.15) transparent}.ob-scroll::-webkit-scrollbar{width:4px}.ob-scroll::-webkit-scrollbar-track{background:transparent}.ob-scroll::-webkit-scrollbar-thumb{background:rgba(134,152,170,.2);border-radius:4px}.ob-scroll::-webkit-scrollbar-thumb:hover{background:rgba(134,152,170,.35)}.bottom-inner,.left-bottom,.left-top,.oh-table-body,.oo-table-body,.th-scroll{scrollbar-width:thin;scrollbar-color:rgba(134,152,170,.15) transparent}.bottom-inner::-webkit-scrollbar,.left-bottom::-webkit-scrollbar,.left-top::-webkit-scrollbar,.oh-table-body::-webkit-scrollbar,.oo-table-body::-webkit-scrollbar,.th-scroll::-webkit-scrollbar{width:4px}.bottom-inner::-webkit-scrollbar-track,.left-bottom::-webkit-scrollbar-track,.left-top::-webkit-scrollbar-track,.oh-table-body::-webkit-scrollbar-track,.oo-table-body::-webkit-scrollbar-track,.th-scroll::-webkit-scrollbar-track{background:transparent}.bottom-inner::-webkit-scrollbar-thumb,.left-bottom::-webkit-scrollbar-thumb,.left-top::-webkit-scrollbar-thumb,.oh-table-body::-webkit-scrollbar-thumb,.oo-table-body::-webkit-scrollbar-thumb,.th-scroll::-webkit-scrollbar-thumb{background:rgba(134,152,170,.2);border-radius:4px}.bottom-inner::-webkit-scrollbar-thumb:hover,.left-bottom::-webkit-scrollbar-thumb:hover,.left-top::-webkit-scrollbar-thumb:hover,.oh-table-body::-webkit-scrollbar-thumb:hover,.oo-table-body::-webkit-scrollbar-thumb:hover,.th-scroll::-webkit-scrollbar-thumb:hover{background:rgba(134,152,170,.35)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);font-size:12px;text-align:center;gap:6px}.empty-state svg{opacity:.2;margin-bottom:4px}.modal-bg{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:440px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.6)}.modal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;font-weight:600;color:var(--text)}.pool-list{display:grid;grid-gap:2px;gap:2px}.pool-row{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:16px;gap:16px;align-items:center;padding:12px 18px;background:var(--bg-panel);border:1px solid transparent;transition:border-color .1s,background .1s}.pool-row:hover{background:var(--bg-surface);border-color:var(--border)}.pool-pair{font-weight:600;color:var(--text);font-size:13px}.pool-stat{text-align:right;font-size:12px}.pool-stat .label{font-size:10px;color:var(--text-muted);margin-bottom:1px}tbody tr:hover{background:var(--bg-hover)}.footer-v2{border-top:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.footer-inner{max-width:100%;margin:0 auto;padding:24px 32px 16px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);grid-gap:32px;gap:32px}.footer-brand{color:var(--text-secondary);font-size:12px}.footer-col{display:flex;flex-direction:column;gap:6px}.footer-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.footer-col a{font-size:12px;color:var(--text-secondary);transition:color .1s}.footer-col a:hover{color:var(--accent);text-decoration:none}.footer-bottom{max-width:100%;margin:0 auto;padding:10px 32px;justify-content:space-between;font-size:10px;color:var(--text-muted)}.footer,.footer-bottom{border-top:1px solid var(--border);display:flex}.footer{max-width:1200px;margin:32px auto 0;padding:20px 24px;font-size:11px;gap:20px;justify-content:center}.footer,.footer a{color:var(--text-secondary)}.footer a:hover{color:var(--accent);text-decoration:none}.gradient-text{background:linear-gradient(135deg,#a78bff,#7c5ce0);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--buy);animation:pulse-dot 2s ease-in-out infinite;vertical-align:middle;margin-right:6px;flex-shrink:0}h1{font-size:20px;letter-spacing:-.02em}h1,h2{font-weight:600}h2{font-size:15px}.mobile-tab-nav{display:none}@media (min-width:769px){.mobile-tab-nav{display:none}}.desktop-only{display:block}.mobile-fab-container,.mobile-only{display:none}@media (max-width:768px){.btn,.btn-ghost,.btn-primary,.connect-btn{min-height:44px}.container{padding:20px 16px 64px}header.nav{height:48px}.nav-inner{gap:8px;padding:0 12px}.nav-brand{font-size:13px}.nav-links-desktop,.nav-wallet-desktop{display:none}.nav-hamburger{display:inline-flex;flex-direction:column;justify-content:space-between;width:36px;height:36px;padding:9px 8px;background:transparent;border:1px solid var(--border-strong);border-radius:6px;cursor:pointer}.nav-hamburger span{display:block;height:2px;width:100%;background:var(--text);border-radius:1px}.nav-mobile-sheet{display:flex;flex-direction:column;gap:12px;padding:16px;background:rgba(11,14,20,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-mobile-links{display:flex;flex-direction:column;gap:2px}.nav-mobile-links .nav-link{font-size:14px;padding:12px 14px;border-radius:8px}.nav-mobile-wallet{display:flex}.nav-mobile-wallet .btn,.nav-mobile-wallet .connect-btn{width:100%;justify-content:center}.input,.input-field{font-size:16px;padding:10px 12px}.market-stats{height:36px;gap:0}.market-stat-item{padding:0 10px;min-width:auto}.market-stat-item .stat-value{font-size:11px}.market-stat-item .stat-label{font-size:8px}.pair-selector{padding:0 10px;font-size:13px;gap:4px}.pair-selector svg{width:10px;height:10px}.terminal-layout{height:calc(100vh - 84px);overflow:hidden;display:flex;flex-direction:column}.terminal-top{flex-direction:column}.terminal-panel,.terminal-top{display:flex;flex:1 1;min-height:0;overflow:hidden}.terminal-panel{border-right:none;flex-direction:column}.terminal-bottom{max-height:none;min-height:0;flex:1 1}.mobile-tab-nav{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:90;background:var(--bg-base);border-bottom:1px solid var(--border);padding:0;flex-shrink:0}.mobile-tab-nav button{flex:1 1;min-width:0;padding:10px 4px;font-size:12px;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .1s,border-color .1s;text-transform:uppercase;letter-spacing:.03em}.mobile-tab-nav button:hover{color:var(--text-secondary)}.mobile-tab-nav button.active{color:var(--text);border-bottom-color:var(--accent)}.desktop-only,.mobile-panel.mobile-hidden{display:none!important}.mobile-only{display:block!important}.mobile-fab-container{display:flex!important;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none}.mobile-fab{pointer-events:auto;padding:14px 40px;font-size:15px;font-weight:700;font-family:var(--font-body);letter-spacing:.04em;border:none;border-radius:50px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--buy) 0,var(--accent) 100%);box-shadow:0 4px 20px rgba(124,92,224,.4),0 2px 8px rgba(0,0,0,.3);transition:transform .15s,box-shadow .15s}.mobile-fab:active{transform:scale(.95);box-shadow:0 2px 10px rgba(124,92,224,.3),0 1px 4px rgba(0,0,0,.2)}.terminal-center{overflow:hidden}.chart-tab,.chart-tabs{padding:4px 8px}.chart-tab{font-size:11px}.chart-content{flex:1 1;min-height:0}.terminal-left{overflow:hidden}.left-top{flex:2 1;flex-direction:column}.left-bottom,.left-top{min-height:0;overflow:hidden;display:flex}.left-bottom{flex:1 1;flex-direction:column;border-top:1px solid var(--border)}.ob-scroll{max-height:none;flex:1 1;min-height:0}.ob-row{font-size:11px;padding:0 12px;line-height:22px}.ob-spread{padding:4px 12px;font-size:11px}.section-header{padding:6px 12px;font-size:10px}.col-headers{padding:3px 12px;font-size:9px}.th-table-headers{padding:4px 12px;font-size:9px}.trade-row{font-size:11px;padding:0 12px;line-height:22px}.trade-tx-link{opacity:.5}.th-scroll{flex:1 1;min-height:0}.terminal-right{overflow-y:auto;padding-bottom:16px}.side-toggle{padding:8px 12px 0}.side-toggle button{padding:12px 0;font-size:13px;font-weight:600}.pct-buttons{gap:4px}.pct-buttons button{padding:8px 0;font-size:11px;min-height:36px}.oh-table-headers,.oo-col-headers,.oo-table-headers{display:none}.oo-actions-bar{padding:8px 12px}.oo-mobile-label{display:inline-block;width:52px;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-body);flex-shrink:0}.oh-row,.oo-row{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border);position:relative}.oh-row .mono,.oo-row .mono{font-size:12px;display:flex;align-items:center;gap:4px}.oh-row .oo-filled,.oo-row .oo-filled{display:flex;align-items:center;gap:4px;font-size:11px}.oo-side-buy,.oo-side-sell{font-size:11px;font-weight:700}.oh-row .trade-time{display:flex;align-items:center;gap:4px}.oo-cancel-text-btn{position:absolute;top:10px;right:12px;padding:4px 14px;font-size:11px;min-height:28px}.bottom-tabs{padding:0 8px}.bottom-tab{font-size:11px;padding:8px 6px}.bottom-content{flex:1 1;min-height:0;overflow-y:auto}.bottom-inner{display:flex;flex-direction:column;height:100%;min-height:0}.modal-bg{padding:0;align-items:flex-end}.modal{max-width:100%;border-radius:16px 16px 0 0;max-height:85vh;overflow-y:auto}.footer-inner{grid-template-columns:1fr 1fr;gap:24px;padding:24px 16px 16px}.footer-brand{grid-column:1/-1}.footer-bottom{padding:12px 16px}}@media (max-width:480px){.container{padding:16px 12px 56px}.nav-inner{gap:6px;padding:0 8px}.nav-brand span:not(.tag){font-size:12px}.connect-full{display:none}.connect-short,.nav-mobile-wallet .connect-full{display:inline}.nav-mobile-wallet .connect-short{display:none}.ob-row,.trade-row{font-size:10px;padding:0 8px;line-height:20px}.market-stats{height:32px}.market-stat-item{padding:0 6px}.market-stat-item .stat-value{font-size:10px}.market-stat-item .stat-label{font-size:7.5px}.pair-selector{padding:0 8px;font-size:12px}.section-header{padding:4px 8px;font-size:9px}.col-headers{padding:2px 8px;font-size:8px}.th-table-headers{padding:3px 8px;font-size:8px}.pct-buttons button{font-size:10px;padding:6px 0;min-height:32px}.side-toggle button{font-size:12px;padding:10px 0}.mobile-tab-nav button{font-size:11px;padding:8px 4px}.oh-row,.oo-row{padding:8px;gap:3px}.oh-row .mono,.oo-row .mono{font-size:11px}.oo-mobile-label{width:46px;font-size:9px}.oo-cancel-text-btn{top:8px;right:8px}.ob-spread{padding:3px 8px;font-size:10px}.terminal-layout{height:calc(100vh - 80px)}.footer{flex-direction:column;gap:8px}.footer-inner{grid-template-columns:1fr 1fr;gap:16px;padding:20px 12px 14px}.footer-bottom{flex-direction:column;gap:4px;text-align:center}.modal{padding:16px}}.swap-card{padding:20px;max-width:480px;margin:0 auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,.3)}.swap-row{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px;transition:border-color .1s}.swap-row:focus-within{border-color:rgba(124,92,224,.35)}.swap-row-head{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-bottom:6px}.swap-row-body{display:flex;gap:8px;align-items:center}.swap-row-body input{flex:1 1;background:transparent;border:0;outline:0;font-size:22px;font-weight:500;color:var(--text);font-family:var(--font-mono);min-width:0}.swap-row-body input::placeholder{color:var(--text-muted)}.token-select{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border-strong);padding:6px 12px 6px 8px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background .1s,border-color .1s}.token-select:hover{background:var(--bg-hover);border-color:rgba(134,152,170,.35)}.swap-flip{display:flex;justify-content:center;margin:-10px 0;position:relative;z-index:1}.swap-flip button{width:32px;height:32px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:color .1s,border-color .1s,background .1s}.swap-flip button:hover{color:var(--accent);border-color:rgba(124,92,224,.4);background:var(--accent-glow)}.token-grid{display:grid;grid-gap:4px;gap:4px;max-height:360px;overflow-y:auto;margin-top:8px}.token-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;border:1px solid transparent}.token-row:hover{background:var(--bg-hover);border-color:var(--border)}.token-sym{font-weight:600;font-size:13px;color:var(--text)}.token-name{font-size:11px;color:var(--text-secondary);margin-top:1px}.badge-v2{font-weight:700;background:var(--accent-glow);color:#a78bff;letter-spacing:.04em}.badge-fee,.badge-v2{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:10px}.badge-fee{font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.pool-info-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.pool-info-token{font-size:13px;font-weight:600;color:#a78bff}.btn-max{background:var(--accent-glow);border:1px solid rgba(124,92,224,.3);color:#a78bff;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.04em;border-radius:4px;cursor:pointer;font-family:var(--font-body)}.btn-max:hover{background:rgba(124,92,224,.25);border-color:rgba(124,92,224,.5)}.deposit-panel{display:flex;flex-direction:column}.dp-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;cursor:pointer;width:100%;font-family:var(--font-body);transition:background .1s}.dp-header:hover{background:var(--bg-hover)}.dp-header-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.dp-header-summary{display:flex;align-items:center;gap:4px}.dp-header-bal{font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text)}.dp-header-sep{color:var(--text-muted);font-size:10px}.dp-header-empty{font-size:11px;color:var(--text-muted)}.dp-chevron{color:var(--text-muted);transition:transform .15s ease;margin-left:4px;flex-shrink:0}.dp-chevron.open{transform:rotate(180deg)}.dp-body{padding:0 12px 10px;flex-direction:column}.dp-body,.dp-controls-row{display:flex;gap:6px}.dp-mode-toggle{display:flex;gap:0;background:var(--bg-input);border-radius:4px;padding:2px;border:1px solid var(--border);flex:1 1}.dp-mode-btn{flex:1 1;padding:4px 0;font-size:10px;font-weight:600;font-family:var(--font-body);border:none;border-radius:3px;cursor:pointer;transition:all .1s;background:transparent;color:var(--text-muted)}.dp-mode-btn:hover{color:var(--text-secondary)}.dp-mode-btn.active{background:var(--accent-glow);color:#a78bff}.dp-token-select{display:flex;gap:3px}.dp-token-btn{padding:4px 10px;font-size:10px;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .1s}.dp-token-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.dp-token-btn.active{background:var(--accent-glow);border-color:rgba(124,92,224,.35);color:#a78bff}.dp-input-row{display:flex;gap:4px}.dp-input{flex:1 1;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:6px 10px;color:var(--text);font-family:var(--font-mono);font-size:12px;outline:none;transition:border-color .12s,box-shadow .12s;min-width:0}.dp-input::placeholder{color:var(--text-muted)}.dp-input:focus{border-color:rgba(124,92,224,.5);box-shadow:0 0 0 2px rgba(124,92,224,.08)}.dp-max-btn{background:var(--accent-glow);border:1px solid rgba(124,92,224,.3);color:#a78bff;padding:0 8px;font-size:9px;font-weight:700;letter-spacing:.04em;border-radius:4px;cursor:pointer;font-family:var(--font-body);transition:all .1s;white-space:nowrap}.dp-max-btn:hover{background:rgba(124,92,224,.25);border-color:rgba(124,92,224,.5)}.dp-max-btn:disabled{opacity:.3;cursor:not-allowed}.dp-available{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.dp-submit-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:7px 0;font-size:11px;font-weight:600;font-family:var(--font-body);border:none;border-radius:4px;cursor:pointer;transition:filter .1s,box-shadow .1s;background:var(--accent);color:#fff}.dp-submit-btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 12px rgba(124,92,224,.2)}.dp-submit-btn:disabled{opacity:.35;cursor:not-allowed;filter:none;box-shadow:none}.dp-submit-btn.dp-approve{background:linear-gradient(135deg,#7c5ce0,#9b7ae8)}.toast-container{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:420px;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.45;cursor:pointer;animation:toast-in .25s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.5);border:1px solid}.toast-error{background:rgba(255,50,50,.12);border-color:rgba(255,77,79,.35);color:#ff8a8c}.toast-success{background:rgba(0,192,118,.12);border-color:rgba(0,192,118,.35);color:#6fdba8}.toast-info{background:rgba(124,92,224,.12);border-color:rgba(124,92,224,.35);color:#b3a0f0}.toast-icon{flex-shrink:0;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:1px}.toast-error .toast-icon{background:rgba(255,77,79,.25);color:#ff4d4f}.toast-success .toast-icon{background:rgba(0,192,118,.25);color:#00c076}.toast-info .toast-icon{background:rgba(124,92,224,.25);color:#7c5ce0}.toast-message{flex:1 1;word-break:break-word}@keyframes toast-in{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:600px){.toast-container{top:auto;bottom:16px;right:8px;left:8px;max-width:none}}:root{--bg:#08080a;--bg-panel:#0c0c0f;--bg-surface:#111116;--bg-hover:#17171d;--bg-input:#08080a;--border:hsla(0,0%,100%,.07);--border-strong:hsla(0,0%,100%,.14);--text:#f3f2ee;--text-secondary:#a3a2aa;--text-muted:#6c6b73;--accent:#7c6eff;--accent-text:#a79cff;--accent-glow:rgba(124,110,255,.14);--buy:#3fdca8;--buy-bg:rgba(63,220,168,.09);--buy-border:rgba(63,220,168,.28);--sell:#ff6b6b;--sell-bg:hsla(0,100%,71%,.09);--sell-border:hsla(0,100%,71%,.28);--on-solid:#0a0a0c;--chart-grid:hsla(0,0%,100%,.05);--overlay:hsla(0,0%,100%,.04);--surface-alpha:rgba(12,12,15,.6);--nav-bg:rgba(8,8,10,.88);--menu-bg:#111116;--menu-shadow:0 12px 40px rgba(0,0,0,.55);--font-body:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--font-serif:"Fraunces",Georgia,"Times New Roman",serif;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f5f4ef;--bg-panel:#fff;--bg-surface:#efeee8;--bg-hover:#e8e7e0;--bg-input:#fff;--border:rgba(10,10,12,.1);--border-strong:rgba(10,10,12,.2);--text:#121216;--text-secondary:#4a4a52;--text-muted:#7c7b83;--accent:#5242f0;--accent-text:#5242f0;--accent-glow:rgba(82,66,240,.1);--buy:#0b8f68;--buy-bg:rgba(11,143,104,.09);--buy-border:rgba(11,143,104,.3);--sell:#d03a3a;--sell-bg:rgba(208,58,58,.08);--sell-border:rgba(208,58,58,.28);--on-solid:#f5f4ef;--chart-grid:rgba(10,10,12,.06);--overlay:rgba(10,10,12,.04);--surface-alpha:hsla(51,18%,92%,.7);--nav-bg:hsla(50,23%,95%,.9);--menu-bg:#fff;--menu-shadow:0 12px 32px rgba(10,10,12,.14);color-scheme:light}}:root[data-theme=light]{--bg:#f5f4ef;--bg-panel:#fff;--bg-surface:#efeee8;--bg-hover:#e8e7e0;--bg-input:#fff;--border:rgba(10,10,12,.1);--border-strong:rgba(10,10,12,.2);--text:#121216;--text-secondary:#4a4a52;--text-muted:#7c7b83;--accent:#5242f0;--accent-text:#5242f0;--accent-glow:rgba(82,66,240,.1);--buy:#0b8f68;--buy-bg:rgba(11,143,104,.09);--buy-border:rgba(11,143,104,.3);--sell:#d03a3a;--sell-bg:rgba(208,58,58,.08);--sell-border:rgba(208,58,58,.28);--on-solid:#f5f4ef;--chart-grid:rgba(10,10,12,.06);--overlay:rgba(10,10,12,.04);--surface-alpha:hsla(51,18%,92%,.7);--nav-bg:hsla(50,23%,95%,.9);--menu-bg:#fff;--menu-shadow:0 12px 32px rgba(10,10,12,.14);color-scheme:light}body,html{background:var(--bg);color:var(--text);font-family:var(--font-body);font-feature-settings:"ss01","cv11"}::selection{background:var(--accent);color:#fff}h1,h2,h3{letter-spacing:-.03em;font-weight:500}.serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header.nav{background:var(--nav-bg)!important;border-bottom:1px solid var(--border)!important}.nav-brand{font-weight:600;letter-spacing:-.03em}.nav-brand .tag,.nav-link.active,.pair-selector:hover{background:var(--accent-glow)!important;color:var(--accent-text)!important;border-color:var(--border-strong)!important}.nav-brand .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:transparent!important;border:1px solid var(--border-strong)!important;color:var(--text-secondary)!important;border-radius:999px!important}.nav-dropdown{background:var(--menu-bg)!important;border:1px solid var(--border-strong)!important;box-shadow:var(--menu-shadow)!important}.bottom-tabs,.chart-tabs,.glass,.section-header{background:var(--surface-alpha)!important}.ob-row:hover{background:var(--overlay)!important}.btn,.btn-danger,.btn-ghost,.connect-btn,.wallet-pill{border-radius:999px;font-family:var(--font-body)}.btn-primary,.btn-submit,.btn-submit.btn-wrap,.connect-btn{background:var(--text)!important;color:var(--on-solid)!important;border:1px solid var(--text)!important;box-shadow:none!important;background-image:none!important;font-weight:500}.btn-primary:hover,.btn-submit:hover,.connect-btn:hover{opacity:.9;box-shadow:none!important}.btn-buy{background:var(--buy)!important;color:#06140f!important;border-color:var(--buy)!important}.btn-buy,.btn-sell{box-shadow:none!important}.btn-sell{background:var(--sell)!important;color:#1a0707!important;border-color:var(--sell)!important}:root[data-theme=light] .btn-buy,:root[data-theme=light] .btn-sell{color:#fff!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .btn-buy,:root:not([data-theme=dark]) .btn-sell{color:#fff!important}}.btn-buy:hover,.btn-sell:hover{box-shadow:none!important;filter:brightness(1.08)}.btn-danger{color:var(--sell)}input,select,textarea{font-family:var(--font-mono)}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important}.oh-role-maker,[class*=accent-text]{color:var(--accent-text)}.ob-header,.panel-title,.section-header,th{font-family:var(--font-mono);letter-spacing:.08em}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .2s,border-color .2s;margin-right:8px}.theme-toggle:hover{color:var(--text);border-color:var(--text-muted)}.theme-toggle svg{width:15px;height:15px}.theme-toggle .ic-sun{display:none}:root[data-theme=light] .theme-toggle .ic-sun{display:block}:root[data-theme=light] .theme-toggle .ic-moon{display:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .theme-toggle .ic-sun{display:block}:root:not([data-theme=dark]) .theme-toggle .ic-moon{display:none}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn-submit.btn-buy{background:var(--buy)!important;border-color:var(--buy)!important;color:#06140f!important}.btn-submit.btn-sell{background:var(--sell)!important;border-color:var(--sell)!important;color:#1a0707!important}:root[data-theme=light] .btn-submit.btn-buy,:root[data-theme=light] .btn-submit.btn-sell{color:#fff!important}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .btn-submit.btn-buy,:root:not([data-theme=dark]) .btn-submit.btn-sell{color:#fff!important}}.btn-connect{background:transparent!important;color:var(--text)!important;border:1px solid var(--border-strong)!important;border-radius:999px!important;box-shadow:none!important;background-image:none!important}.oo-count,.pct-btn.active,.wallet-chain{color:var(--accent-text)!important}.mobile-fab{background:var(--text)!important;background-image:none!important;color:var(--on-solid)!important;box-shadow:0 6px 20px rgba(0,0,0,.25)!important;font-weight:600!important;letter-spacing:0!important}.gradient-text{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--accent-text)!important}.dp-submit-btn.dp-approve{background:var(--accent)!important;background-image:none!important;color:#fff!important;box-shadow:none!important}select optgroup,select option{background-color:var(--bg-panel);color:var(--text)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}