:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f1e8;color:#243127;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.9),transparent 26%),radial-gradient(circle at 78% 16%,rgba(190,213,168,.58),transparent 34%),linear-gradient(135deg,#f9f4ea,#edf4e5 52%,#f3eadc)}button,a{font:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:18px 28px 30px}.hero{position:relative;min-height:0;margin-bottom:18px;padding:18px 22px 20px;border:1px solid rgba(78,94,67,.14);border-radius:8px;background:linear-gradient(90deg,#ffffffdb,#f8f4e8ad),#ffffffad;box-shadow:0 18px 54px #44523d1a}.hero:after{content:"";position:absolute;right:24px;top:18px;width:112px;height:112px;border:1px solid rgba(114,85,45,.16);border-radius:50%;background:linear-gradient(135deg,transparent 42%,rgba(114,85,45,.16) 43% 45%,transparent 46%),radial-gradient(circle,rgba(132,160,106,.18),transparent 60%);opacity:.7;pointer-events:none}.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 9px;color:#647257;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{max-width:760px;margin:0;color:#1f2a22;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.5vw,3.7rem);font-weight:700;line-height:.98;letter-spacing:0}.hero-text{max-width:680px;margin:12px 0 0;color:#536050;font-size:clamp(.96rem,1.25vw,1.08rem);line-height:1.55}.workspace{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.tree-stage{position:relative;overflow-x:auto;overflow-y:hidden;min-height:760px;padding:30px 28px 34px;border:1px solid rgba(70,94,61,.14);border-radius:8px;background:linear-gradient(90deg,rgba(93,117,77,.1),transparent 13%,transparent 87%,rgba(93,117,77,.09)),radial-gradient(ellipse at 50% 22%,rgba(111,143,82,.23),transparent 52%),radial-gradient(ellipse at 18% 58%,rgba(182,139,78,.12),transparent 32%),repeating-linear-gradient(90deg,rgba(93,72,45,.025) 0 1px,transparent 1px 18px),#fbf8ef;box-shadow:inset 0 0 0 1px #ffffffdb,0 26px 72px #37463421}.tree-stage:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px solid rgba(113,85,50,.12);border-radius:6px;pointer-events:none}.tree-art{position:absolute;top:18px;right:18px;bottom:16px;left:18px;width:calc(100% - 48px);min-width:980px;height:calc(100% - 34px);pointer-events:none;opacity:.82;z-index:0}.relationship-lines{position:absolute;top:0;left:0;min-width:980px;pointer-events:none;z-index:1}.relationship-lines path{fill:none;stroke:#5c3e2757;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,255,255,.45))}.oak-canopy,.tree-trunk,.tree-branch{stroke-linecap:round;stroke-linejoin:round}.oak-canopy{fill:#60824826;stroke:#4a6c3b21;stroke-width:8;transform:scale(1.15,1.34);transform-origin:50% 8%}.tree-trunk{fill:none;stroke:#7e533066;stroke-width:38}.tree-trunk.shade{stroke:#4e321f29;stroke-width:15}.tree-branch{fill:none;stroke:#69492d4d;stroke-width:15}.tree-branch.thin{stroke-width:9;opacity:.76}.tree-branch.side{stroke:#69492d33;stroke-width:10}.branch-labels{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px;color:#687761;font-size:.78rem;font-weight:950;text-transform:uppercase}.branch-labels span:last-child{text-align:right}.generation{position:relative;z-index:2;margin-top:28px}.generation-title{width:max-content;margin:0 auto 15px;padding:7px 14px;border:1px solid rgba(98,122,82,.14);border-radius:999px;background:#ffffffb8;color:#5b6b53;font-size:.76rem;font-weight:950;text-transform:uppercase;box-shadow:0 10px 26px #3b4a3614}.generation-grid{display:grid;width:100%;min-width:980px;gap:16px;justify-content:center}.generation-0{grid-template-columns:repeat(2,minmax(126px,164px))}.generation-1{grid-template-columns:repeat(6,minmax(136px,174px))}.person-side-relative{grid-column:1;grid-row:1;opacity:.97;transform:translate(-28px)}.person-maxim-podkorytov{grid-column:3;grid-row:1}.person-anna-podkorytova{grid-column:4;grid-row:1}.generation-2{grid-template-columns:repeat(4,minmax(122px,158px))}.generation-3{grid-template-columns:repeat(8,minmax(98px,128px))}.generation-4{grid-template-columns:repeat(14,minmax(72px,84px));gap:10px;min-width:0}.person-card{position:relative;min-height:188px;display:grid;justify-items:center;align-content:start;gap:5px;padding:17px 10px 14px;border:1px solid rgba(86,104,73,.18);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f8f6ede6),#ffffffd6;color:#20332a;cursor:pointer;box-shadow:0 16px 34px #3d4c3921,inset 0 0 0 1px #ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.person-card:before{content:"";position:absolute;top:-8px;left:50%;width:46px;height:19px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#7c9c5d61,#4d784733);transform:translate(-50%) rotate(-18deg)}.person-card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:8px;border:2px solid transparent;transition:border-color .18s ease,box-shadow .18s ease}.person-card.is-active:after{border-color:#c9854d;box-shadow:0 0 0 5px #c9854d29}.person-card.is-related:not(.is-active):after{border-color:#52805361}.portrait,.panel-portrait{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dfe9dc;color:#28362d;font-weight:950;box-shadow:inset 0 0 0 5px #ffffffc7,0 11px 24px #21322924}.portrait{width:86px;height:86px;margin-bottom:8px;font-size:1.36rem}.portrait img,.panel-portrait img{width:100%;height:100%;object-fit:cover}.portrait-father{background:linear-gradient(135deg,#d7ead8,#b8d2c3)}.portrait-mother{background:linear-gradient(135deg,#e3e8f3,#c8d1e0)}.portrait-children{background:linear-gradient(135deg,#f6ddbb,#dbe9ce)}.person-name,.person-lastname,.person-years{max-width:100%;overflow-wrap:anywhere}.person-name{color:#1d2e25;font-size:1.03rem;font-weight:950;line-height:1.1}.person-lastname{color:#45564c;font-size:.84rem;font-weight:760;line-height:1.18}.person-years{margin-top:3px;color:#7b847e;font-size:.73rem;line-height:1.22}.generation-4 .person-card{min-height:150px;padding:12px 6px}.generation-4 .portrait{width:58px;height:58px;font-size:1rem}.generation-4 .person-name{font-size:.72rem}.generation-4 .person-lastname,.generation-4 .person-years{font-size:.64rem}.detail-panel{position:relative;grid-column:1 / -1;justify-self:stretch;width:100%;min-width:780px;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portrait label" "portrait title" "portrait facts" "portrait bio";column-gap:34px;row-gap:8px;align-items:start;padding:24px 64px 24px 24px;border:1px solid rgba(91,120,71,.22);border-radius:8px;background:linear-gradient(135deg,#fffffff5,#f5f8eeeb),#ffffffe6;box-shadow:0 24px 70px #42543d29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(43,63,52,.12);border-radius:8px;background:#f7f3ea;color:#27382f;cursor:pointer}.panel-portrait{grid-area:portrait;width:264px;height:264px;font-size:3.2rem}.panel-portrait-button{border:0;padding:0;cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease}.panel-portrait-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 0 0 5px #ffffffd1,0 18px 34px #21322933}.detail-panel h2{grid-area:title;margin:0;color:#19251f;font-size:2rem;line-height:1.05;letter-spacing:0}.detail-panel .eyebrow{grid-area:label}.facts{grid-area:facts;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:8px;margin:2px 0 0}.facts span{display:inline-flex;align-items:center;gap:9px;color:#59665d;font-size:.94rem}.bio{grid-area:bio;margin:10px 0 0;color:#37443c;font-size:1rem;line-height:1.65}.bio p{margin:0}.bio p+p{margin-top:.78em}.photo-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:28px;background:#121814c7;cursor:zoom-out}.photo-modal img{max-width:min(94vw,1200px);max-height:92vh;border-radius:10px;box-shadow:0 28px 90px #00000073;cursor:default}.photo-modal-close{position:fixed;top:18px;right:18px;z-index:21;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#f7f3eaeb;color:#1d2e25;font-size:2rem;line-height:1;cursor:pointer}@media(max-width:860px){.app-shell{padding:16px}.hero{padding:16px 18px 18px}.hero:after{display:none}.tree-stage{overflow-x:auto;padding:18px}.detail-panel{grid-template-columns:1fr;grid-template-areas:"portrait" "label" "title" "facts" "bio";padding:20px}.panel-portrait{width:min(260px,100%);height:auto;aspect-ratio:1}.facts{grid-template-columns:1fr}.photo-modal{padding:14px}.photo-modal-close{top:12px;right:12px}}