.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--card);border-bottom:1px solid var(--hairline)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--header-h);padding:0 1rem;max-width:1200px;margin:0 auto}.site-header__brand{display:flex;flex-direction:column;min-width:0}.site-header__title{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header__tagline{font-size:.7rem;color:var(--muted);display:none}@media(min-width:480px){.site-header__tagline{display:block}.site-header__title{font-size:1.05rem}}.site-header__nav{display:flex;gap:4px;flex-shrink:0}.site-header__tab{min-height:48px;padding:0 14px;font-size:16px;font-weight:500;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink)}.site-header__tab--active{background:var(--bg-ivory);border-color:var(--hairline);color:var(--accent)}.site-header__tab:hover:not(.site-header__tab--active){background:var(--bg-ivory)}.gen-band{margin-bottom:2.5rem}.gen-band__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:0 1.25rem .75rem;max-width:1200px;margin:0 auto}.gen-band__title{font-size:1.25rem;color:var(--ink)}.gen-band__count{font-size:.875rem;color:var(--muted)}.gen-band__scroll{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.5rem 1.25rem 1rem;scrollbar-width:thin}.gen-band__row{display:flex;flex-direction:row;gap:12px;min-width:min-content}.gen-band__row>*{scroll-snap-align:start}.story-view{padding-bottom:calc(2rem + var(--safe-bottom))}.story-hero{text-align:center;padding:2rem 1.25rem 2.5rem;max-width:720px;margin:0 auto}.story-hero__title{font-size:clamp(1.5rem,4vw,2rem);line-height:1.3;margin-bottom:1.5rem;color:var(--ink)}.story-hero__founder{display:flex;justify-content:center}.story-footer{text-align:center;padding:2.5rem 1.25rem 3rem;border-top:1px solid var(--hairline);max-width:640px;margin:0 auto}.story-footer__message{font-family:var(--font-serif);font-size:1.05rem;color:var(--muted);margin:0 0 1rem}.story-footer__stats{margin:0;font-size:.9rem;color:var(--ink);font-weight:500}.tree-view{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h) - var(--safe-top));padding-bottom:var(--safe-bottom)}.tree-view__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:.75rem 1rem;background:var(--card);border-bottom:1px solid var(--hairline);position:sticky;top:calc(var(--header-h) + var(--safe-top));z-index:10}.tree-view__hint{margin:0;font-size:.85rem;color:var(--muted);flex:1;min-width:200px}.tree-view__expand-actions{display:flex;gap:6px;flex-wrap:wrap}.tree-btn{min-height:48px;min-width:48px;padding:0 16px;font-size:16px;font-weight:600;border:1px solid var(--hairline);border-radius:8px;background:var(--card);color:var(--ink)}.tree-btn--secondary{font-weight:500;background:var(--bg-ivory)}.tree-btn:hover{border-color:var(--accent);color:var(--accent)}.tree-view__viewport{flex:1;overflow:auto;position:relative}.tree-canvas-wrap{margin:1rem;position:relative}.tree-canvas__controls{position:absolute;top:0;right:0;z-index:5;display:flex;gap:4px}.tree-btn--small{min-height:48px;min-width:48px;padding:0 12px}.tree-canvas{position:relative;min-height:480px;overflow:hidden;background:var(--card);border:1px solid var(--hairline);border-radius:8px;touch-action:none}.tree-canvas__inner{position:relative;transform-origin:0 0}.tree-canvas__subtitle{font-family:var(--font-serif);font-size:1.1rem;margin:0 0 1rem .5rem;color:var(--leaf)}.tree-canvas__svg{display:block;position:absolute;left:0;top:0;pointer-events:none}.tree-link{stroke:var(--hairline);stroke-width:2}.tree-canvas__nodes{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.tree-node{position:absolute;transform:translate(-50%);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px}.tree-node__expand{min-height:48px;min-width:48px;padding:0 12px;border-radius:999px;border:2px solid var(--accent);background:var(--card);color:var(--accent);font-size:16px;font-weight:700}.tree-node__expand:hover{background:var(--bg-ivory)}.tree-connected{margin:2rem 1rem;padding-top:1.5rem;border-top:1px dashed var(--hairline)}.tree-connected__title{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:1rem}.detail-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#2b211859;display:flex;justify-content:flex-end;align-items:stretch;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.detail-sheet{width:min(420px,100%);max-height:100%;background:var(--card);box-shadow:-4px 0 24px #2b21181f;overflow-y:auto;padding:1.5rem 1.25rem 2rem;position:relative;animation:detail-slide-in .28s ease}@media(max-width:640px){.detail-sheet__backdrop{align-items:flex-end;justify-content:center}.detail-sheet{width:100%;max-height:85vh;border-radius:16px 16px 0 0;animation:detail-rise .28s ease}}@keyframes detail-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes detail-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.detail-sheet{animation:none}}.detail-sheet__close{position:absolute;top:12px;right:12px;width:48px;height:48px;border:none;background:var(--bg-ivory);border-radius:50%;font-size:1.5rem;line-height:1;color:var(--ink)}.detail-sheet__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:1.5rem;padding-top:.5rem}.detail-sheet__photo,.detail-sheet__placeholder{border-radius:50%;object-fit:cover}.detail-sheet__placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:2.5rem;font-weight:600}.detail-sheet__name{font-family:var(--font-serif);font-size:1.5rem;margin-top:8px}.detail-sheet__gen-chip{font-size:.8rem;padding:4px 10px;border-radius:999px;border:2px solid var(--accent);color:var(--ink)}.detail-sheet__years{margin:0;font-size:.9rem;color:var(--muted)}.detail-sheet__confidence-note{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);margin:.5rem 0 0}.detail-sheet__confidence-chip{width:22px;height:22px;border-radius:50%;background:var(--bg-ivory);border:1px solid var(--hairline);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.detail-sheet__section{margin-bottom:1.25rem}.detail-sheet__section-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.75rem}.detail-sheet__mini-cards{display:flex;flex-wrap:wrap;gap:8px}.detail-sheet__notes{margin:0;font-size:.95rem;line-height:1.55;color:var(--ink)}button.person-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer}.person-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 14px;min-width:120px;min-height:48px;background:var(--card);border:1px solid var(--hairline);border-left-width:3px;border-radius:8px;text-align:center;position:relative;transition:box-shadow .2s ease}.person-card:hover{box-shadow:0 4px 14px #2b211814}.person-card--compact{min-width:100px;padding:10px 12px}.person-card__photo-wrap{position:relative;flex-shrink:0;width:72px;height:72px}.person-card--compact .person-card__photo-wrap{width:56px;height:56px}@media(max-width:640px){.person-card:not(.person-card--compact) .person-card__photo-wrap{width:56px;height:56px}}.person-card__photo,.person-card__placeholder{width:100%;height:100%}.person-card__photo{border-radius:50%;object-fit:cover;display:block}.person-card__placeholder{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:600;font-size:1.1rem;color:var(--ink)}.person-card__text{display:flex;flex-direction:column;gap:2px;max-width:140px}.person-card--compact .person-card__text{max-width:110px}.person-card__name{font-family:var(--font-serif);font-size:15px;font-weight:600;line-height:1.25;color:var(--ink)}.person-card__years{font-size:12px;color:var(--muted)}.person-card__confidence{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--bg-ivory);border:1px solid var(--hairline);font-size:12px;font-weight:700;color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:help}.couple-card{display:flex;flex-direction:row;align-items:stretch;gap:4px;flex-shrink:0}:root{--bg-ivory: #faf6f0;--ink: #2b2118;--accent: #c77b3a;--leaf: #5f7050;--card: #ffffff;--hairline: #e5dccb;--muted: #6b5f52;--font-serif: Georgia, "Source Serif 4", "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--bg-ivory);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-serif);font-weight:600;margin:0}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-main{padding-top:calc(var(--header-h) + var(--safe-top));min-height:100vh;overflow-x:hidden}