:root{--parchment:#f4e2bd;--paper:#fffaf0;--paper-deep:#ead1a4;--ink:#3b2a22;--muted-ink:#786156;--keepsake:#b44f3a;--keepsake-dark:#8f3b2c;--leaf:#49685b;--brass:#d5a044;--thread:#9b5b49;--focus:#196b87}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--paper-deep);margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif}button{font:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.album-shell{background:var(--parchment);border:10px solid #cfaa75;min-height:100vh;box-shadow:inset 0 0 0 2px #5b382533}.album-header{z-index:10;background:#f9eacb;border-bottom:2px solid #66402b38;justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:18px 26px 16px 30px;display:flex;position:relative;box-shadow:0 7px 22px #4c2f1f14}.brand-lockup{align-items:center;gap:14px;display:flex}.crest{color:#fff8e8;background:var(--keepsake);border:2px solid var(--keepsake-dark);border-radius:48% 48% 42% 42%;place-items:center;width:52px;height:58px;font:700 28px/1 Georgia,serif;display:grid;box-shadow:inset 0 0 0 4px #d27862,2px 3px #572c1f29}.archive-label,.profile-kicker{color:var(--keepsake-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 3px;font:700 10px/1.2 Courier New,monospace}.album-header h1{letter-spacing:-.025em;margin:0;font:600 clamp(24px,3vw,34px)/1 Georgia,serif}.header-actions{align-items:center;gap:10px;display:flex}.primary-button,.quiet-button,.text-button,.tree-toolbar button{cursor:pointer;border:1px solid #492c2040;border-radius:10px;min-height:42px;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{color:#fff9ec;background:var(--keepsake);border-color:var(--keepsake-dark);padding:0 17px;font-weight:750;box-shadow:2px 3px #7f3528}.quiet-button{color:var(--ink);background:#fffaf0b3;padding:0 15px;font-weight:700}.text-button{min-height:38px;color:var(--keepsake-dark);background:0 0;border:0;font-weight:750}.primary-button:hover,.quiet-button:hover,.tree-toolbar button:hover{transform:translateY(-1px)}.primary-button:active{transform:translate(1px,2px);box-shadow:1px 1px #7f3528}.workspace{grid-template-columns:minmax(630px,1fr) 330px;gap:18px;min-height:calc(100vh - 112px);padding:18px;display:grid}.tree-stage{background-color:#efd9ae;border:1px solid #59372440;border-radius:7px 18px 10px 14px;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 48px #71442814,0 9px 22px #5e392514}.tree-stage:after{content:"";pointer-events:none;border:1px dashed #6e472e29;border-radius:6px 15px 8px 12px;position:absolute;inset:10px}.tree-toolbar{z-index:8;background:#fffaf0f5;border:1px solid #59372433;border-radius:13px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #4c2f1f1f}.tree-toolbar button{min-width:40px;min-height:38px;color:var(--ink);background:0 0;border:0;padding:0 11px;font-size:13px;font-weight:700}.toolbar-rule{background:#52352733;width:1px;height:22px;margin:0 2px}.zoom-label{min-width:45px;color:var(--muted-ink);text-align:center;font:700 10px Courier New,monospace}.tree-canvas{transform-origin:top;width:1000px;height:650px;position:absolute;top:74px;left:50%;transform:translate(-50%)scale(.86)}.generation-label{z-index:2;color:#8a705f;letter-spacing:.08em;text-transform:uppercase;background:#fffaf094;border-radius:4px;padding:5px 8px;font:700 9px/1 Courier New,monospace;position:absolute;left:19px}.label-one{top:112px}.label-two{top:301px}.label-three{top:490px}.person-card{z-index:4;width:144px;min-height:124px;color:var(--ink);background:var(--paper);cursor:pointer;transform-origin:50%;border:1px solid #c89f72;border-radius:6px 7px 9px 5px;flex-direction:column;align-items:center;padding:10px 9px 11px;transition:margin-top .18s,box-shadow .18s;display:flex;position:absolute;box-shadow:4px 6px #7b4f3229,0 12px 22px #5835221a}.person-card:hover{margin-top:-4px;box-shadow:5px 9px #7b4f3224,0 16px 26px #58352224}.person-card.is-selected{border:3px solid var(--focus);padding:8px 7px 9px;box-shadow:0 0 0 5px #196b8724,5px 8px #7b4f3221}.portrait,.profile-portrait{color:#fffaf0;letter-spacing:.03em;border:3px double #fffaf0cc;flex:none;place-items:center;font:700 18px/1 Georgia,serif;display:grid;box-shadow:inset 0 0 0 1px #3623192e}.portrait{border-radius:16px 12px 17px 11px;width:66px;height:64px}.portrait-ochre{background:#b47a31}.portrait-green{background:var(--leaf)}.portrait-clay{background:#a95f49}.portrait-rose{background:#a96069}.person-copy strong{margin-top:7px;font:600 14px/1.15 Georgia,serif;display:block}.person-copy small{color:var(--muted-ink);margin-top:4px;font:700 9px/1 Courier New,monospace;display:block}.card-pin{background:var(--brass);border:1px solid #9d6f27;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:7px}.thread{z-index:1;background:var(--thread);opacity:.82;position:absolute}.thread.horizontal{border-top:1px dashed #f3cfaa;height:3px}.thread.vertical{border-left:1px dashed #f3cfaa;width:3px}.grandparents{width:44px;top:108px;left:536px}.grand-trunk{height:114px;top:109px;left:498px}.siblings{width:612px;top:221px;left:218px}.child-a{height:44px;top:221px;left:218px}.child-b{height:44px;top:221px;left:630px}.child-c{height:44px;top:221px;left:830px}.tunde-partner{width:44px;top:327px;left:290px}.tunde-trunk{height:116px;top:328px;left:311px}.grandchildren{width:168px;top:443px;left:244px}.grandchild-a{height:43px;top:443px;left:244px}.grandchild-b{height:43px;top:443px;left:410px}.knot{z-index:2;background:var(--keepsake);width:11px;height:11px;box-shadow:0 0 0 1px var(--thread);border:2px solid #f1c895;border-radius:50%;position:absolute}.knot-grandparents{top:216px;left:494px}.knot-tunde{top:438px;left:307px}.branch-toggle{z-index:5;width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fff4dc;border:1px solid #9e6a50;border-radius:50%;font-weight:800;position:absolute;top:421px;left:296px;box-shadow:2px 2px #57342233}.canvas-hint{z-index:3;color:#876d5d;letter-spacing:.03em;white-space:nowrap;margin:0;font:700 9px Courier New,monospace;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.profile-leaf{background:var(--paper);border:1px solid #5c36223d;border-radius:3px 11px 5px 8px;align-self:stretch;min-height:590px;padding:42px 28px 26px;position:relative;transform:rotate(.25deg);box-shadow:6px 9px #69432b26,0 18px 28px #53311f1a}.tape{background:#d5b07094;border:1px solid #7e563021;width:76px;height:25px;position:absolute;top:-7px}.tape-left{left:20px;transform:rotate(-7deg)}.tape-right{right:16px;transform:rotate(6deg)}.profile-portrait{border-radius:21px 15px 24px 16px;width:104px;height:112px;margin:25px auto 18px;font-size:30px;transform:rotate(-1.5deg)}.profile-leaf h2{text-align:center;letter-spacing:-.025em;margin:0;font:600 28px/1.1 Georgia,serif}.profile-years{color:var(--muted-ink);text-align:center;margin:7px 0 0;font:700 10px Courier New,monospace}.hand-rule{background:var(--keepsake);width:54px;height:3px;margin:20px auto;transform:rotate(-2deg)}.profile-note{text-align:center;margin:0;font:16px/1.55 Georgia,serif}.profile-facts{border-top:1px dashed #cda77c;border-bottom:1px dashed #cda77c;margin:22px 0;padding:15px 0}.profile-facts div{grid-template-columns:76px 1fr;gap:9px;margin:7px 0;display:grid}.profile-facts dt{color:var(--muted-ink);text-transform:uppercase;font:700 9px/1.5 Courier New,monospace}.profile-facts dd{margin:0;font-size:12px;line-height:1.5}.profile-actions{gap:8px;display:grid}.primary-button.full{width:100%}.saved-note{color:var(--leaf);text-align:center;margin:16px 0 0;font:700 9px Courier New,monospace}.saved-note span{color:#6f966f}@media (max-width:1050px){.workspace{grid-template-columns:minmax(560px,1fr) 286px}.profile-leaf{padding-inline:21px}.tree-canvas{transform:translate(-50%)scale(.72)}}@media (max-width:800px){.album-shell{border-width:6px}.album-header{align-items:flex-start;padding:14px 16px}.archive-label{display:none}.crest{width:42px;height:47px;font-size:22px}.album-header h1{font-size:23px}.header-actions .quiet-button{display:none}.primary-button{padding-inline:12px}.workspace{min-height:calc(100vh - 84px);padding:10px;display:block}.tree-stage{height:calc(100vh - 104px)}.tree-canvas{left:47%;transform:translate(-50%)scale(.62)}.profile-leaf{z-index:20;border-radius:14px 14px 7px 7px;min-height:0;max-height:43vh;padding:20px 20px 16px;position:fixed;bottom:10px;left:10px;right:10px;overflow:auto;transform:none}.profile-kicker,.profile-portrait,.profile-facts,.tape{display:none}.profile-leaf h2,.profile-years,.profile-note{text-align:left}.profile-leaf h2{font-size:22px}.hand-rule{margin:12px 0}.profile-actions{grid-template-columns:1fr 1fr}.saved-note,.generation-label{display:none}}@media (max-width:540px){.header-actions .primary-button{width:44px;font-size:0}.header-actions .primary-button:after{content:"+";font-size:20px}.tree-toolbar{justify-content:center;width:calc(100% - 20px);top:12px}.tree-toolbar button:first-child{flex:1}.tree-canvas{top:74px;left:37%;transform:translate(-50%)scale(.54)}.canvas-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.tree-canvas.dynamic{transform-origin:top;transition:transform .24s;top:72px}.dyn-line{z-index:1;background:var(--thread);pointer-events:none;opacity:.75;position:absolute}.dyn-line.vertical{border-left:1px dashed #f3cfaa;width:3px}.dyn-line.horizontal{border-top:1px dashed #f3cfaa;height:3px}.partner-line{background:var(--keepsake)}.search-wrap{position:relative}.search-wrap input{width:132px;height:38px;color:var(--ink);background:#f7ead1;border:0;border-radius:8px;padding:0 10px;font-weight:650}.search-results{background:var(--paper);border:1px solid #c89f72;border-radius:10px;width:210px;padding:5px;position:absolute;top:45px;left:0;box-shadow:0 10px 25px #462a1b2e}.search-results button{text-align:left;width:100%;display:block}.tree-toolbar button:disabled{opacity:.38;cursor:not-allowed}.tree-stage{touch-action:none;cursor:grab}.tree-stage:active{cursor:grabbing}.person-card{cursor:pointer}.branch-link{color:var(--leaf);cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-weight:750;display:block}.danger{color:#9c3428}.modal-backdrop{z-index:50;background:#3a251b94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border:1px solid #bd8f5f;border-radius:7px 16px 9px 12px;width:min(520px,100%);max-height:calc(100vh - 40px);padding:34px;position:relative;overflow:auto;box-shadow:8px 10px #4b2d1e33,0 30px 80px #36201559}.dialog:before{content:"";background:#d7b374b3;width:90px;height:25px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(-2deg)}.dialog h2{margin:6px 0 20px;font:600 28px/1.15 Georgia,serif}.dialog-close{z-index:2;cursor:pointer;background:0 0;border:0;border-radius:50%;width:42px;height:42px;font-size:28px;position:absolute;top:12px;right:14px}.dialog form{gap:14px;display:grid}.dialog label{color:var(--ink);gap:6px;font-size:13px;font-weight:750;display:grid}.dialog label span{color:var(--muted-ink);text-transform:uppercase;font:700 9px Courier New,monospace}.dialog input,.dialog textarea,.dialog select{width:100%;color:var(--ink);font:inherit;background:#fffdf6;border:1px solid #bf9b72;border-radius:9px;padding:11px 12px}.dialog textarea{resize:vertical;min-height:90px}.dialog .check{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:flex}.dialog .check input{width:18px;height:18px}.relation-tabs{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px;display:grid}.relation-tabs button{min-height:42px;color:var(--ink);cursor:pointer;background:#f7e7ca;border:1px solid #bd9369;border-radius:8px;font-weight:700}.relation-tabs button.active{background:var(--keepsake);color:#fff;border-color:var(--keepsake-dark)}.backup-actions{gap:10px;margin-top:22px;display:grid}.backup-actions .quiet-button{width:100%;display:block}.theme-sage{--parchment:#dfe3ce;--paper-deep:#c9cfb5;--keepsake:#536f58;--keepsake-dark:#354b3a;--thread:#69785f}.theme-sage .album-header{background:#eaf0dc}.theme-sage .tree-stage{background:#d6dcc1}.theme-berry{--parchment:#ead2cf;--paper-deep:#d4b5b4;--keepsake:#874658;--keepsake-dark:#653142;--thread:#8d5960}.theme-berry .album-header{background:#f2dddd}.theme-berry .tree-stage{background:#e0c3bc}.is-round .portrait,.is-round .profile-portrait{border-radius:50%}.is-compact .person-card{min-height:108px}.is-compact .portrait{width:55px;height:53px}.no-motion *{transition:none!important}.save-error{color:#9c3428}.workspace.no-selection{grid-template-columns:1fr}.empty-tree{z-index:6;text-align:center;background:var(--paper);border:1px solid #c89f72;border-radius:8px 18px 10px 15px;width:min(430px,100% - 34px);padding:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);box-shadow:6px 8px #71482c26,0 20px 45px #4a2d1d24}.empty-tree h2{margin:8px 0;font:600 30px/1.1 Georgia,serif}.empty-tree p:not(.profile-kicker){max-width:340px;color:var(--muted-ink);margin:0 auto 22px;line-height:1.55}.empty-tree .primary-button,.empty-tree .text-button{margin:10px auto;display:block}.empty-keepsake{color:#fff9ec;background:var(--keepsake);border:3px double #efc7a0;border-radius:20px 14px 22px 15px;place-items:center;width:64px;height:68px;margin:0 auto 16px;font:700 30px Georgia,serif;display:grid;transform:rotate(-2deg)}.primary-button:disabled,.quiet-button:disabled,.text-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.danger-zone{text-align:left;border-top:1px dashed #c99e73;margin-top:14px;padding-top:16px}.danger-zone strong{font:600 16px Georgia,serif}.danger-zone p{color:var(--muted-ink);margin:5px 0 4px;font-size:12px;line-height:1.45}.danger-zone .text-button{padding:0}@media (max-width:800px){.tree-toolbar{justify-content:flex-start;overflow-x:auto}.tree-toolbar button{white-space:nowrap}.tree-toolbar .toolbar-rule,.tree-toolbar .zoom-label{display:none}.search-wrap input{width:118px}.modal-backdrop{align-items:end;padding:10px}.dialog{border-radius:16px 16px 7px 7px;max-height:90vh;padding:30px 22px 22px}}