@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&family=Playfair+Display:wght@400;700&family=UnifrakturMaguntia&display=swap";
:root,[data-theme=light]{--bg-page:#fdfcf8;--bg-surface:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#828282;--accent-base:#7a1515;--accent-light:#9e1d1d;--accent-gold:#a67c00;--border-subtle:#e3decd;--border-strong:#c2baab;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 10px #0000000f;--shadow-lg:0 10px 25px #0000001a;--shadow-glow:0 0 15px #8b1c1c26;--tree-edge:#8b8f95;--tree-canvas:#4f5257;--fan-ring-1:#f3e5c7;--fan-ring-2:#eed6b4;--fan-ring-3:#e7c49f;--fan-ring-4:#e1b38e;--fan-ring-5:#daa57f;--fan-ring-6:#d09871;--fan-center:#f7efe1;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--transition-smooth:.2s ease-in-out}[data-theme=dark]{--bg-page:#0d0d0d;--bg-surface:#141414;--text-primary:#f0f0f0;--text-secondary:#a3a3a3;--text-muted:#666;--accent-base:#8b1c1c;--accent-light:#b02a2a;--accent-gold:#c5a059;--border-subtle:#262626;--border-strong:#404040;--shadow-sm:none;--shadow-md:0 4px 10px #00000080;--shadow-lg:0 10px 30px #000c;--shadow-glow:0 0 15px #8b1c1c66;--tree-edge:#7f868f;--tree-canvas:#2b2d31;--fan-ring-1:#2c2620;--fan-ring-2:#352e26;--fan-ring-3:#3f362d;--fan-ring-4:#493e34;--fan-ring-5:#54463c;--fan-ring-6:#5f4f44;--fan-center:#1b1612;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--transition-smooth:.2s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-body,"Inter", sans-serif);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex}h1,h2,h3,h4,.serif{font-family:var(--font-header,"UnifrakturMaguntia", cursive);color:var(--text-primary);letter-spacing:.02em;font-weight:400}h1{margin-bottom:.5em;font-size:3.5rem;line-height:1.1}h2{margin-bottom:.5em;font-size:2.5rem}p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.gradient-text{background:linear-gradient(135deg, var(--accent-gold), #e8c886);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);padding:3rem}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:var(--accent-base);transform:translateY(-2px)}.btn-primary{border-radius:var(--radius-md);background:var(--accent-base);color:#fff;border:1px solid var(--accent-light);cursor:pointer;transition:all var(--transition-smooth);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;padding:1rem 2rem;font-size:1.125rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.react-flow__controls{overflow:hidden;box-shadow:var(--shadow-md)!important;border-radius:var(--radius-sm)!important}.react-flow__controls-button{background-color:var(--bg-surface)!important;border-bottom:1px solid var(--border-strong)!important;fill:var(--text-primary)!important;transition:all var(--transition-smooth)!important;justify-content:center!important;align-items:center!important;display:flex!important}.react-flow__controls-button:hover{background-color:var(--border-subtle)!important;fill:var(--accent-gold)!important}.react-flow__controls-button:focus-visible{outline-offset:-2px;outline:2px solid var(--accent-base)!important}.react-flow__controls-button:last-child{border-bottom:none!important}a{color:var(--text-primary);transition:color var(--transition-smooth);text-decoration:none}a:hover{color:var(--accent-gold)}.tree-node-card{color:#1f2328;cursor:pointer;min-width:250px;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);background:#f4f5f6;border:1px solid #cfd3d8;border-radius:6px;align-items:center;gap:9px;padding:7px 9px;display:flex;box-shadow:0 1px 2px #0000001f}.tree-node-card-selected{border-color:#80a72f;box-shadow:0 0 0 2px #80a72f66,0 4px 10px #0000002e}.tree-node-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000029}.tree-node-thumb{object-fit:cover;background:#e9ecef;border:1px solid #c6cad0;border-radius:3px;flex-shrink:0;width:48px;height:48px}.tree-node-text{min-width:0}.tree-node-name{color:#121417;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:.98rem;display:block;overflow:hidden}.tree-node-years{color:#4f5661;letter-spacing:.01em;font-size:.83rem;font-weight:500;display:block}.tree-inspector{z-index:20;background:#f5f6f7;border:1px solid #cfd3d8;border-radius:8px;width:240px;max-height:calc(100% - 32px);padding:12px;position:absolute;top:16px;left:16px;overflow:auto;box-shadow:0 8px 18px #00000038}.tree-inspector-title{text-transform:uppercase;letter-spacing:.08em;color:#6a6f77;margin-bottom:4px;font-size:.72rem;font-weight:700}.tree-inspector-name{color:#1e2227;font-size:1.06rem;font-weight:700;line-height:1.25}.tree-inspector-years{color:#4f5661;margin-bottom:10px;font-size:.82rem}.tree-inspector-group{margin-top:10px}.tree-inspector-label{text-transform:uppercase;letter-spacing:.07em;color:#6a6f77;margin-bottom:4px;font-size:.72rem;font-weight:700}.tree-inspector-link{text-align:left;color:#20262d;cursor:pointer;background:#fff;border:1px solid #d5d9de;border-radius:5px;width:100%;margin-bottom:5px;padding:6px 8px;font-size:.85rem}.tree-inspector-link:hover{background:#f1f3f5;border-color:#9ca4ae}.tree-inspector-empty{color:#7b838d;font-size:.82rem}.tree-inspector-open{color:#fff;cursor:pointer;background:#2f8d2f;border:none;border-radius:6px;width:100%;margin-top:12px;padding:8px 10px;font-weight:700}.tree-inspector-open:hover{background:#277827}.tree-layout-controls{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#222428cc;border:1px solid #ffffff26;border-radius:8px;gap:6px;padding:6px;display:flex;position:absolute;top:16px;right:16px}.tree-layout-btn{color:#22272e;cursor:pointer;background:#f4f6f8;border:1px solid #8b9199;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:700}.tree-layout-btn:hover{background:#fff}.tree-layout-btn-active{color:#fff;background:#2f8d2f;border-color:#2f8d2f}.fan-controls{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.fan-control-group{align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.fan-control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:.35rem;font-size:.65rem}.fan-control-value{text-align:center;min-width:1.6rem;font-weight:600}.fan-btn{border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.25rem .6rem;font-size:.7rem}.fan-btn-active{background:var(--accent-base);color:#fff;border-color:var(--accent-base)}@media (max-width:900px){.site-nav{padding:1rem 0!important}.site-nav-inner{flex-direction:column;gap:.75rem;align-items:flex-start!important}.site-nav-links{width:100%;justify-content:flex-start!important;gap:.6rem!important;font-size:.88rem!important}.site-brand{font-size:1.25rem!important}}@media (max-width:640px){.container{padding:0 1rem}h1{font-size:2.2rem;line-height:1.15}h2{font-size:1.8rem}p{font-size:1rem;line-height:1.55}.glass-card{padding:1.2rem!important}.btn-primary{width:100%;max-width:320px;padding:.85rem 1rem;font-size:.98rem}.theme-toggle{margin-left:0!important;padding:.4rem .7rem!important;font-size:.8rem!important}.tree-node-card{min-width:212px;padding:7px 8px}.tree-node-thumb{width:40px;height:40px}.tree-node-name{font-size:.95rem}.tree-inspector{width:208px;padding:9px;top:10px;left:10px}.tree-layout-controls{gap:5px;padding:5px;top:10px;right:10px}.tree-layout-btn{padding:5px 8px;font-size:.75rem}}