body{margin:0;font-family:Segoe UI,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);--page-max-width: 640px;--page-padding: 2rem 2.5rem;--bg-color: #f5f5f5;--text-color: #333;--color-text-primary: #333;--color-text-secondary: #6b7280;--color-accent: #1d9e75;--color-error: #e74c3c;--nav-bg: #2d2d2d;--card-bg: #ffffff;--border-color: #ccc;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}body.dark{--bg-color: #1a1a2e;--text-color: #f8fafc;--color-text-primary: #f8fafc;--color-text-secondary: #b0bec5;--nav-bg: #1e1e1e;--card-bg: #0f3460;--border-color: #444}