@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fd091ad6-module__giF-bG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fd091ad6-module__giF-bG__variable{--font-sans:"Inter", "Inter Fallback"}
:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--color-bg:#0c0e14;--color-surface:#141820;--color-surface-raised:#1a1f2e;--color-surface-hover:#1e2438;--color-border:#ffffff14;--color-border-hover:#ffffff2e;--color-accent:#f5a623;--color-accent-dim:#f5a62326;--color-accent-glow:#f5a62366;--color-male:#4a9eff;--color-male-dim:#4a9eff1f;--color-female:#e06cbc;--color-female-dim:#e06cbc1f;--color-divorced:#f56565;--color-widowed:#a0aec0;--color-deceased-border:#a0aec066;--color-you:#f6e05e;--color-you-glow:#f6e05e59;--color-edge:#f5a62373;--color-text-primary:#f0f2f7;--color-text-secondary:#8892a4;--color-text-muted:#545d6e;--card-radius:14px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-card:0 4px 24px #00000073, 0 1px 4px #0000004d;--shadow-card-hover:0 8px 32px #0009, 0 2px 8px #0006;--shadow-modal:0 20px 60px #000000b3, 0 4px 16px #00000080;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-layout{background:var(--color-bg);width:100vw;height:100vh;position:relative;overflow:hidden}.tree-section{flex-direction:column;width:100%;height:100%;display:flex}.tree-container{background:var(--color-bg);flex:1;position:relative;overflow:hidden}.tree-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 50% 20%,#f5a62308 0%,#0000 70%);position:absolute;inset:0}.tree-loading{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-secondary);background:#0c0e1499;justify-content:center;align-items:center;gap:10px;font-size:.85rem;display:flex;position:absolute;inset:0}.tree-loading__spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.react-flow{background:var(--color-bg)!important}.react-flow__controls{box-shadow:0 4px 20px #0006!important}.react-flow__controls-button{background:var(--color-surface-raised)!important;border-color:var(--color-border)!important;color:var(--color-text-secondary)!important;transition:all var(--transition-fast)!important}.react-flow__controls-button:hover{background:var(--color-surface-hover)!important;color:var(--color-text-primary)!important}.react-flow__controls-button svg{fill:currentColor!important}.react-flow__edge-path{stroke:var(--color-edge)!important;stroke-width:2px!important}.person-card{background:var(--color-surface);border-radius:var(--card-radius);cursor:pointer;width:180px;min-height:90px;box-shadow:var(--shadow-card);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);-webkit-backdrop-filter:blur(8px);border:1.5px solid #0000;align-items:center;gap:10px;padding:12px;display:flex;position:relative;overflow:hidden}.person-card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.person-card:hover,.person-card:focus-visible{box-shadow:var(--shadow-card-hover);background:var(--color-surface-raised);outline:none;transform:translateY(-2px)scale(1.02)}.person-card--male{background:linear-gradient(135deg, var(--color-surface) 0%, #4a9eff0a 100%)}.person-card--female{background:linear-gradient(135deg, var(--color-surface) 0%, #e06cbc0a 100%)}.person-card--me{box-shadow:var(--shadow-card), 0 0 20px var(--color-you-glow);animation:3s ease-in-out infinite me-pulse;border-color:var(--color-you)!important}@keyframes me-pulse{0%,to{box-shadow:var(--shadow-card), 0 0 16px var(--color-you-glow)}50%{box-shadow:var(--shadow-card), 0 0 28px var(--color-you-glow)}}.me-badge{color:var(--color-you);letter-spacing:.05em;text-transform:uppercase;font-size:.55rem;font-weight:700;position:absolute;top:5px;right:6px}.person-card--deshna{box-shadow:var(--shadow-card), 0 0 22px #ff758c66;animation:3.5s ease-in-out infinite deshna-pulse;border-color:#ff758c!important}@keyframes deshna-pulse{0%,to{box-shadow:var(--shadow-card), 0 0 18px #ff758c59;border-color:#ff758c!important}50%{box-shadow:var(--shadow-card), 0 0 32px #ff758c99;border-color:#ff99ab!important}}.deshna-badge{color:#ff758c;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:2px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:5px;right:6px}.person-card--deceased-a{filter:grayscale(70%)brightness(.75)}.person-card--deceased-a:hover{filter:grayscale(50%)brightness(.85)}.deceased-stripe{border-radius:inherit;pointer-events:none;z-index:1;background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#00000026 10px 11px);position:absolute;inset:0}.deceased-cross{color:var(--color-text-muted);z-index:2;font-size:.75rem;position:absolute;top:4px;right:6px}.person-card--deceased-b{opacity:.65;filter:brightness(.7)saturate(.4);border-color:var(--color-deceased-border)!important}.person-card--deceased-b:hover{opacity:.8;filter:brightness(.85)saturate(.6)}.deceased-b-overlay{align-items:center;gap:4px;margin-top:4px;display:flex}.deceased-candle{font-size:.75rem;line-height:1}.deceased-b-date{color:var(--color-text-muted);font-size:.62rem}.person-card--deceased-c{filter:sepia(60%)brightness(.75)saturate(.5);border-color:var(--color-deceased-border)!important}.person-card--deceased-c:hover{filter:sepia(40%)brightness(.85)saturate(.7)}.deceased-c-ribbon{border-bottom-left-radius:var(--radius-sm);border-top-right-radius:var(--card-radius);color:var(--color-text-muted);background:#a0aec040;flex-direction:column;align-items:flex-end;gap:1px;padding:3px 6px;font-size:.58rem;font-style:italic;display:flex;position:absolute;top:0;right:0}.person-card__avatar{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 2px 8px #0006}.person-card__info{z-index:2;flex:1;min-width:0;position:relative}.person-card__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;line-height:1.3;overflow:hidden}.person-card__meta{color:var(--color-text-muted);margin-top:2px;font-size:.68rem}.family-node{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.family-node__ring{border:2px solid var(--color-accent);background:var(--color-surface);width:32px;height:32px;box-shadow:0 0 12px var(--color-accent-glow);transition:box-shadow var(--transition-base), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.family-node__ring:hover{box-shadow:0 0 20px var(--color-accent-glow);transform:scale(1.1)}.family-node__icon{color:var(--color-accent);font-size:.75rem;line-height:1}.expand-btn{background:var(--color-surface-raised);border:1px solid var(--color-border);width:20px;height:20px;color:var(--color-text-secondary);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;animation:2.5s ease-in-out infinite expand-pulse;display:flex}.expand-btn:hover{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent);animation:none;transform:scale(1.15)}.expand-btn--open{background:var(--color-accent-dim);color:var(--color-accent);border-color:#f5a62366;animation:none}.expand-btn--open svg{transform:rotate(180deg)}.expand-btn svg{transition:transform var(--transition-base)}@keyframes expand-pulse{0%,to{box-shadow:0 0 #f5a62300}50%{box-shadow:0 0 0 4px #f5a62333}}.reset-view-btn{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.15rem;display:flex;box-shadow:0 4px 15px #0006}.reset-view-btn:hover{background:var(--color-surface-raised);border-color:var(--color-border-hover);color:var(--color-text-primary)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;animation:fade-in var(--transition-base) forwards;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-modal);animation:modal-slide-up var(--transition-slow) cubic-bezier(.34, 1.56, .64, 1) forwards;position:relative;overflow:hidden}.modal:before{content:"";background:linear-gradient(90deg, var(--color-male), var(--color-accent), var(--color-female));height:3px;position:absolute;top:0;left:0;right:0}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__close{background:var(--color-surface-raised);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);transition:all var(--transition-fast);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:12px;right:12px}.modal__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:scale(1.1)}.modal__header{background:linear-gradient(#ffffff08 0%,#0000 100%);align-items:center;gap:18px;padding:24px 24px 16px;display:flex}.modal__avatar{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 16px #00000080}.modal__header-info{flex:1;min-width:0}.modal__name{color:var(--color-text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.3}.modal__relationship{color:var(--color-accent);margin-top:3px;font-size:.78rem;font-weight:500}.modal__deceased-badge{color:var(--color-text-muted);background:#a0aec01a;border:1px solid #a0aec033;border-radius:20px;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;font-size:.68rem;display:inline-flex}.modal__body{padding:0 24px 24px}.modal__grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.modal__detail{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.modal__detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:600}.modal__detail-value{color:var(--color-text-primary);font-size:.85rem;font-weight:500}.modal__notes{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:12px;display:flex}.modal__notes-text{color:var(--color-text-secondary);font-size:.82rem;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}