:root{--color-primary: #335cff;--color-primary-dark: #2847cc;--color-success: #21c021;--color-success-border: #b8e6c8;--color-success-bg: #f0faf4;--color-success-accent: #e0f5e9;--color-warning: #c9910a;--color-warning-border: #f0d89a;--color-warning-bg: #fdf8ec;--color-warning-accent: #faf0d4;--color-error: #cc3333;--color-error-border: #e8aaaa;--color-error-bg: #fdf2f2;--color-error-accent: #f5dcdc;--color-text: #333333;--color-text-muted: #666666;--color-bg: #f5f5f5;--color-bg-white: #ffffff;--color-border: #e5e5e5;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--touch-min: 44px;--modal-max-width: 500px;--modal-min-width: 360px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:960px;margin:0 auto;padding:0 var(--space-md)}