@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-glass: rgba(255, 255, 255, .72);--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-teal: #14b8a6;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--accent-gold: #f59e0b;--accent-gold-dark: #d97706;--accent-blue: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--male-bg: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);--male-border: #3b82f6;--male-text: #1e40af;--female-bg: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);--female-border: #ec4899;--female-text: #9d174d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-glow: 0 10px 30px rgba(245, 158, 11, .28);--line-marriage: #ef4444;--line-child: #0f172a;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}body{width:100vw;height:100vh}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#6366f133}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:var(--transition-base)}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input{font-family:var(--font-body);outline:none;transition:var(--transition-base)}input:focus{box-shadow:0 0 0 3px #6366f126}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:scaleIn .25s ease}@media(max-width:768px){:root{--radius-lg: 12px;--radius-xl: 16px}}