:root,[data-theme=dark]{--bg: #0c0b0a;--bg-warm: #110f0d;--surface: #1a1816;--surface-hover: #242120;--card: #1e1c1a;--border: #2a2725;--border-light: #353230;--accent: #c8956c;--accent-light: #dab08a;--accent-dim: rgba(200, 149, 108, .12);--accent-glow: rgba(200, 149, 108, .25);--text: #e8e4df;--text-secondary: #a8a29e;--text-muted: #6d6863;--text-dim: #4a4540;--male: #5b7fa6;--female: #a6697a;--other: #7a9a6b;--danger: #a65b5b;--danger-bg: rgba(166, 91, 91, .1);--success: #6b9a6b;--success-bg: rgba(107, 154, 107, .1);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 30px rgba(0,0,0,.5)}[data-theme=light]{--bg: #f5f0eb;--bg-warm: #ede7e0;--surface: #ffffff;--surface-hover: #f0ebe5;--card: #faf7f4;--border: #d9d0c7;--border-light: #e5ddd5;--accent: #a06b3e;--accent-light: #b8854e;--accent-dim: rgba(160, 107, 62, .1);--accent-glow: rgba(160, 107, 62, .2);--text: #2c2420;--text-secondary: #5a524a;--text-muted: #8a827a;--text-dim: #b0a89f;--male: #3a6a96;--female: #964a6a;--other: #5a8a4a;--danger: #c44a4a;--danger-bg: rgba(196, 74, 74, .08);--success: #4a8a4a;--success-bg: rgba(74, 138, 74, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 30px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.fade-in{animation:fadeIn .3s ease-out forwards}.slide-in-right{animation:slideInRight .25s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft .2s ease-out forwards}