:root,[data-theme=light]{--bg-page: #f8fafc;--bg-surface: #fff;--bg-surface-secondary: #f8fafc;--bg-surface-hover: #f1f5f9;--bg-surface-active: #dbeafe;--bg-input: #fff;--text-primary: #0f172a;--text-body: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--border: #e2e8f0;--border-light: #f1f5f9;--border-input: #d1d5db;--shadow: rgba(0,0,0,.1);--shadow-lg: rgba(0,0,0,.2);--card-bg: #fff;--card-border: #e2e8f0;--card-hover-border: #3b82f6;--card-hover-shadow: rgba(59,130,246,.12);--upload-hover-bg: #eff6ff;--modal-bg: #fff;--progress-bg: #e2e8f0;--table-row-hover: #f8fafc;--delete-hover-bg: #fef2f2;--node-male-bg: #dbeafe;--node-female-bg: #fce7f3;--node-male-stroke: #3b82f6;--node-female-stroke: #ec4899;--node-text: #1f2937;--node-date-text: #6b7280;--node-place-text: #9ca3af;color-scheme:light}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[data-theme=dark]{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-surface-secondary: #1e293b;--bg-surface-hover: #334155;--bg-surface-active: #1e3a5f;--bg-input: #334155;--text-primary: #f1f5f9;--text-body: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #475569;--border: #334155;--border-light: #1e293b;--border-input: #475569;--shadow: rgba(0,0,0,.3);--shadow-lg: rgba(0,0,0,.5);--card-bg: #1e293b;--card-border: #334155;--card-hover-border: #3b82f6;--card-hover-shadow: rgba(59,130,246,.2);--upload-hover-bg: rgba(59,130,246,.1);--modal-bg: #1e293b;--progress-bg: #334155;--table-row-hover: #334155;--delete-hover-bg: rgba(220,38,38,.15);--node-male-bg: #1e3a5f;--node-female-bg: #4a1942;--node-male-stroke: #60a5fa;--node-female-stroke: #f472b6;--node-text: #f1f5f9;--node-date-text: #94a3b8;--node-place-text: #64748b;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-page);color:var(--text-body);font-family:system-ui,-apple-system,Segoe UI,sans-serif}