:root{--color-primary: #FF6B35;--color-primary-dark: #E05020;--color-secondary: #4ECDC4;--color-accent: #FFE66D;--color-success: #6BCB77;--color-purple: #C77DFF;--color-sky: #74C0FC;--color-coral: #FF6B6B;--color-bg: #1A1A2E;--color-bg-card: #16213E;--color-bg-surface: #0F3460;--color-text: #FFFFFF;--color-text-muted: rgba(255, 255, 255, .6);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--touch-min: 72px;--touch-large: 96px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-button: 0 4px 12px rgba(0, 0, 0, .3);--font-size-base: 18px;--font-size-lg: 22px;--font-size-xl: 28px;--font-size-2xl: 36px;--transition-fast: .15s ease;--transition-mid: .25s ease;--nav-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}html{height:100%;overscroll-behavior:none}body{height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}input,textarea{-webkit-user-select:text;user-select:text}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}