:root{--blue:#0077bb;--blue-d:#005a8d;--blue-s:#e6f2f9;--ink:#12303f;--line:#a9bfcc;--paper:#f3f8fb;--card:#fff;--red:#d32f2f;--green:#2e9e5b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-nunito),system-ui,sans-serif}button{font:inherit;cursor:pointer}a{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.hero{max-width:640px;margin:12vh auto;padding:0 24px}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 16px;font-weight:800;color:var(--blue)}.hero p{line-height:1.7;font-size:1.1rem}.code-form{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.code-form input{flex:1 1;min-width:200px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);font:inherit}.code-form button,.toolbar button{padding:10px 16px;background:var(--blue);color:#fff;border:0;border-radius:8px;font-weight:600}.code-form button:hover,.toolbar button:hover{background:var(--blue-d)}.page{padding:20px 24px}.back{display:inline-block;margin-bottom:4px;font-weight:600}.head h1{margin:0;color:var(--blue);font-weight:800}.desc{margin:4px 0 0;color:#46667a;line-height:1.5}.toolbar{gap:8px;margin:12px 0}.toolbar,.toolbar .zoom{display:flex;flex-wrap:wrap;align-items:center}.toolbar .zoom{margin-left:auto;gap:4px}.toolbar button.ghost{background:var(--card);color:var(--blue);border:1px solid var(--blue)}.toolbar button.ghost.on,.toolbar button.ghost:hover{background:var(--blue-s)}.pct{min-width:48px;text-align:center;font-weight:600}.hint{font-size:.85rem;color:#6d8797;margin:6px 0 0}.layout{display:flex;gap:12px;height:calc(100vh - 220px);min-height:380px;position:relative}.panel{width:290px;flex:none;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;overflow:auto}.panel h2{font-size:1rem;margin:12px 0 8px;color:var(--blue)}.panel h2:first-child{margin-top:0}.muted{font-size:.85rem;color:#6d8797}.viewport{position:relative;flex:1 1;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:radial-gradient(#cfdde6 1px,transparent 1px) 0 0/24px 24px,var(--card);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.viewport a,.viewport button{cursor:pointer}.pan-content{position:absolute;left:0;top:0;transform-origin:0 0;width:max-content;will-change:transform}.side-right{display:flex;flex-direction:column;gap:12px;width:290px;flex:none;min-height:0}.side-right .panel{width:100%;flex:1 1;min-height:0}@media (max-width:900px){.panel--left,.side-right{position:absolute;z-index:5;top:0;bottom:0;width:min(86%,320px)}.panel--left{left:0;box-shadow:0 6px 24px rgba(0,0,0,.2)}.side-right{right:0}}.tv,.tv ul{list-style:none;margin:0;padding-left:16px}.tv{padding-left:0}.tv li{margin:2px 0}.tv summary{cursor:pointer}.tv-btn{border:0;background:none;padding:3px 8px;border-radius:6px;color:var(--ink);text-align:left}.tv-btn:hover{background:var(--blue-s)}.tv-btn--active{background:var(--blue);color:#fff}.tv-btn--dead{color:var(--red)}.tv-btn--active.tv-btn--dead{background:var(--red);color:#fff}.mem{list-style:none;margin:0;padding:0}.mem li{border-bottom:1px solid #e3edf3}.mem button{width:100%;text-align:left;border:0;background:none;padding:8px 4px;line-height:1.4;color:var(--ink)}.mem button:hover,.mem--today{background:var(--blue-s)}.card,.node{display:flex;flex-direction:column;align-items:center}.card{width:120px}.avatar{border-radius:50%;object-fit:cover;border:2px solid var(--line);display:block;transition:box-shadow .15s}.avatar--empty{display:inline-flex;align-items:center;justify-content:center;background:var(--blue-s);color:var(--blue);font-weight:800}.avatar--active{box-shadow:0 0 0 4px rgba(0,119,187,.3)}.avatar--dead{border-color:var(--red)}.avatar--dead.avatar--empty{background:#fdeaea;color:var(--red)}.avatar-btn{border:0;background:none;padding:0}.name{font-size:.9rem;margin-top:6px;font-weight:700}.name--dead{color:var(--red)}.year{font-size:.78rem;color:#6d8797}.actions{display:flex;gap:4px;margin-top:4px}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:2px 8px;font-size:.8rem;text-decoration:none;color:var(--ink)}.spouses{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;justify-content:center;max-width:260px}.chip{display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--card);border-radius:20px;padding:2px 10px 2px 2px;font-size:.78rem;color:var(--ink)}.chip--on{border-color:var(--blue);background:var(--blue-s)}.chip--active{box-shadow:0 0 0 2px rgba(0,119,187,.3)}.chip--dead{border-color:var(--red);color:var(--red)}.stem{width:2px;height:28px;background:var(--line)}.children{display:flex;justify-content:center}.child{position:relative;padding:28px 10px 0}.child:after,.child:before{content:"";position:absolute;top:0;width:50%;height:28px;border-top:2px solid var(--line)}.child:before{right:50%}.child:after{left:50%;border-left:2px solid var(--line)}.child:first-child:before{border:0}.child:last-child:after{border-top:0}.child:only-child:before{border:0}.modal-backdrop{position:fixed;inset:0;background:rgba(10,40,60,.45);display:grid;place-items:center;padding:16px;z-index:10}.modal{position:relative;background:var(--card);border-radius:14px;padding:28px;max-width:380px;width:100%;text-align:center}.modal h2{margin:12px 0;color:var(--blue)}.modal dl{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 14px;gap:6px 14px;text-align:left}.modal dt{color:#6d8797}.modal dd{margin:0}.red{color:var(--red);font-weight:700}.modal-close{position:absolute;top:6px;right:10px;border:0;background:none;font-size:1.6rem}@media (prefers-reduced-motion:no-preference){.modal{animation:pop .15s ease-out}}@keyframes pop{0%{transform:scale(.96);opacity:0}}.avatar--alive,.chip--alive{border-color:var(--green)}.gender{margin-left:4px;font-weight:800}.g1{color:var(--blue)}.g2{color:#d6336c}.age{font-size:.8rem;font-weight:700;color:var(--green)}.modal .year{margin-bottom:10px}.pre{white-space:pre-wrap}.card .name{width:100%;text-align:center}.mem-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.mem-nav button{border:1px solid var(--blue);background:var(--card);color:var(--blue);border-radius:8px;padding:4px 12px;font-weight:600}.mem-nav button:hover{background:var(--blue-s)}.mem-full{flex:1 1}.mem-month h3{margin:12px 0 4px;font-size:.95rem}.badge{margin-left:6px;font-size:.7rem;font-weight:700;background:var(--blue);color:#fff;border-radius:10px;padding:1px 8px}.notice{background:var(--blue-s);border:1px solid var(--blue);border-radius:10px;padding:10px 14px;margin:10px 0}.locked .avatar-btn{cursor:default}.access-btn{position:fixed;top:12px;right:16px;z-index:20;width:42px;height:42px;border-radius:50%;border:1px solid var(--blue);background:var(--card);font-size:1.2rem;box-shadow:0 2px 8px rgba(0,119,187,.2)}.access-btn:hover{background:var(--blue-s)}.access-backdrop{z-index:30}.pass-form{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.pass-form input{padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;width:100%}.pass-form button{padding:12px;background:var(--blue);color:#fff;border:0;border-radius:8px;font-weight:600}.pass-form button:hover{background:var(--blue-d)}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.p.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Nunito Fallback;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_2ea03c{font-family:Nunito,Nunito Fallback;font-style:normal}.__variable_2ea03c{--font-nunito:"Nunito","Nunito Fallback"}