:root{--paper: #FAF8F5;--paper-warm: #F5F2ED;--ink: #1A1A1A;--ink-soft: #4A4A4A;--ink-muted: #8A8A8A;--teal: #4A9B9B;--teal-soft: #6BB3B3;--teal-muted: rgba(74, 155, 155, .15);--orange: #E8854A;--orange-soft: #F5A66E;--orange-muted: rgba(232, 133, 74, .15);--success: #5A9B6B;--error: #C75A5A;--surface-base: var(--paper);--surface-elevated: #FFFFFF;--surface-sunken: var(--paper-warm);--border-subtle: rgba(26, 26, 26, .08);--border-medium: rgba(26, 26, 26, .15);--shadow-tile: 0 1px 2px rgba(26, 26, 26, .08), 0 2px 4px rgba(26, 26, 26, .06);--shadow-tile-hover: 0 2px 4px rgba(26, 26, 26, .1), 0 4px 8px rgba(26, 26, 26, .08);--shadow-card: 0 1px 3px rgba(26, 26, 26, .04), 0 2px 6px rgba(26, 26, 26, .03);--shadow-elevated: 0 4px 12px rgba(26, 26, 26, .08), 0 8px 24px rgba(26, 26, 26, .06);--font-display: "Georgia", serif;--font-mono: "SF Mono", "Consolas", "Liberation Mono", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .2s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--surface-base);color:var(--ink);line-height:1.5;min-height:100vh}#root{min-height:100vh}