.explore-body{overflow:hidden;background:#eaf1eb}.explore-shell{min-height:100dvh;color:#17362d;background:linear-gradient(180deg,#e9f2ec,#f8f7ed 58%,#efe6d4)}.explore-header{position:relative;z-index:30;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid rgba(47,91,75,.14);background:#fafcf8d1;box-shadow:0 8px 30px #1f42360f;backdrop-filter:blur(22px)}.explore-brand{min-width:0;display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.explore-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(35,91,70,.15))}.explore-brand span{display:flex;flex-direction:column}.explore-brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:-.3px}.explore-brand small{color:#70847c;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.13em}.explore-actions{display:flex;align-items:center;gap:8px}.explore-search{width:min(260px,23vw);height:40px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(44,107,89,.15);border-radius:13px;background:#ffffffbf;color:#71867d}.explore-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:12px}.explore-action{min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;border:1px solid rgba(44,107,89,.16);border-radius:12px;background:#ffffffd1;color:#2c6b59;text-decoration:none;font-size:12px;font-weight:800}.explore-action:hover{background:#e2efe8;border-color:#2c6b594d}.explore-workspace{height:calc(100dvh - 76px);display:grid;grid-template-columns:minmax(0,1fr)}.family-navigator{position:fixed;z-index:45;top:94px;bottom:18px;left:18px;width:min(310px,calc(100vw - 36px));min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(44,107,89,.18);border-radius:21px;background:#f8fbf7f5;box-shadow:0 22px 60px #193d3033;backdrop-filter:blur(22px);transform:translate(calc(-100% - 30px));opacity:0;visibility:hidden;transition:transform .24s cubic-bezier(.2,.78,.2,1),opacity .2s ease,visibility .2s}.explore-shell.navigator-open .family-navigator{transform:none;opacity:1;visibility:visible}.navigator-scrim{position:fixed;z-index:44;inset:76px 0 0;border:0;background:#142b2333;opacity:0;visibility:hidden;backdrop-filter:blur(2px);transition:opacity .2s ease,visibility .2s}.explore-shell.navigator-open .navigator-scrim{opacity:1;visibility:visible}.navigator-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:20px 18px 13px}.navigator-head>div{min-width:0}.navigator-head>button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:#e9f1ed;color:#557067;font-size:19px}.navigator-head>span{grid-column:1 / -1}.navigator-head p{margin:0 0 4px;color:#789087;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.navigator-head h1{margin:0;font-family:Georgia,serif;font-size:22px;line-height:1.05}.navigator-head span{display:block;margin-top:8px;color:#74857e;font-size:10px;line-height:1.45}.people-navigator{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:4px 10px 18px;scrollbar-width:thin}.navigator-person{width:100%;min-height:53px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid transparent;border-radius:14px;background:transparent;text-align:left;transition:.18s ease}.navigator-person:hover{background:#ffffffb8;transform:translate(2px)}.navigator-person.is-active{border-color:#2c6b5942;background:#fff;box-shadow:0 8px 20px #1d473917}.navigator-person{position:relative}.navigator-person.is-self{border-color:#2c6b592e}.navigator-person>em{flex:none;padding:3px 5px;border-radius:999px;background:#dfeee6;color:#2c6b59;font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.navigator-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dce8de;color:#426756;font-family:Georgia,serif;font-size:10px;font-weight:800}.navigator-avatar img{width:100%;height:100%;object-fit:cover}.navigator-person>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.navigator-person strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:11px}.navigator-person small{color:#7a8a84;font-size:8.5px}.explore-canvas{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 13%,rgba(255,255,255,.93),transparent 29%),linear-gradient(180deg,#dbede0a6,#faf7e9e6)}.explore-canvas:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(49,99,78,.13) .7px,transparent .7px),linear-gradient(110deg,transparent 47%,rgba(255,255,255,.36) 50%,transparent 53%);background-size:22px 22px,100% 100%;mask-image:linear-gradient(to bottom,#000,transparent 86%)}.explore-canvas:after{content:"";position:absolute;z-index:0;left:50%;bottom:-130px;width:min(1050px,92%);height:260px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(89,93,55,.18),rgba(113,121,72,.06) 45%,transparent 72%);filter:blur(2px);pointer-events:none}.ambient-leaf{position:absolute;z-index:1;width:16px;height:9px;border-radius:100% 0;background:#457c572e;pointer-events:none;animation:leafDrift 10s ease-in-out infinite alternate}.ambient-leaf.l1{left:9%;top:15%;transform:rotate(24deg)}.ambient-leaf.l2{right:13%;top:24%;animation-delay:-3s;transform:rotate(-18deg)}.ambient-leaf.l3{left:24%;bottom:17%;animation-delay:-6s}.ambient-leaf.l4{right:28%;bottom:24%;animation-delay:-8s;transform:rotate(50deg)}@keyframes leafDrift{0%{translate:0 0;rotate:-4deg}to{translate:18px 15px;rotate:14deg}}.explore-viewport{position:absolute;z-index:2;inset:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.explore-viewport::-webkit-scrollbar{width:0;height:0;display:none}.explore-viewport.is-dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}.explore-viewport.is-gesturing .explore-graph{transition:none}.explore-stage{position:relative;min-width:100%;min-height:100%}.explore-graph{position:absolute;left:0;top:0;transform-origin:top left;will-change:transform;contain:layout paint style}.tree-decoration{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.decor-trunk{fill:none;stroke:#5d573426;stroke-width:22;stroke-linecap:round;filter:drop-shadow(0 8px 10px rgba(68,77,42,.05))}.decor-branch{fill:none;stroke:#4f774b21;stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:growBranch 1.6s ease forwards}.decor-canopy{fill:#588b5d12;animation:canopyBreathe 7s ease-in-out infinite alternate;transform-origin:center}@keyframes growBranch{to{stroke-dashoffset:0}}@keyframes canopyBreathe{to{transform:scale(1.018);fill:#588b5d1a}}.explore-edge-layer{position:absolute;z-index:1;inset:0;pointer-events:none}.explore-edge{position:absolute;z-index:1;display:block;background:#486f5d80;pointer-events:none;transition:opacity .16s ease,background .16s ease}.explore-edge.vertical{width:1px}.explore-edge.horizontal{height:1px}.explore-edge.is-highlight{z-index:2;background:#28745d;box-shadow:0 0 9px #2c6b5952}.explore-edge.is-dimmed{opacity:.16}.explore-node{position:absolute;z-index:4;width:224px;height:77px;animation:nodeArrive .48s cubic-bezier(.2,.78,.2,1) both;animation-delay:calc(var(--node-order, 0) * 22ms)}@keyframes nodeArrive{0%{opacity:0;translate:0 10px}}.explore-person-card{width:100%;height:100%;display:flex;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(58,96,81,.17);border-radius:18px;background:#ffffffe6;color:#17362d;box-shadow:0 12px 28px #264b3d17;text-align:left;backdrop-filter:blur(9px);transition:opacity .28s ease,filter .28s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease}.explore-person-card:hover{transform:translateY(-3px);border-color:#2c6b5961;box-shadow:0 16px 34px #264b3d26}.explore-node.is-dimmed .explore-person-card{opacity:.3;filter:grayscale(.55)}.explore-node.is-near .explore-person-card{border-color:#2c6b5973;background:#fafffbf5;box-shadow:0 0 0 3px #2c6b5914,0 14px 30px #264b3d21}.explore-node.is-focus .explore-person-card{border-color:#2c6b59;background:#fff;transform:translateY(-4px) scale(1.035);box-shadow:0 0 0 5px #2c6b591f,0 18px 40px #1d493a33}.explore-viewport.is-gesturing .explore-person-card{backdrop-filter:none;box-shadow:0 5px 14px #264b3d14}.explore-avatar{width:51px;height:51px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#dce8de;color:#446957;font-family:Georgia,serif;font-size:13px;font-weight:800}.explore-avatar img{width:100%;height:100%;object-fit:cover}.explore-person-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.explore-person-copy strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:14px}.explore-person-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#74857f;font-size:9.5px}.explore-generation{position:absolute;z-index:3;left:26px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(44,107,89,.2);border-radius:50%;background:#fffc;color:#557468;box-shadow:0 5px 16px #2d544414;font-family:Georgia,serif;font-size:10px;backdrop-filter:blur(8px)}.explore-controls{position:absolute;z-index:18;right:18px;top:18px;display:flex;align-items:center;padding:4px;border:1px solid rgba(44,107,89,.15);border-radius:14px;background:#ffffffd4;box-shadow:0 10px 28px #23483a1c;backdrop-filter:blur(16px)}.explore-controls button{width:37px;height:37px;border:0;border-radius:10px;background:transparent;color:#2c6b59;font-size:17px}.explore-controls button:hover{background:#e5f0eb}.explore-controls span{min-width:49px;color:#6e827a;font-size:9px;font-weight:800;text-align:center}.depth-control{--depth-index: 2;position:absolute;z-index:18;left:18px;top:18px;width:150px;height:46px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:4px;border:1px solid rgba(44,107,89,.15);border-radius:16px;background:#ffffffdb;color:#6f847a;box-shadow:0 10px 28px #23483a1a;backdrop-filter:blur(16px);isolation:isolate}.depth-thumb{position:absolute;z-index:-1;left:4px;top:4px;width:calc((100% - 8px)/3);height:calc(100% - 8px);border-radius:12px;background:linear-gradient(145deg,#dceee4,#edf6f1);box-shadow:0 3px 9px #245b4524;transform:translate(calc(var(--depth-index)*100%));transition:transform .2s cubic-bezier(.2,.78,.2,1)}.depth-symbol{height:36px;display:grid;place-items:center;color:#91a49b;transition:color .18s ease,transform .18s ease;pointer-events:none}.depth-symbol svg{width:22px;height:22px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.depth-symbol.is-active{color:#286b54;transform:scale(1.08)}.depth-control input{position:absolute;z-index:3;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.depth-output{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.focus-card{position:absolute;z-index:20;right:18px;bottom:18px;width:min(360px,calc(100% - 36px));padding:15px;border:1px solid rgba(44,107,89,.18);border-radius:19px;background:#ffffffe8;box-shadow:0 20px 55px #1e42352e;backdrop-filter:blur(20px);animation:focusCardIn .25s ease both}.focus-card[hidden]{display:none}@keyframes focusCardIn{0%{opacity:0;transform:translateY(12px)}}.focus-card-head{display:flex;align-items:center;gap:11px}.focus-card-head>span:not(.explore-avatar){min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.focus-card-head strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:17px}.focus-card-head small{color:#72847d;font-size:9.5px}.focus-card-head button{width:32px;height:32px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:#eef4f0;color:#557067;font-size:19px}.focus-family{display:flex;align-items:center;gap:6px;overflow:auto;margin-top:12px;padding-top:11px;border-top:1px solid #e7ece9;scrollbar-width:none}.focus-family::-webkit-scrollbar{display:none}.focus-family>span{flex:none;color:#788a83;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.family-chip{min-width:0;flex:none;display:flex;align-items:center;gap:5px;padding:4px 7px 4px 4px;border:1px solid #e0e8e4;border-radius:999px;background:#f8faf8}.family-chip .navigator-avatar{width:25px;height:25px;font-size:7px}.family-chip b{max-width:92px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px}.explore-empty{margin:20vh auto;width:max-content;padding:18px 22px;border-radius:18px;background:#fffc;color:#6f817a;box-shadow:0 15px 40px #23483a1a}@media(max-width:820px){.explore-header{height:64px;padding:0 12px}.explore-brand img{width:38px;height:38px}.explore-brand strong{font-size:18px}.explore-brand small{display:none}.explore-search{width:40px;padding:0 10px}.explore-search input{width:0}.explore-search:focus-within{position:absolute;z-index:3;left:58px;right:108px;width:auto;background:#fff}.explore-search:focus-within input{width:100%}.explore-action.edit-return{display:none}.explore-workspace{height:calc(100dvh - 64px);grid-template-columns:1fr}.family-navigator{top:74px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;width:min(310px,calc(100vw - 20px))}.navigator-scrim{inset:64px 0 0}.people-navigator{padding-bottom:14px}.navigator-person:hover{transform:none}.explore-controls{top:12px;right:10px}.explore-controls button{width:34px;height:34px}.explore-controls span{min-width:42px}.depth-control{top:10px;left:10px;width:112px;height:40px;border-radius:14px}.depth-thumb{border-radius:10px}.depth-symbol{height:32px}.depth-symbol svg{width:18px;height:18px}.focus-card{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;padding:12px}.focus-card-head strong{font-size:15px}.explore-generation{left:12px}.explore-canvas:after{bottom:10px}}@media(prefers-reduced-motion:reduce){.ambient-leaf,.decor-branch,.decor-canopy,.explore-node{animation:none}.explore-viewport{scroll-behavior:auto}*{transition-duration:.01ms!important}}