:root{--primary-color: #007aff;--secondary-color: #5ac8fa;--background-color: #f5f5f7;--text-color: #1d1d1f;--error-color: #ff3b30;--success-color: #34c759;--border-radius: 8px;--spacing-small: 8px;--spacing-medium: 16px;--spacing-large: 24px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{max-width:1200px;margin:0 auto;padding:var(--spacing-medium)}button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:var(--spacing-small) var(--spacing-medium);font-size:16px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--secondary-color)}@media (max-width: 768px){.App{padding:var(--spacing-small)}button{width:100%;padding:var(--spacing-medium);font-size:18px}}