.depth-grandchild{display:none}.depth-hint{display:none}
.focus-kind-tree .depth-neighbor{border-radius:8px;transform:none}
.typed-focus .depth-active{border-radius:18px;box-shadow:0 8px 24px var(--shadow)}
.typed-world{perspective:none}.typed-caption{position:absolute;top:8px;left:10px;right:10px;text-align:center;font-size:12px;color:var(--muted);margin:0}
.typed-neighbor{width:148px;min-height:66px;translate:-50% -50%;transform:none;opacity:1;filter:none}
.typed-neighbor.dir-up{left:50%;top:calc(50% - var(--card-h)/2 - 44px)}
.typed-neighbor.dir-down{left:50%;top:calc(50% + var(--card-h)/2 + 44px)}
.typed-neighbor.dir-left{left:calc(50% - var(--card-w)/2 - 90px);top:50%}
.typed-neighbor.dir-right{left:calc(50% + var(--card-w)/2 + 90px);top:50%}
.typed-connections{position:absolute;left:8%;right:8%;top:50%;height:1px;background:var(--line)}
.typed-flow .typed-neighbor{border-radius:8px}.typed-flow .dir-left:before{content:'←';position:absolute;right:-24px;font-size:20px}.typed-flow .dir-right:after{content:'←';position:absolute;left:-24px;font-size:20px}
.typed-brace .depth-active{border-radius:8px}.typed-brace .typed-connections{background:none}.typed-brace.has-left-target .depth-active:after{content:'{';position:absolute;left:-32px;top:calc(50% - 60px);font:110px/1 sans-serif;color:var(--line);pointer-events:none}
.typed-multiflow .depth-active{border-width:2px}.typed-multiflow .typed-connections:before,.typed-multiflow .typed-connections:after{content:'←';position:absolute;top:-15px;font:22px sans-serif;color:var(--green)}.typed-multiflow .typed-connections:before{left:25%}.typed-multiflow .typed-connections:after{right:25%}
.typed-bubble .typed-neighbor{border-radius:50%;width:118px;height:90px;padding:12px}.typed-bubble .depth-active{border-radius:42px}.typed-bubble .typed-connections{height:330px;width:550px;left:50%;top:50%;translate:-50% -50%;border:1px dashed var(--line);border-radius:50%;background:none}
.keyboard-open .typed-caption{display:none}
@media(max-width:900px),(max-width:1000px) and (max-height:500px){
 .typed-neighbor{width:92px;min-height:68px;padding:7px 5px}.typed-neighbor strong{font-size:12px}.typed-neighbor.dir-left{left:calc(50% - var(--card-w)/2 - 36px)}.typed-neighbor.dir-right{left:calc(50% + var(--card-w)/2 + 36px)}
 .typed-neighbor.dir-up{top:calc(50% - var(--card-h)/2 - 36px)}.typed-neighbor.dir-down{top:calc(50% + var(--card-h)/2 + 36px)}
 .typed-bubble .typed-neighbor{width:90px;height:76px;padding:9px}.typed-bubble .typed-connections{width:94%;height:370px}.typed-caption{font-size:11px}
}
@media(max-width:900px) and (min-height:521px) and (max-height:700px),(max-width:1000px) and (max-height:500px){
 body:not(.keyboard-open) .depth-scene.focus-scene{--card-h:190px}
 body:not(.keyboard-open) .depth-world{translate:0 -24px;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent)}
 body:not(.keyboard-open) .depth-active{top:calc(50% - 24px)}
 body:not(.keyboard-open) .depth-active .active-notes{max-height:36px}
 body:not(.keyboard-open) .typed-neighbor.dir-up{min-height:38px;top:calc(50% - var(--card-h)/2 - 24px);padding:3px 7px}
 body:not(.keyboard-open) .typed-neighbor.dir-down{min-height:32px;height:32px;top:calc(50% + var(--card-h)/2 + 20px);padding:3px 7px}
 body:not(.keyboard-open) .typed-neighbor.dir-down .depth-relation,body:not(.keyboard-open) .typed-neighbor.dir-up .depth-relation{display:none}
 .typed-caption{display:none}
}

.focus-instructions{position:absolute;top:7px;left:10px;right:10px;margin:0;text-align:center;color:var(--muted);font-size:11px;pointer-events:none}.focus-relations{text-decoration:underline}.map-type-control:after{content:'ⓘ'}
@media(max-height:700px){.focus-instructions{display:none}}

@media(min-width:901px) and (min-height:900px){.depth-grandchild{display:flex;top:calc(50% + var(--card-h)/2 + 99px)}}

.typed-focus .typed-connections{background:none}.typed-flow .dir-left:before,.typed-flow .dir-right:after,.typed-multiflow .typed-connections:before,.typed-multiflow .typed-connections:after{display:none}
.typed-link{position:absolute;background:var(--line);pointer-events:none}.link-left{left:8%;right:50%;top:50%;height:1px}.link-right{right:8%;left:50%;top:50%;height:1px}.link-up{left:50%;top:14%;bottom:50%;width:1px}.link-down{left:50%;top:50%;bottom:14%;width:1px}
.typed-flow .link-left:after,.typed-flow .link-right:after,.typed-multiflow .event-link:after{content:'←';position:absolute;left:15%;top:-14px;font:22px sans-serif;color:var(--green)}

.depth-child.depth-destination{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}

/* Phase 12: one visible destination per direction and familiar branch controls. */
#peekContext{display:none!important}.map-direction-control{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:7px 10px;color:var(--green);font-size:11px;white-space:nowrap}.map-direction-control[hidden]{display:none!important}
.breadcrumbs .path-prefix{color:var(--muted);font-size:10px;white-space:nowrap}.breadcrumbs [aria-current=location]{color:var(--green);font-weight:750;text-decoration:underline;text-underline-offset:4px}
.typed-focus .depth-active{top:var(--focus-y)}.typed-focus .typed-neighbor.dir-up,.typed-focus .typed-neighbor.dir-down{top:calc(var(--focus-y) - var(--card-h)/2 - 42px)}.typed-focus .typed-neighbor.dir-down{top:calc(var(--focus-y) + var(--card-h)/2 + 42px)}.typed-focus .typed-neighbor.dir-left,.typed-focus .typed-neighbor.dir-right{top:var(--focus-y)}.typed-focus .typed-link.link-left,.typed-focus .typed-link.link-right{top:var(--focus-y)}.typed-focus .typed-link.link-up{top:15%;bottom:calc(100% - var(--focus-y))}.typed-focus .typed-link.link-down{top:var(--focus-y);bottom:15%}
.typed-mindmap .depth-active{box-shadow:0 15px 40px var(--shadow);border-radius:22px}.typed-mindmap .typed-world{perspective:850px}.typed-mindmap .dir-left{transform:rotateY(-8deg) scale(.95)}.typed-mindmap .dir-right{transform:rotateY(8deg) scale(.95)}.typed-mindmap .dir-up{transform:rotateX(-6deg) scale(.94)}.typed-mindmap .dir-down{transform:rotateX(6deg) scale(.94)}
.overview-place{position:absolute;right:12px;left:12px;top:10px;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:7px 9px;box-shadow:0 2px 10px var(--shadow);font-size:11px}.overview-place span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-place button{flex:none;background:var(--hover);color:var(--green);border-radius:8px;min-height:34px;padding:4px 10px}.overview-you-are-here{position:absolute;translate:-50% 0;z-index:5;white-space:nowrap;border-radius:6px;padding:3px 7px;background:var(--green);color:white;font-size:12px;pointer-events:none}.map-diagram .diagram-node.selected{outline:4px solid var(--green);outline-offset:4px;z-index:4}
.direction-choice{display:block;width:100%;border:1px solid var(--line);background:var(--paper);border-radius:11px;text-align:right;padding:13px;margin:7px 0;min-height:48px}.direction-choice[aria-pressed=true]{border-color:var(--green);background:var(--hover);font-weight:750}
@media(max-width:900px),(max-width:1000px) and (max-height:500px){.typed-mindmap .typed-neighbor{width:92px}.map-direction-control{font-size:10px}}
@media(max-width:900px) and (max-height:700px),(max-width:1000px) and (max-height:500px){body:not(.keyboard-open) .depth-scene.focus-scene{--card-h:184px}.typed-focus .typed-neighbor.dir-up,.typed-focus .typed-neighbor.dir-down,.typed-focus .typed-link.link-up,.typed-focus .typed-link.link-down{display:none}.typed-focus .depth-active{top:var(--focus-y)!important}.typed-focus .typed-neighbor.dir-left,.typed-focus .typed-neighbor.dir-right{top:var(--focus-y)!important}.typed-focus .typed-link.link-left,.typed-focus .typed-link.link-right{top:var(--focus-y)!important}}

@media(max-width:900px),(max-width:1000px) and (max-height:500px){.viewbar{flex-wrap:wrap}.breadcrumbs{max-width:100%;width:100%;order:-1;min-height:24px}.breadcrumbs button{max-width:100px}.map-direction-control{max-width:125px;overflow:hidden;text-overflow:ellipsis}.overview-place{font-size:10px}}

.typed-focus .typed-neighbor{background:var(--paper);filter:none;opacity:.93}.typed-focus .typed-neighbor:active{background:var(--hover)}
.ai-top-action{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:var(--hover);color:var(--green);border-radius:10px;min-height:36px;padding:5px 11px;font-size:11px;font-weight:650}.ai-star{font-size:18px;line-height:1}.ai-top-short{display:none}
@media(max-width:900px),(max-width:1000px) and (max-height:500px){
 .topbar{padding-inline:10px}.topbar-left{gap:0}.topbar-right{gap:4px;flex:1;min-width:0}.workspace-name{flex:1;min-width:0;max-width:none}
 .ai-top-action{margin-inline:3px;padding:4px 6px;gap:3px;min-height:34px}.ai-top-label{display:none}.ai-top-short{display:inline;font:700 10px/1 sans-serif}.ai-star{font-size:17px}
}
@media(max-width:390px){.topbar-left .icon-button{width:28px}.topbar-right .icon-button{width:30px}.workspace-name{font-size:11px}}
@media(max-width:900px) and (max-height:700px),(max-width:1000px) and (max-height:500px){
 body:not(.keyboard-open) .depth-active .field-count{bottom:52px}
 body:not(.keyboard-open) .depth-active .active-notes{max-height:42px;overflow-y:auto}
}

/* Phase 14: the focus scene is a cropped part of the map, not a second toolbar. */
.depth-scene.focus-scene{--focus-y:50%;--nav-height:0px}
.typed-focus .depth-active,.typed-focus .typed-neighbor.dir-left,.typed-focus .typed-neighbor.dir-right,.typed-focus .typed-link.link-left,.typed-focus .typed-link.link-right{top:var(--focus-y)}
.typed-focus .typed-neighbor.dir-up{top:calc(var(--focus-y) - var(--card-h)/2 - 42px)}
.typed-focus .typed-neighbor.dir-down{top:calc(var(--focus-y) + var(--card-h)/2 + 42px)}
.typed-focus .depth-world{mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 9%,black 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 9%,black 91%,transparent)}
.depth-trail{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;direction:inherit;width:110px;height:52px;padding:5px 7px;border:1px solid var(--cell-stroke,var(--line));border-radius:11px;background:var(--cell-fill,var(--paper));color:var(--cell-text,var(--ink));box-shadow:0 5px 16px var(--shadow);pointer-events:none;translate:-50% -50%;filter:saturate(.55)}
.depth-trail span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}
.depth-trail.layer-2{--trail-offset:178px;--trail-vertical:116px;--trail-shift:35px;transform:scale(.78);opacity:.57}
.depth-trail.layer-3{--trail-offset:242px;--trail-vertical:159px;--trail-shift:62px;transform:scale(.59);opacity:.35}
.depth-trail.layer-4{--trail-offset:295px;--trail-vertical:195px;--trail-shift:82px;transform:scale(.43);opacity:.18}
.depth-trail.trail-left{left:calc(50% - var(--card-w)/2 - var(--trail-offset))}
.depth-trail.trail-right{left:calc(50% + var(--card-w)/2 + var(--trail-offset))}
.depth-trail.trail-ancestor:is(.trail-left,.trail-right){top:calc(var(--focus-y) - var(--trail-shift))}
.depth-trail.trail-descendant:is(.trail-left,.trail-right){top:calc(var(--focus-y) + var(--trail-shift))}
.depth-trail.trail-up,.depth-trail.trail-down{left:50%;width:125px}
.depth-trail.trail-up{top:calc(var(--focus-y) - var(--card-h)/2 - var(--trail-vertical))}
.depth-trail.trail-down{top:calc(var(--focus-y) + var(--card-h)/2 + var(--trail-vertical))}
.focus-inline-peers{border:1px solid var(--line);background:var(--hover);border-radius:7px;padding:3px 7px;min-height:28px;font-size:10px;color:var(--green)}
.card-kicker{min-width:0}.card-kicker>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-kicker .focus-inline-peers{flex:none}
@media(max-width:900px),(max-width:1000px) and (max-height:500px){
 .depth-trail{width:79px;height:47px;padding:4px 5px}.depth-trail span{font-size:10px}
 .depth-trail.layer-2{--trail-offset:40px;--trail-vertical:90px;--trail-shift:34px;transform:scale(.73);opacity:.58}
 .depth-trail.layer-3{--trail-offset:60px;--trail-vertical:117px;--trail-shift:61px;transform:scale(.51);opacity:.39}
 .depth-trail.layer-4{--trail-offset:72px;--trail-vertical:140px;--trail-shift:82px;transform:scale(.35);opacity:.22}
 .depth-trail.trail-up,.depth-trail.trail-down{width:100px}
}
@media(max-width:900px) and (max-height:700px),(max-width:1000px) and (max-height:500px){
 body:not(.keyboard-open) .depth-scene.focus-scene{--card-h:210px;--focus-y:50%}
 body:not(.keyboard-open) .depth-world{translate:0;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 5%,black 95%,transparent)}
 .typed-focus .typed-neighbor.dir-up,.typed-focus .typed-neighbor.dir-down{display:flex;min-height:36px;height:38px;width:116px;padding:2px 7px}
 .typed-focus .typed-link.link-up,.typed-focus .typed-link.link-down{display:block}
 .typed-focus .typed-neighbor.dir-up{top:calc(var(--focus-y) - var(--card-h)/2 - 33px)}
 .typed-focus .typed-neighbor.dir-down{top:calc(var(--focus-y) + var(--card-h)/2 + 33px)}
 .typed-focus .typed-neighbor.dir-up .depth-relation,.typed-focus .typed-neighbor.dir-down .depth-relation{display:block}
 .typed-focus .depth-active{top:var(--focus-y)!important}
 body:not(.keyboard-open) .depth-active .field-count{bottom:52px}
}