:root {
  --bg: #EEEEF3; --surface: #FFFFFF;
  --border: rgba(0,0,0,0.08); --border-med: rgba(0,0,0,0.14);
  --text: #1C1C1E; --text2: #6C6C70; --text3: #AEAEB2;
  --blue: #007AFF; --blue-light: #EBF3FF;
  --green: #34C759; --green-light: #EDFAF1; --green-dark: #1A7A34;
  --orange: #FF9500; --orange-light: #FFF4E5; --orange-dark: #8C5000;
  --red: #FF3B30;
  --font: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --r-s: 8px; --r-m: 12px; --r-l: 16px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; -webkit-font-smoothing: antialiased; }
.page { display: none; }
.page.active { display: block; }