:root{--color-bg-primary: #0a0e14;--color-bg-secondary: #131820;--color-bg-tertiary: #1a2030;--color-bg-card: rgba(19, 24, 32, .8);--color-bg-card-hover: rgba(26, 32, 48, .9);--color-text-primary: #f0f2f5;--color-text-secondary: #8b95a5;--color-text-tertiary: #5a6478;--color-accent: #00d4aa;--color-accent-hover: #00e8bb;--color-accent-dim: rgba(0, 212, 170, .15);--color-negative: #ff4757;--color-negative-dim: rgba(255, 71, 87, .15);--color-purple: #7c5cfc;--color-purple-dim: rgba(124, 92, 252, .15);--color-warning: #ffa502;--color-warning-dim: rgba(255, 165, 2, .15);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--gradient-accent: linear-gradient(135deg, #00d4aa 0%, #00b4d8 100%);--gradient-purple: linear-gradient(135deg, #7c5cfc 0%, #a78bfa 100%);--gradient-card: linear-gradient( 180deg, rgba(19, 24, 32, .9) 0%, rgba(10, 14, 20, .95) 100% );--gradient-shimmer: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, 0) 100% );--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-xxl: 28px;--font-size-display: 36px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-glow-accent: 0 0 20px rgba(0, 212, 170, .3);--shadow-glow-negative: 0 0 20px rgba(255, 71, 87, .3);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--bottom-nav-height: 64px;--header-height: 56px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flashUp{0%{background-color:transparent}20%{background-color:var(--color-accent-dim)}to{background-color:transparent}}@keyframes flashDown{0%{background-color:transparent}20%{background-color:var(--color-negative-dim)}to{background-color:transparent}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;touch-action:pan-y}#root{height:100%;display:flex;flex-direction:column}input,textarea,button{font-family:inherit;font-size:inherit;border:none;outline:none;background:none;color:inherit}button{cursor:pointer;-webkit-appearance:none}a{color:var(--color-accent);text-decoration:none}::-webkit-scrollbar{width:0;height:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.price-flash-up{animation:flashUp var(--duration-slow) ease-out}.price-flash-down{animation:flashDown var(--duration-slow) ease-out}.mono{font-family:var(--font-mono)}.positive{color:var(--color-accent)}.negative{color:var(--color-negative)}