:root{--bg: #EDF1EB;--surface: #F8FAF6;--card: #FFFFFF;--fg: #1C2920;--muted: #5C6D61;--line: #D2DBD0;--chip: rgba(28, 41, 32, .07);--accent: #94702E;--accent-glow: rgba(156, 119, 51, .45);--frame1: #D9BC7E;--frame2: #A9853F;--connector: #93A896;--card-shadow: 0 10px 24px -14px rgba(40, 55, 45, .45), 0 2px 6px -2px rgba(40, 55, 45, .15);--tree-wood: #4F4232;--tree-leaf: #5F8A55;--tree-opacity: .17;--him-bg1: #E3EBF2;--him-bg2: #B7C8D8;--him-glow: #FFFFFF;--him-fig1: #FBFDFE;--him-fig2: #E4ECF3;--him-hair: #4E6479;--her-bg1: #F3E6EA;--her-bg2: #D9BCC7;--her-glow: #FFFFFF;--her-fig1: #FFFBFC;--her-fig2: #F2E3E8;--her-hair: #7C4E61;--display: "Marcellus", "Cinzel", Georgia, serif;--body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--telugu: "Noto Sans Telugu", "Nirmala UI", "Gautami", "Vani", sans-serif;--card-w: 150px;--card-h: 274px;--radius: 14px;--gen-gap: 64px;--sib-gap: 26px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0F1512;--surface: #18201B;--card: #18201B;--fg: #E4EBE4;--muted: #91A094;--line: #2A362E;--chip: rgba(228, 235, 228, .08);--accent: #CFAB64;--accent-glow: rgba(207, 171, 100, .45);--frame1: #E2C27F;--frame2: #8C6A2C;--connector: #4A5E50;--card-shadow: 0 12px 28px -12px rgba(0, 0, 0, .75);--tree-wood: #7C9A7E;--tree-leaf: #8FBF7A;--tree-opacity: .13;--him-bg1: #2A3A49;--him-bg2: #151E27;--him-glow: #6F8AA3;--him-fig1: #5A7187;--him-fig2: #3E5164;--him-hair: #1E2A35;--her-bg1: #43303A;--her-bg2: #211620;--her-glow: #A9788C;--her-fig1: #85606F;--her-fig2: #634553;--her-hair: #2C1B23;color-scheme:dark}}:root[data-theme=dark]{--bg: #0F1512;--surface: #18201B;--card: #18201B;--fg: #E4EBE4;--muted: #91A094;--line: #2A362E;--chip: rgba(228, 235, 228, .08);--accent: #CFAB64;--accent-glow: rgba(207, 171, 100, .45);--frame1: #E2C27F;--frame2: #8C6A2C;--connector: #4A5E50;--card-shadow: 0 12px 28px -12px rgba(0, 0, 0, .75);--tree-wood: #7C9A7E;--tree-leaf: #8FBF7A;--tree-opacity: .13;--him-bg1: #2A3A49;--him-bg2: #151E27;--him-glow: #6F8AA3;--him-fig1: #5A7187;--him-fig2: #3E5164;--him-hair: #1E2A35;--her-bg1: #43303A;--her-bg2: #211620;--her-glow: #A9788C;--her-fig1: #85606F;--her-fig2: #634553;--her-hair: #2C1B23;color-scheme:dark}.avatar-him{--a-bg1: var(--him-bg1);--a-bg2: var(--him-bg2);--a-glow: var(--him-glow);--a-fig1: var(--him-fig1);--a-fig2: var(--him-fig2);--a-hair: var(--him-hair)}.avatar-her{--a-bg1: var(--her-bg1);--a-bg2: var(--her-bg2);--a-glow: var(--her-glow);--a-fig1: var(--her-fig1);--a-fig2: var(--her-fig2);--a-hair: var(--her-hair)}@media(max-width:640px){:root{--card-w: 128px;--card-h: 242px;--gen-gap: 48px;--sib-gap: 14px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-tree{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--tree-opacity)}.bg-tree canvas{display:block;width:100%;height:100%}.bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.bg-dark-only{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bg-light-only{display:none}:root:not([data-theme=light]) .bg-dark-only{display:block}}:root[data-theme=dark] .bg-light-only{display:none}:root[data-theme=dark] .bg-dark-only{display:block}.app{position:relative;z-index:1;height:100dvh;display:grid;grid-template-rows:auto auto 1fr}.site-header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 10px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.titles{grid-column:2;min-width:0;text-align:center}.title-te{font-family:var(--telugu);font-weight:600;font-size:clamp(19px,4.4vw,28px);line-height:1.35;margin:0}.title-en{margin:0;font-family:var(--display);font-size:clamp(11px,2.6vw,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.site-header .icon-btn{grid-column:3;justify-self:end;border:1px solid var(--line);background:var(--surface)}.sample-note{margin:0;padding:6px 16px;font-size:12px;text-align:center;background:var(--chip);color:var(--muted)}.viewport{position:relative;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 96px);cursor:grab;-webkit-overflow-scrolling:touch;container-type:inline-size}.viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas{width:max-content;min-width:100%}.intro,.credit{position:sticky;left:0;width:100cqw;padding-inline:16px;text-align:center}.intro{padding-block:20px 0;display:grid;gap:4px;justify-items:center}.story-te{margin:0;max-width:60ch;font-family:var(--telugu);font-size:14px;line-height:1.7;color:var(--fg);text-wrap:balance}.story{margin:0;max-width:60ch;font-size:13px;color:var(--muted);text-wrap:balance}.hint{margin:6px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600}.credit{padding-block:8px 24px;font-size:12px;color:var(--muted)}.tree{width:max-content;margin-inline:auto;padding:28px 40px 40px}.tree-inner{position:relative}.connectors{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.connectors path{fill:none;stroke:var(--connector);stroke-width:1.6;stroke-linecap:round}.branch{display:flex;flex-direction:column;align-items:center}.children{display:flex;align-items:flex-start;gap:var(--sib-gap);padding-top:var(--gen-gap)}.unit{position:relative;z-index:1;display:flex;align-items:center}.spouse{display:flex;align-items:center}.spouse-link{position:relative;width:22px;height:2px;background:var(--frame2)}.spouse-link:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--frame2);background:var(--bg)}.card{position:relative;flex:none;width:var(--card-w);height:var(--card-h);perspective:900px;cursor:pointer;border-radius:var(--radius);-webkit-tap-highlight-color:transparent}.card:focus-visible{outline:none}.card:focus-visible .face{outline:2px solid var(--accent);outline-offset:3px}.card-tilt{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .3s ease}.card-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card.is-flipped .card-flip{transform:rotateY(180deg)}.face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:3px;border-radius:var(--radius);background:linear-gradient(150deg,var(--frame1),var(--frame2) 55%,var(--frame1));box-shadow:var(--card-shadow);backface-visibility:hidden;-webkit-backface-visibility:hidden}.face.back{transform:rotateY(180deg)}.face-inner{position:relative;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:calc(var(--radius) - 3px);background:var(--card)}.front .face-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.42) 44%,rgba(190,225,255,.22) 50%,rgba(255,215,170,.18) 55%,transparent 68%);background-size:260% 260%;background-position:var(--hx, 120%) 0;mix-blend-mode:soft-light;opacity:0;transition:opacity .3s ease}@media(hover:hover){.card:hover .front .face-inner:after{opacity:1}}.photo{position:relative;flex:none;aspect-ratio:4 / 5;overflow:hidden;background:var(--chip)}.photo img,.photo .avatar{display:block;width:100%;height:100%;object-fit:cover}.gen-chip{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:999px;font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:color-mix(in srgb,var(--card) 80%,transparent);color:var(--accent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.meta{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:7px 10px 8px}.name{margin:0;font-family:var(--display);font-weight:400;font-size:15px;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.name-te{margin:0;font-family:var(--telugu);font-size:12.5px;line-height:1.5;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.years{margin:0;font-size:11px;color:var(--muted);letter-spacing:.02em;font-variant-numeric:tabular-nums}.back .face-inner{padding:10px 10px 6px;gap:6px;cursor:auto}.back-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.back-name{margin:0;font-family:var(--display);font-weight:400;font-size:14px;line-height:1.2}.back .name-te{white-space:normal}.facts{margin:8px 0 0;display:grid;gap:6px}.facts div{display:grid}.facts dt{font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.facts dd{margin:0;font-size:11.5px;line-height:1.35;overflow-wrap:anywhere}.notes{margin:8px 0 0;font-size:11px;line-height:1.4;color:var(--muted);font-style:italic}.back-foot{flex:none;display:flex;align-items:center;gap:6px;padding-top:5px;border-top:1px solid var(--line)}.social{display:flex;gap:2px}.social-link{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--fg)}.social-link:hover{background:var(--chip)}.social-link svg{width:17px;height:17px}.copy-link{margin-left:auto;padding:4px 2px;border:0;background:none;color:var(--accent);font-size:10.5px;font-weight:600;cursor:pointer}.card.is-highlighted .face{animation:pulse 1.3s ease-out 3}@keyframes pulse{0%{box-shadow:var(--card-shadow),0 0 0 0 var(--accent-glow)}to{box-shadow:var(--card-shadow),0 0 0 18px transparent}}.toolbar{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;align-items:center;gap:6px;padding:5px;max-width:calc(100vw - 24px);border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px -12px #00000059}.gens{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.gens::-webkit-scrollbar{display:none}.gens-label{padding:0 6px 0 10px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.gen-btn{flex:none;width:32px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--fg);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}.gen-btn:hover{background:var(--chip)}.zoom{flex:none;display:flex;align-items:center;gap:2px;padding-left:6px;border-left:1px solid var(--line)}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--fg);cursor:pointer}.icon-btn:hover{background:var(--chip)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn svg{width:18px;height:18px}.zoom-fit{min-width:52px;height:32px;border:0;border-radius:999px;background:var(--chip);color:var(--fg);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer}@media(max-width:640px){.name{font-size:13.5px}.name-te{font-size:11.5px}.gens-label{display:none}.gen-btn{width:28px;height:30px}.icon-btn{width:30px;height:30px}.zoom-fit{min-width:46px}}@media(prefers-reduced-motion:reduce){.card-tilt,.card-flip,.front .face-inner:after{transition:none}.card.is-highlighted .face{animation:none}}