.tree-focused-shell{grid-template-columns:84px 1fr}.tree-focused-shell .sidebar{padding:28px 15px}.tree-focused-shell .sidebar .brand>span:last-child,.tree-focused-shell .sidebar nav span,.tree-focused-shell .sidebar nav b,.tree-focused-shell .sidebar-bottom>button span,.tree-focused-shell .mini-profile{display:none}.tree-focused-shell .sidebar nav button{justify-content:center;padding:0}.tree-focused-shell .sidebar .brand{justify-content:center}.reference-tree-page{background:#fbf9f3;height:100vh}.reference-header{background:#fffefa;border-bottom:1px solid #e8e1d4;justify-content:space-between;align-items:center;gap:20px;height:84px;padding:0 28px;display:flex}.reference-header>div{align-items:center;gap:22px;display:flex}.reference-header h1{margin:0;font:600 30px Georgia,serif}.reference-header>div>span{color:#6f756d;font-size:14px}.reference-tree-select{background:#fffefa;border:1px solid #e0d7c7;border-radius:12px;align-items:center;gap:24px;padding:13px 18px;font-size:14px;display:flex}.reference-search{align-items:center;gap:8px;display:flex}.reference-search input{background:0 0;border:0;outline:none;width:125px;font-size:14px}.reference-workspace{grid-template-columns:minmax(0,1fr) 380px;height:calc(100vh - 84px);display:grid}.reference-canvas{touch-action:none;cursor:grab;overscroll-behavior:contain;background:radial-gradient(#fffefa,#f8f5ed);position:relative;overflow:hidden}.reference-canvas.dragging{cursor:grabbing}.reference-map{transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;width:840px;height:750px;margin:10px auto;position:relative}.reference-connectors{pointer-events:none;width:840px;height:750px;position:absolute;inset:0}.reference-person{cursor:pointer;text-align:center;touch-action:manipulation;background:#fffefa;border:1px solid #ddcfb6;border-radius:13px;width:134px;padding:0;transition:opacity .15s;position:absolute;box-shadow:0 7px 16px #5e4a2620}.reference-portrait{background-image:url(/family-design-reference.png);background-repeat:no-repeat;background-size:1672px 941px;border-radius:12px 12px 0 0;flex:none;width:132px;height:132px}.reference-person>span{padding:10px 2px;font-size:14px;line-height:1.3;display:block}.reference-person small{margin-top:5px;font-size:13px;display:block}.reference-person.chosen{outline-offset:4px;outline:3px solid #164330}.reference-person>b{color:#d4ae5d;background:#164330;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:-15px;right:-15px}.reference-person.dimmed{opacity:.25}.reference-leaf{color:#829479;width:21px;height:21px;position:absolute}.first-leaf{top:170px;left:373px;transform:rotate(-30deg)}.second-leaf{top:460px;left:404px;transform:rotate(25deg)}.reference-zoom{z-index:4;cursor:default;background:#fff;border:1px solid #e1dacb;border-radius:9px;align-items:center;width:max-content;display:flex;position:absolute;bottom:15px;left:20px}.reference-zoom button{cursor:pointer;background:0 0;border:0;padding:8px 14px}.reference-zoom span{text-align:center;min-width:45px;font-size:12px}.reference-disclaimer{z-index:3;color:#8b8f83;pointer-events:none;font-size:12px;position:absolute;top:8px;left:18px}.reference-profile{background:#fffefa;border:1px solid #e9e1d5;border-radius:22px 0 0;padding:24px 22px;overflow:auto}.reference-profile h2{align-items:center;gap:10px;margin:0 0 18px;font:600 30px Georgia,serif;display:flex}.reference-profile h2 svg{color:#c89d45;width:19px}.reference-profile-top{align-items:center;gap:15px;display:flex}.reference-profile-top>.reference-portrait{border-radius:9px}.reference-profile-top p{align-items:center;gap:8px;font-size:14px;line-height:1.4;display:flex}.reference-profile-top p svg{flex:none;width:17px}.reference-profile h3{margin:25px 0 12px;font:600 22px Georgia,serif}.reference-facts{flex-wrap:wrap;gap:7px;display:flex}.reference-facts span{background:#f0f1e7;border-radius:14px;flex:1;min-width:90px;padding:10px;font-size:13px}.reference-stories{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reference-story-photo{background-image:url(/family-design-reference.png);background-size:1254px 705.75px;border-radius:9px;height:92px}.reference-story-photo.coast{background-position:-885px -401px}.reference-story-photo.trip{background-position:-1065px -401px}.reference-stories strong{margin-top:8px;font-size:14px;font-weight:500;display:block}.reference-stories small{color:#929388;font-size:12px}.reference-relations button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eee9df;align-items:center;gap:10px;width:100%;padding:13px 0;font-size:14px;display:flex}.reference-relations button strong{flex:1;font-weight:500}.reference-relations button>span:first-child{color:#888c80;width:52px;font-size:12px}.reference-muted{color:#7b8478;font-size:14px;line-height:1.5}@media (width<=1100px){.reference-header>div>span{display:none}.reference-workspace{grid-template-columns:minmax(0,1fr) 335px}.reference-header{padding:0 18px}.reference-profile{padding:20px 16px}}@media (width<=700px){.tree-focused-shell{display:block}.reference-header{flex-wrap:wrap;height:auto;padding:15px}.reference-header h1{font-size:24px}.reference-search{display:none}.reference-workspace{height:auto;display:block}.reference-canvas{height:650px}.reference-profile{border-radius:18px;padding:24px}.reference-tree-select{font-size:12px}.reference-tree-page{height:auto}}.reference-add-relative{color:#164330;cursor:pointer;background:#f3f7f3;border:1px solid #164330;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:18px;padding:11px 13px;font-size:13px;font-weight:700;display:flex}.reference-add-relative svg{width:16px}.reference-canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.reference-canvas img,.reference-person{-webkit-user-drag:none;-webkit-touch-callout:none}.reference-mobile-back{display:none}.reference-story-list article{border:1px solid #e9e1d5;border-radius:10px;margin-bottom:9px;padding:12px}.reference-initials{color:#fff;background:linear-gradient(145deg,#174f3c,#0d3d2e);border-radius:12px 12px 0 0;place-items:center;height:132px;font:700 31px Georgia,serif;display:grid}.reference-initials.large{border-radius:12px;flex:none;width:132px}.reference-map.dynamic{margin:20px auto}.reference-connectors.dynamic{width:100%;height:100%}.reference-empty{text-align:center;color:#164330;place-content:center;height:100%;padding:30px;display:grid}.reference-empty svg{color:#c89d45;margin:auto}.reference-empty h2{margin:14px 0 8px;font:600 28px Georgia,serif}.reference-empty p{color:#7b8478}.reference-continue-story{color:#fff;cursor:pointer;background:#164330;border:0;border-radius:10px;width:100%;margin-top:9px;padding:12px;font-weight:700}.reference-story-list article{border:1px solid #e9e1d5;border-radius:10px;margin-bottom:9px;padding:12px;overflow:hidden}.reference-story-list p{margin:6px 0;font-size:13px;line-height:1.45}.reference-story-list small{color:#7b8478}.reference-story-cover{object-fit:cover;border-radius:10px 10px 0 0;width:calc(100% + 24px);max-width:none;height:150px;margin:-12px -12px 12px;display:block}.reference-explain{color:#164330;background:#fffefa;border:1px solid #d8d0c2;border-radius:10px;width:100%;margin-top:8px;padding:11px;font-weight:700}.reference-answer{background:#f0f4ee;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.reference-real-photo{object-fit:cover;border-radius:12px 12px 0 0;width:132px;height:132px;display:block}.reference-real-photo.large{border-radius:12px;flex:none}.reference-danger-zone{background:#fff7f3;border:1px solid #e4c2b8;border-radius:13px;gap:13px;margin-top:28px;padding:16px;display:grid}.reference-danger-zone strong{color:#713e32;font-size:14px}.reference-danger-zone p{color:#806f69;margin:5px 0 0;font-size:12px;line-height:1.5}.reference-remove-button{color:#984632;cursor:pointer;background:#fff;border:1px solid #b85f4b;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px;font-weight:800;display:flex}.reference-remove-button svg{width:17px}@media (width<=700px){.reference-tree-page{height:100dvh;overflow:hidden}.reference-tree-page.mobile-profile-view .reference-header{display:none}.reference-workspace{height:calc(100dvh - 126px);display:block}.reference-canvas{height:100%;display:block}.reference-profile{display:none}.reference-workspace.mobile-profile-open{height:100dvh}.reference-workspace.mobile-profile-open .reference-canvas{display:none}.reference-workspace.mobile-profile-open .reference-profile{overscroll-behavior:contain;border:0;border-radius:0;height:100dvh;padding:12px 20px 36px;display:block;overflow-y:auto}.reference-mobile-back{z-index:20;color:#164330;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaf5;border:1px solid #ded6c8;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:44px;margin:0 0 24px;padding:10px 15px;font-size:14px;font-weight:700;display:flex;position:sticky;top:12px;box-shadow:0 5px 16px #27372e1a}.reference-mobile-back svg{flex:none;width:19px}.reference-workspace.mobile-profile-open .reference-profile>header h2{font-size:29px}}