@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(.5rem,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:50;width:min(calc(100% - 1rem),28rem);border-radius:1.15rem;padding:.35rem;display:flex;align-items:stretch;gap:.1rem;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--border-strong);box-shadow:0 12px 40px var(--shadow),inset 0 1px #ffffff14}@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:.12rem;padding:.45rem .15rem;border-radius:.85rem;font-size:.58rem;line-height:1.1;font-weight:600;color:var(--text-muted);transition:transform .12s ease,background .15s ease,color .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 12px #dc262659}.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.25rem + 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}.bot-pulse-dot{width:8px;height:8px;border-radius:999px;background:#6ee7b7;box-shadow:0 0 #6ee7b7b3;animation:bot-pulse 1.2s ease-out infinite}@keyframes bot-pulse{0%{box-shadow:0 0 #6ee7b7b3}70%{box-shadow:0 0 0 10px #6ee7b700}to{box-shadow:0 0 #6ee7b700}}.bot-tx-active{animation:bot-tx-flash 1s ease-in-out infinite}@keyframes bot-tx-flash{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.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}
