.stage:has(.depth-scene){height:calc(var(--visual-height,100dvh) - 228px);min-height:360px;padding:0;overflow:hidden}.depth-scene.focus-scene{height:100%;max-width:1300px;margin:auto;padding:0;position:relative;--card-h:250px;--card-w:420px;--peer-gap:320px;--peer-step:145px}.depth-world{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 8%,black 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 8%,black 88%,transparent);-webkit-mask-composite:source-in;perspective:1000px}.depth-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.depth-lines path{fill:none;stroke:var(--line);stroke-width:1;opacity:.6;vector-effect:non-scaling-stroke}.depth-active.active-card{position:absolute;z-index:4;top:50%;left:50%;margin:0;width:var(--card-w);height:var(--card-h);padding:24px 28px;border-radius:22px;translate:-50% -50%;box-shadow:0 15px 48px var(--shadow)}.depth-active .active-title{font-size:29px;max-height:80px;overflow:auto;min-height:43px}.depth-active .active-notes{max-height:64px;overflow:auto;font-size:12px;margin-top:8px}.depth-active .card-topline{margin-bottom:10px}.depth-active .card-footer{position:absolute;bottom:17px;left:28px;right:28px;margin:0;padding-top:10px;font-size:10px}.depth-neighbor{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;border:1px solid var(--cell-stroke,var(--line));background:color-mix(in srgb,var(--cell-fill,var(--paper)) 75%,var(--quiet));color:var(--cell-text,var(--ink));border-radius:12px;padding:9px 10px;min-height:52px;box-shadow:0 4px 15px var(--shadow);filter:saturate(.55);transition:opacity .24s,filter .2s,box-shadow .2s;transform-origin:center;z-index:2;overflow:hidden}.depth-neighbor strong{font-size:12px;font-weight:550;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.depth-relation{font-size:8px;color:var(--cell-muted,var(--muted));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.depth-neighbor:hover,.depth-neighbor:focus-visible{opacity:1!important;filter:none;box-shadow:0 6px 18px var(--shadow);z-index:6}.depth-neighbor:focus-visible{outline-offset:-3px}.depth-ancestor{width:190px;left:50%;top:calc(50% - var(--card-h)/2 - 44px - var(--distance)*43px);translate:-50% -50%;transform:rotateX(-8deg) scale(calc(.94 - var(--distance)*.10));opacity:calc(.94 - var(--distance)*.16)}.depth-peer{width:148px;min-height:92px;top:50%;translate:-50% -50%;opacity:calc(.95 - var(--distance)*.22);transform:rotateY(-9deg) scale(calc(.96 - var(--distance)*.13))}.depth-peer.right{left:calc(50% + var(--peer-gap) + var(--distance)*var(--peer-step));transform:rotateY(9deg) scale(calc(.96 - var(--distance)*.13))}.depth-peer.left{left:calc(50% - var(--peer-gap) - var(--distance)*var(--peer-step))}.depth-child{width:160px;left:var(--x);top:calc(50% + var(--card-h)/2 + 48px);translate:-50% -50%;transform:rotateX(7deg) scale(.94)}.depth-grandchild{width:132px;left:var(--x);top:calc(50% + var(--card-h)/2 + 119px);translate:-50% -50%;transform:rotateX(12deg) scale(.82);opacity:.6}.depth-root-label{position:absolute;top:calc(50% - var(--card-h)/2 - 45px);left:0;right:0;text-align:center;color:var(--muted);font-size:11px}.depth-nav{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center;justify-content:center;z-index:7}.depth-nav button{background:var(--paper);border:1px solid var(--line);border-radius:10px;min-height:36px;padding:8px 12px;display:flex;gap:6px;align-items:center;color:var(--muted);font-size:10px;box-shadow:0 2px 10px var(--shadow)}.depth-nav .icon{width:13px;height:13px}.depth-nav span{font-size:10px;color:var(--muted)}.depth-hint{position:absolute;top:9px;left:0;right:0;text-align:center;color:var(--muted);font-size:9px;pointer-events:none}.sync-button{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:7px 10px;max-width:210px;text-align:start}.sync-button[data-state=error]{color:var(--danger)}.workspace-scope{font-size:9px;color:var(--muted);padding:5px 0}.sidebar .workspace-scope{margin-bottom:9px}.offline-note{font-size:9px;color:var(--muted);margin-bottom:10px}.keyboard-open .depth-scene{--card-h:170px}.keyboard-open .depth-active .card-footer{display:none}.keyboard-open .depth-neighbor{opacity:.3}.keyboard-open .depth-nav,.keyboard-open .depth-hint{display:none}.keyboard-open .stage:has(.depth-scene){min-height:180px}.context-peek .depth-world{mask-image:none;-webkit-mask-image:none}.context-peek .depth-neighbor{opacity:.92}.context-peek .depth-grandchild{opacity:.8}[data-density=low] .depth-ancestor[style*="--distance: 2"],[data-density=low] .depth-grandchild{display:none}@media(max-width:900px),(max-width:1000px) and (max-height:500px){.stage:has(.depth-scene){height:calc(var(--visual-height,100dvh) - 229px);min-height:330px}.depth-scene.focus-scene{--card-h:226px;--card-w:62%;--peer-gap:calc((100vw - 44px)*.31 + 45px);--peer-step:64px}.depth-active.active-card{padding:17px 17px;border-radius:19px;min-width:215px}.depth-active .active-title{font-size:22px;max-height:66px;min-height:36px}.depth-active .active-notes{font-size:11px;max-height:58px;line-height:1.9}.depth-active .card-topline{margin-bottom:8px}.depth-active .card-kicker{font-size:8px}.depth-active .icon-button{width:22px;height:22px}.depth-active .card-footer{left:17px;right:17px;bottom:15px;font-size:8px;padding-top:8px}.depth-active .card-footer button{font-size:8px}.depth-peer{width:92px;min-height:86px;padding:8px 5px}.depth-peer strong{font-size:10px;-webkit-line-clamp:3}.depth-relation{font-size:7px}.depth-ancestor{width:150px;min-height:44px;top:calc(50% - var(--card-h)/2 - 32px - var(--distance)*35px);padding:5px 9px}.depth-ancestor strong{font-size:10px;-webkit-line-clamp:1}.depth-child{width:105px;top:calc(50% + var(--card-h)/2 + 38px);padding:7px 8px;min-height:55px}.depth-grandchild{width:100px;top:calc(50% + var(--card-h)/2 + 95px);min-height:45px;padding:5px 6px}.depth-child strong,.depth-grandchild strong{font-size:10px}.depth-nav{bottom:6px;gap:5px}.depth-nav button{padding:8px;font-size:9px;min-height:35px}.depth-hint{font-size:8px;top:0}.sync-button{width:100%;max-width:100%;margin-bottom:9px}.keyboard-open .depth-scene{--card-h:160px}.keyboard-open .depth-active .active-notes{max-height:42px}.keyboard-open .depth-active .active-title{max-height:50px;font-size:20px}}@media(prefers-reduced-motion:reduce){.depth-neighbor{transition:none;transform:none!important}.depth-world{perspective:none}}

.depth-child-lines{position:absolute;top:calc(50% + var(--card-h)/2);left:0;width:100%;height:48px;pointer-events:none}.depth-child-lines path{fill:none;stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.depth-grandchild:before{content:'';position:absolute;width:1px;height:22px;left:50%;top:-23px;background:var(--line)}

.depth-neighbor{border-width:var(--cell-width,1px)}@media(max-width:900px),(max-width:1000px) and (max-height:500px){[data-density=more] .depth-child{width:82px}[data-density=more] .depth-grandchild{width:80px}}

.focus-scene.swiping{translate:var(--swipe-x,0) var(--swipe-y,0);will-change:translate}.focus-scene{transition:translate .16s ease-out}.focus-scene.swiping{transition:none}.card-topline{cursor:grab}@media(prefers-reduced-motion:reduce){.focus-scene{transition:none}.focus-scene.swiping{translate:none}}
.ai-input{margin:12px 0;min-height:170px;resize:vertical;font-size:13px;line-height:1.9}.ai-outline{max-height:36dvh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:16px;background:var(--quiet)}.ai-outline p{margin:4px 0!important;font-size:12px!important}.public-links{display:flex;gap:13px;flex-wrap:wrap;margin:12px 0 0;font-size:10px;color:var(--muted)}.public-links a{color:inherit;text-decoration:none}.ai-entry{display:flex;align-items:center;gap:7px;width:100%;font-size:11px;padding:10px 0;color:var(--green)}.ai-entry .icon{width:16px;height:16px}