@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}html,body,#root{height:100%}:root,[data-theme=dark]{--bg: #0b1220;--bg-elevated: #0e1628;--bg-panel: #121a2b;--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .14);--glass-bg: rgba(14, 14, 35, .9);--glass-card: rgba(255, 255, 255, .06);--glass-soft: rgba(15, 23, 42, .55);--input-bg: #0b1220;--shadow: rgba(0, 0, 0, .45);--chart-line: #00d4ff;--scrollbar: #334155}[data-theme=light]{--bg: #f1f5f9;--bg-elevated: #ffffff;--bg-panel: #ffffff;--text: #0f172a;--text-muted: #475569;--text-faint: #64748b;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .14);--glass-bg: rgba(255, 255, 255, .88);--glass-card: rgba(255, 255, 255, .85);--glass-soft: rgba(255, 255, 255, .7);--input-bg: #f8fafc;--shadow: rgba(15, 23, 42, .12);--chart-line: #2563eb;--scrollbar: #cbd5e1}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.glass{background:var(--glass-soft);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow),inset 0 1px #ffffff0f}.glass-strong{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-strong);box-shadow:0 4px 24px var(--shadow),inset 0 1px #ffffff0f}.glass-card{background:var(--glass-card);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid var(--border);box-shadow:0 4px 24px var(--shadow)}.app-surface{background:var(--bg);color:var(--text)}.panel-surface{background:var(--bg-panel);border-color:var(--border);color:var(--text)}.top-nav-float{position:sticky;top:0;z-index:40;padding:.3rem .4rem .2rem;pointer-events:none}@media(min-width:768px){.top-nav-float{padding:.45rem .75rem .3rem}}.top-nav-inner{pointer-events:auto;width:100%;max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.28rem .4rem;border-radius:.9rem;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-strong);box-shadow:0 6px 20px var(--shadow),inset 0 1px #ffffff0f;min-height:2.5rem}@media(min-width:768px){.top-nav-inner{padding:.35rem .6rem;border-radius:1rem;gap:.6rem;min-height:2.75rem}}.brand-lockup{display:flex;align-items:center;gap:.35rem;flex-shrink:0;max-width:42%}@media(min-width:640px){.brand-lockup{max-width:none;gap:.45rem}}.brand-lockup .brand-mark{width:1.55rem;height:1.55rem;border-radius:999px;flex-shrink:0}@media(min-width:640px){.brand-lockup .brand-mark{width:1.85rem;height:1.85rem}}.brand-text{display:flex;flex-direction:column;line-height:1.15;flex-shrink:0}.brand-title{font-weight:700;font-size:.78rem;letter-spacing:-.01em;white-space:nowrap;color:var(--text)}@media(min-width:640px){.brand-title{font-size:.88rem}}.brand-sub{font-size:.58rem;font-weight:500;letter-spacing:.02em;color:var(--text-faint);white-space:nowrap}@media(min-width:640px){.brand-sub{font-size:.65rem}}.desktop-nav{display:none;align-items:center;gap:.2rem;flex:1;justify-content:center;min-width:0}@media(min-width:1024px){.desktop-nav{display:flex}}.desktop-nav-link{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--text-muted);transition:background .15s ease,color .15s ease;white-space:nowrap}.desktop-nav-link:hover{color:var(--text);background:#7f7f7f1a}.desktop-nav-link.active{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 3px 10px #dc262647}.top-text-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .5rem;border-radius:999px;font-size:.68rem;font-weight:600;white-space:nowrap;border:1px solid transparent;transition:background .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}@media(min-width:640px){.top-text-btn{gap:.35rem;padding:.35rem .75rem;font-size:.75rem}}.top-text-btn.primary{background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 3px 10px #05966938}.top-text-btn.ghost{background:#7f7f7f1a;border-color:var(--border);color:var(--text)}.top-text-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.balance-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .4rem .22rem .22rem;border-radius:999px;border:1px solid var(--border);font-size:.65rem;font-weight:700;max-width:min(9.5rem,38vw);-webkit-tap-highlight-color:transparent}@media(min-width:640px){.balance-pill{font-size:.75rem;max-width:14rem;padding:.28rem .55rem .28rem .28rem}}.balance-pill.demo{background:#85acb026;border-color:#85acb073;color:#b45309}[data-theme=dark] .balance-pill.demo{color:#e2e8f0}.balance-pill.real{background:#1d4ed81f;border-color:#2563eb59;color:#047857}[data-theme=dark] .balance-pill.real{color:#bfdbfe}.balance-icon{width:1.35rem;height:1.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}@media(min-width:640px){.balance-icon{width:1.5rem;height:1.5rem}}.balance-icon img{display:block;width:100%;height:100%;object-fit:cover}.bottom-nav{position:fixed;left:50%;bottom:max(.55rem,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;width:min(calc(100% - 1.1rem),28rem);border-radius:1.4rem;padding:.4rem;display:flex;align-items:stretch;gap:.12rem;background:linear-gradient(165deg,#ffffff24,#ffffff0d 28%,#0e1628b8 60%,#0b1220e0);backdrop-filter:blur(40px) saturate(220%);-webkit-backdrop-filter:blur(40px) saturate(220%);border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 44px #00000080,0 0 0 1px #7dd3fc14,inset 0 1px #ffffff47,inset 0 -1px #0003,0 0 36px #38bdf81a}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.14rem;padding:.5rem .15rem;border-radius:1rem;font-size:.6rem;line-height:1.1;font-weight:600;color:var(--text-muted);transition:transform .12s ease,background .15s ease,color .15s ease,box-shadow .15s ease;min-width:0;-webkit-tap-highlight-color:transparent;background:transparent;border:none;cursor:pointer}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-item.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc262666,inset 0 1px #fff3}.bottom-nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{flex:1;overflow:auto;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));min-height:0;background:var(--bg)}@media(min-width:1024px){.app-main{padding-bottom:1.25rem}}.page-shell{width:100%;max-width:80rem;margin:0 auto;padding:.75rem}.trade-toast-stack{position:fixed;top:max(4.5rem,env(safe-area-inset-top,0px) + 3.5rem);right:.75rem;z-index:100;display:flex;flex-direction:column;gap:.45rem;pointer-events:none;max-width:min(18rem,calc(100vw - 1.5rem))}.trade-toast{pointer-events:auto;border-radius:.85rem;padding:.55rem .75rem;font-size:.72rem;font-weight:650;color:#fff;box-shadow:0 10px 28px #0006,inset 0 1px #ffffff2e;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.16);animation:trade-toast-in .32s cubic-bezier(.22,1,.36,1) both}.trade-toast.ok{background:linear-gradient(135deg,#10b981eb,#059669e0)}.trade-toast.err{background:linear-gradient(135deg,#ef4444f0,#b91c1ce6)}.trade-toast.info{background:linear-gradient(135deg,#0ea5e9eb,#0284c7e0)}@keyframes trade-toast-in{0%{opacity:0;transform:translate(18px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.pos-card-enter{animation:pos-card-pop .38s cubic-bezier(.22,1,.36,1) both}@keyframes pos-card-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}button[aria-label="Open positions"]{display:flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;height:2.6rem!important;margin-top:.25rem!important;margin-bottom:.15rem!important;border-radius:1.1rem!important;background:linear-gradient(165deg,#ffffff24,#22d3ee1f 35%,#0e1628d9)!important;border:1px solid rgba(34,211,238,.38)!important;box-shadow:0 10px 28px #0006,0 0 24px #22d3ee29,inset 0 1px #ffffff38!important;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);transition:transform .15s ease,box-shadow .15s ease!important}button[aria-label="Open positions"]:active{transform:scale(.97)!important}button[aria-label="Open positions"] svg{animation:arrow-bounce 1.4s ease-in-out infinite;color:#67e8f9!important}button[aria-label="Open positions"] span.w-8{width:1.75rem!important;height:3px!important;border-radius:999px!important;background:#67e8f9bf!important}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:1023px){.app-main>div[class*="100dvh"],.app-main>div[class*="h-\\[calc"]{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}.app-main{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom,0px))}.app-main .bg-\\[\\#0a0f16\\],.app-main [class*="bg-[#0a0f16]"]{min-height:0!important;padding-top:.35rem!important;padding-bottom:.35rem!important}}.fixed.inset-0.z-\\[90\\] > button.absolute.inset-0{background:#0000008c!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.fixed.inset-0.z-\\[90\\] > div.absolute.inset-x-0{background:linear-gradient(180deg,#121a24,#0a0e14 20%)!important;border-top:1px solid rgba(255,255,255,.14)!important;box-shadow:0 -20px 50px #0000008c!important;border-radius:1.5rem 1.5rem 0 0!important}.stake-amount-input{min-width:3.75rem!important;width:100%!important;max-width:7rem;color:#f8fafc}.stake-amount-input::placeholder{color:#64748b;opacity:1}aside input[type=number]{min-width:2.5rem!important;width:100%!important;flex:1 1 auto!important;-moz-appearance:textfield}aside input[type=number]::-webkit-outer-spin-button,aside input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pos-arrow-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;height:2.5rem;border-radius:1.1rem;background:linear-gradient(165deg,#ffffff24,#22d3ee1f 40%,#0e1628bf);border:1px solid rgba(34,211,238,.35);box-shadow:0 8px 22px #00000059,0 0 20px #22d3ee26,inset 0 1px #fff3;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);transition:transform .15s ease,box-shadow .15s ease}.pos-arrow-btn:active{transform:scale(.97)}.trade-btn-flash{animation:trade-btn-pulse .45s ease-out}@keyframes trade-btn-pulse{0%{transform:scale(1);box-shadow:0 0 #ffffff59}40%{transform:scale(.97)}to{transform:scale(1);box-shadow:0 0 0 10px #fff0}}.admin-shell{--m3-surface: #0f0f12;--m3-surface-dim: #0a0a0c;--m3-surface-container: #1c1b1f;--m3-surface-container-high: #2b2930;--m3-surface-container-highest: #36343b;--m3-on-surface: #e6e1e5;--m3-on-surface-variant: #cac4d0;--m3-outline: #938f99;--m3-outline-variant: #49454f;--m3-primary: #d0bcff;--m3-primary-container: #4f378b;--m3-error: #f2b8b5;--m3-error-container: #8c1d18;--m3-success: #81c995;--m3-success-container: #0d652d;--m3-warning: #fdd663;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(103,80,164,.22),transparent),var(--m3-surface-dim);color:var(--m3-on-surface);min-height:100dvh}.admin-glass{background:color-mix(in srgb,var(--m3-surface-container) 92%,transparent);border:1px solid color-mix(in srgb,var(--m3-outline-variant) 55%,transparent);border-radius:1rem;color:var(--m3-on-surface)}.admin-glass-strong{background:color-mix(in srgb,var(--m3-surface-container-high) 95%,transparent);border:1px solid color-mix(in srgb,var(--m3-outline-variant) 70%,transparent);border-radius:1.5rem;color:var(--m3-on-surface)}.admin-dock{background:color-mix(in srgb,var(--m3-surface-container) 94%,transparent);border:1px solid color-mix(in srgb,var(--m3-outline-variant) 60%,transparent)}.admin-dock-item{color:var(--m3-on-surface-variant);border-radius:1rem;min-height:3rem}.admin-dock-item.active{color:var(--m3-primary)!important;background:color-mix(in srgb,var(--m3-primary-container) 55%,transparent);font-weight:700}