:root{--primary-blue: #007AFF;--primary-blue-hover: #0051CC;--primary-orange: #FF9500;--primary-orange-hover: #E68500;--accent-cyan: #5AC8FA;--gradient-blue: linear-gradient(135deg, #007AFF 0%, #00C6FF 100%);--gradient-orange: linear-gradient(135deg, #FF9500 0%, #FF5E00 100%);--gradient-premium: #007AFF;--gradient-mesh: radial-gradient(at 0% 0%, rgba(0, 122, 255, .15) 0, transparent 50%), radial-gradient(at 50% 0%, rgba(90, 200, 250, .15) 0, transparent 50%), radial-gradient(at 100% 0%, rgba(255, 149, 0, .1) 0, transparent 50%);--text-main: #1D1D1F;--text-sub: #86868B;--bg-color: #F5F5F7;--card-bg: #FFFFFF;--border-color: #D2D2D7;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: blur(20px);--font-main: "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--bottom-nav-height: 80px;--header-height: 60px;--max-app-width: 430px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;max-width:100vw}body{font-family:var(--font-main);background:var(--bg-color);color:var(--text-main);min-height:100vh;overflow-x:hidden;overflow-y:auto;max-width:100vw}#root{width:100%;min-height:100vh;background:#fff;position:relative;display:flex;flex-direction:column}button{border:none;background:none;cursor:pointer;font-family:inherit}button:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:4px}a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.text-blue{color:var(--primary-blue)}.text-orange{color:var(--primary-orange)}.bg-blue{background-color:var(--primary-blue)}.bg-orange{background-color:var(--primary-orange)}.shadow-sm{box-shadow:0 2px 8px #0000000d}.shadow-md{box-shadow:0 4px 12px #0000001a}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}button,a,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}img{max-width:100%;height:auto}@media (min-width: 431px){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}}