:root{--color-primary: #007AFF;--color-bg: #FFFFFF;--color-bg-secondary: #F2F2F7;--color-text: #000000;--color-text-secondary: #3C3C43;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-gray: #8E8E93;--radius-sm: 8px;--radius-md: 12px;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .12);--shadow-strong: 0 4px 16px rgba(0, 0, 0, .16);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--font-sf: "SF Pro Text", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sf);background:var(--color-bg-secondary);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-5)}.app-title{font-size:34px;font-weight:700;margin-bottom:var(--space-2)}.app-subtitle{font-size:17px;color:var(--color-text-secondary)}