@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap");:root{--color-bg:#0a0a0a;--color-bg-1:#0f0f0f;--color-bg-2:#141414;--color-bg-3:#1a1a1a;--color-bg-4:#222;--color-border:#1e1e1e;--color-border-2:#2a2a2a;--color-border-3:#383838;--color-accent:#00e5ff;--color-accent-dim:rgba(0,229,255,.08);--color-accent-glow:rgba(0,229,255,.2);--color-accent-text:#00e5ff;--color-buy:#00d97e;--color-buy-dim:rgba(0,217,126,.08);--color-buy-glow:rgba(0,217,126,.2);--color-sell:#ff3b6b;--color-sell-dim:rgba(255,59,107,.08);--color-sell-glow:rgba(255,59,107,.2);--color-text-primary:#f0f0f0;--color-text-secondary:#8a8a8a;--color-text-tertiary:#555;--color-text-inverse:#0a0a0a;--font-data:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-ui:"Outfit","Inter",system-ui,sans-serif;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-loose:1.8;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.08em;--tracking-widest:0.12em;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:20px;--space-10:24px;--space-11:32px;--space-12:40px;--space-13:48px;--space-14:64px;--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--header-h:44px;--market-bar-h:46px;--orderbook-w:220px;--order-form-w:260px;--bottom-panel-h:160px;--shadow-sm:0 1px 3px rgba(0,0,0,.6);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--shadow-panel:0 0 0 1px var(--color-border);--shadow-accent:0 0 12px var(--color-accent-glow);--shadow-buy:0 0 12px var(--color-buy-glow);--shadow-sell:0 0 12px var(--color-sell-glow);--ease-fast:80ms cubic-bezier(0.2,0,0,1);--ease-normal:150ms cubic-bezier(0.2,0,0,1);--ease-slow:280ms cubic-bezier(0.2,0,0,1);--z-base:0;--z-panel:10;--z-sticky:20;--z-header:30;--z-modal:50;--z-toast:60}[data-theme=light]{--color-bg:#f2f3f5;--color-bg-1:#fff;--color-bg-2:#f8f9fa;--color-bg-3:#edf0f4;--color-bg-4:#e6e9ee;--color-border:#dde1e7;--color-border-2:#c8cdd5;--color-border-3:#a8adb8;--color-accent:#09b;--color-accent-dim:rgba(0,153,187,.1);--color-accent-glow:rgba(0,153,187,.25);--color-accent-text:#09b;--color-text-primary:#0d1117;--color-text-secondary:#4a5568;--color-text-tertiary:#8896a8;--color-text-inverse:#fff;--color-buy-dim:rgba(0,180,100,.08);--color-sell-dim:rgba(210,40,80,.08);--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.07);--shadow-lg:0 8px 24px rgba(0,0,0,.08);--shadow-panel:0 0 0 1px var(--color-border);--shadow-accent:0 0 12px rgba(0,153,187,.2)}@tailwind base;@tailwind components;@tailwind utilities;*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-text-primary);background-color:var(--color-bg);line-height:var(--leading-normal);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-3)}.font-data{font-family:var(--font-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.font-ui{font-family:var(--font-ui)}.text-buy{color:var(--color-buy)}.text-sell{color:var(--color-sell)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-secondary)}.text-dim{color:var(--color-text-tertiary)}.panel{background:var(--color-bg-1);border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--ease-normal);white-space:nowrap;text-transform:uppercase}.btn-buy{background:var(--color-buy);color:#000;border-color:var(--color-buy)}.btn-buy:hover{box-shadow:var(--shadow-buy);filter:brightness(1.1)}.btn-sell{background:var(--color-sell);color:#fff;border-color:var(--color-sell)}.btn-sell:hover{box-shadow:var(--shadow-sell);filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border-2)}.btn-ghost:hover{background:var(--color-bg-3);color:var(--color-text-primary);border-color:var(--color-border-3)}.btn-accent{background:var(--color-accent-dim);color:var(--color-accent);border-color:rgba(0,229,255,.25)}.btn-accent:hover{background:rgba(0,229,255,.15);box-shadow:var(--shadow-accent)}.nox-input{width:100%;background:var(--color-bg-4);border:1px solid var(--color-border-2);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);font-family:var(--font-data);font-size:var(--text-sm);color:var(--color-text-primary);outline:none;transition:border-color var(--ease-fast),box-shadow var(--ease-fast);-moz-appearance:textfield}.nox-input::-webkit-inner-spin-button,.nox-input::-webkit-outer-spin-button{-webkit-appearance:none}.nox-input::placeholder{color:var(--color-text-tertiary)}.nox-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow)}.nox-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);letter-spacing:var(--tracking-widest);text-transform:uppercase}.tab-strip{display:flex;align-items:center;gap:1px;border-bottom:1px solid var(--color-border)}.tab{padding:var(--space-3) var(--space-8);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--ease-fast),border-color var(--ease-fast);white-space:nowrap;background:transparent;border:none;border-bottom:2px solid transparent}.tab:hover{color:var(--color-text-secondary)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.ob-row{position:relative;display:flex;align-items:center;padding:1.5px var(--space-4);cursor:default;transition:background var(--ease-fast)}.ob-row:hover{background:var(--color-bg-3)!important}.ob-depth{position:absolute;top:0;right:0;bottom:0;opacity:.12;pointer-events:none;transition:width .25s ease}.ob-depth-bid{background:var(--color-buy)}.ob-depth-ask{background:var(--color-sell)}@keyframes flash-buy{0%{background:var(--color-buy-dim)}to{background:transparent}}@keyframes flash-sell{0%{background:var(--color-sell-dim)}to{background:transparent}}.flash-buy{animation:flash-buy .4s ease-out forwards}.flash-sell{animation:flash-sell .4s ease-out forwards}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;animation:pulse-dot 2.4s ease-in-out infinite}.status-dot-live{background:var(--color-buy)}.status-dot-dead{background:var(--color-sell);animation:none}@keyframes trade-enter{0%{opacity:0;transform:translateY(-6px)}60%{opacity:1;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}.trade-new{animation:trade-enter .22s cubic-bezier(.2,0,0,1) forwards}@keyframes price-flash-buy{0%{color:#fff;text-shadow:0 0 8px var(--color-buy)}to{color:var(--color-buy);text-shadow:none}}@keyframes price-flash-sell{0%{color:#fff;text-shadow:0 0 8px var(--color-sell)}to{color:var(--color-sell);text-shadow:none}}.price-flash-buy{animation:price-flash-buy .5s ease-out forwards}.price-flash-sell{animation:price-flash-sell .5s ease-out forwards}@keyframes ticker-flash-buy{0%{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.5)}to{color:inherit;text-shadow:none}}@keyframes ticker-flash-sell{0%{color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.5)}to{color:inherit;text-shadow:none}}.ticker-flash-buy{animation:ticker-flash-buy .4s ease-out forwards}.ticker-flash-sell{animation:ticker-flash-sell .4s ease-out forwards}@keyframes ob-qty-flash{0%{opacity:1}25%{opacity:.35}to{opacity:1}}.ob-qty-changed{animation:ob-qty-flash .28s ease-out forwards}.nox-divider{height:1px;background:var(--color-border)}.num{font-family:var(--font-data);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num-positive{color:var(--color-buy)}.num-negative{color:var(--color-sell)}.seg-control{position:relative;display:grid;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-2);border:1px solid var(--color-border-2)}.seg-indicator{position:absolute;top:2px;bottom:2px;border-radius:calc(var(--radius-md) - 2px);transition:transform .16s cubic-bezier(.34,1.2,.64,1),background .16s ease,box-shadow .16s ease;pointer-events:none}.seg-btn{position:relative;z-index:1;padding:8px 0;border:none;background:transparent;cursor:pointer;font-family:var(--font-ui);font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .16s ease}.lev-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;outline:none;cursor:pointer;background:var(--color-border-2);transition:background .15s ease}.lev-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 8px var(--color-accent-glow);cursor:-webkit-grab;cursor:grab;-webkit-transition:box-shadow .15s ease,transform .15s ease;transition:box-shadow .15s ease,transform .15s ease}.lev-slider::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.25);box-shadow:0 0 16px var(--color-accent-glow)}.lev-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 8px var(--color-accent-glow);cursor:grab}.nox-num-wrap{position:relative;display:flex;align-items:stretch;background:var(--color-bg-4);border:1px solid var(--color-border-2);border-radius:var(--radius-md);transition:border-color var(--ease-fast),box-shadow var(--ease-fast);overflow:hidden}.nox-num-wrap:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-glow)}.nox-num-wrap input{flex:1 1;background:transparent;border:none;padding:7px 8px 7px 10px;font-family:var(--font-data);font-size:12.5px;color:var(--color-text-primary);outline:none;-moz-appearance:textfield;min-width:0}.nox-num-wrap input::-webkit-inner-spin-button,.nox-num-wrap input::-webkit-outer-spin-button{-webkit-appearance:none}.nox-num-wrap input::placeholder{color:var(--color-text-tertiary)}.nox-num-steps{display:flex;flex-direction:column;border-left:1px solid var(--color-border-2);flex-shrink:0}.nox-num-step{flex:1 1;width:22px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background var(--ease-fast),color var(--ease-fast);padding:0}.nox-num-step:first-child{border-bottom:1px solid var(--color-border-2)}.nox-num-step:hover{background:var(--color-bg-3);color:var(--color-text-primary)}.order-submit{width:100%;padding:11px;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .12s cubic-bezier(.34,1.4,.64,1),box-shadow .12s ease,filter .12s ease,opacity .12s ease}.order-submit:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12)}.order-submit:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}.order-submit:disabled{opacity:.45;cursor:not-allowed}.order-submit-buy{background:linear-gradient(135deg,#00d97e,#00b869);color:#000;box-shadow:0 2px 16px rgba(0,217,126,.25),inset 0 1px 0 hsla(0,0%,100%,.15)}.order-submit-buy:hover:not(:disabled){box-shadow:0 4px 24px rgba(0,217,126,.4),inset 0 1px 0 hsla(0,0%,100%,.15)}.order-submit-sell{background:linear-gradient(135deg,#ff3b6b,#d42555);color:#fff;box-shadow:0 2px 16px rgba(255,59,107,.25),inset 0 1px 0 hsla(0,0%,100%,.12)}.order-submit-sell:hover:not(:disabled){box-shadow:0 4px 24px rgba(255,59,107,.4),inset 0 1px 0 hsla(0,0%,100%,.12)}@media (max-width:600px){.hide-mobile{display:none!important}.auth-submit-btn{padding:12px}}@media (max-width:480px){:root{--account-pad:12px}}.bg-grid:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.18;pointer-events:none;z-index:0}