@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-void: #0a0e17;--bg-primary: #0a0e17;--bg-elevated: #111827;--bg-subtle: #0f172a;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #475569;--text-ghost: #3f3f46;--up-color: #00dc82;--up-bg: rgba(0, 220, 130, .15);--down-color: #ff4757;--down-bg: rgba(255, 71, 87, .15);--accent: #3b82f6;--accent-foreground: #ffffff;--warning: #f59e0b;--border: 217 33% 17%;--radius: .75rem}*{@apply border-border;}html{font-family:Plus Jakarta Sans,system-ui,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-feature-settings:"rlig" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::selection{background:#3b82f64d;color:#fff}}@layer components{.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-elevated{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.glass-drawer{background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bg-grid{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.font-mono-data{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em}.font-display{font-family:Chakra Petch,sans-serif;letter-spacing:-.02em}.animate-fade-up{animation:fadeUp .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-up{animation:slideUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-down{animation:slideDown .3s cubic-bezier(.34,1.56,.64,1) forwards}.flash-up{animation:flashUp .3s ease-out}.flash-down{animation:flashDown .3s ease-out}.glow-up{box-shadow:0 0 20px #00dc824d,0 0 40px #00dc821a}.glow-down{box-shadow:0 0 20px #ff47574d,0 0 40px #ff47571a}.glow-accent{box-shadow:0 0 20px #3b82f64d,0 0 40px #3b82f61a}.btn-press:active{transform:scale(.97)}.tab-indicator{position:relative}.tab-indicator:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--accent);border-radius:1px}}@layer utilities{.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.text-gradient{background:linear-gradient(135deg,#00dc82,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes flashUp{0%{color:var(--up-color)}to{color:inherit}}@keyframes flashDown{0%{color:var(--down-color)}to{color:inherit}}button,[role=button],a,select{cursor:pointer}.no-select,button,[role=button]{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:auto;user-select:auto}html{scroll-behavior:smooth}html,body,#root{height:100%;overflow:hidden;position:relative}.scroll-container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.touch-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}