/* A translucent note graph, confined to the local See it sample. */
#vision {overflow:clip}
#vision .vision-wiki {
  position:absolute;z-index:4;right:-18px;bottom:62px;
  width:clamp(360px,44vw,670px);height:clamp(260px,calc(100% - 435px),435px);
  color:#fff;isolation:isolate;user-select:none;
}
#vision .vision-wiki-ring {
  position:absolute;z-index:-1;pointer-events:none;top:-5%;left:-3%;
  width:124%;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;
  background:radial-gradient(ellipse at 44% 40%,#ffffff06,transparent 68%);
}
#vision .vision-wiki-graph {display:block;width:100%;height:100%;overflow:visible;touch-action:pan-y}
#vision .wiki-links {fill:none;stroke:#fff;stroke-width:.65}
#vision .wiki-links line {opacity:.24;vector-effect:non-scaling-stroke;transition:opacity 180ms ease,stroke-width 180ms ease}
#vision .wiki-links line.is-connected {opacity:.72;stroke-width:.9}
#vision .wiki-node {outline:none;cursor:default}
#vision .wiki-hit {fill:transparent;stroke:none;pointer-events:all}
#vision .wiki-dot {fill:#fff;opacity:.63;transition:opacity 180ms ease;pointer-events:none}
#vision .wiki-hub .wiki-dot {opacity:.87}
#vision .wiki-halo {fill:#ffffff07;stroke:#fff;stroke-width:.55;opacity:.25;vector-effect:non-scaling-stroke;pointer-events:none}
#vision .wiki-node.is-active .wiki-dot {opacity:1;filter:drop-shadow(0 0 4px #ffffff80)}
#vision .wiki-node.is-active .wiki-halo {opacity:.8}
#vision .wiki-node:focus-visible .wiki-hit {stroke:#ffffffa6;stroke-width:1;vector-effect:non-scaling-stroke}
#vision .wiki-name {
  opacity:0;visibility:hidden;pointer-events:none;fill:#fff;
  font:400 14px/1 Arial,Helvetica,sans-serif;letter-spacing:-.02em;
  paint-order:stroke;stroke:#1b251e70;stroke-width:2.5px;stroke-linejoin:round;
}
#vision .wiki-node.is-active .wiki-name {opacity:1;visibility:visible}
#vision .vision-bottom {
  z-index:5;font:400 var(--vision-chat-size)/1.4 Arial,Helvetica,sans-serif;
  letter-spacing:-.035em;text-transform:none;justify-content:flex-end;
  padding-top:0;bottom:30px;pointer-events:none;
}
#vision #vision-wiki-caption {opacity:.86;text-align:right;text-shadow:0 1px 8px #10201860}
#vision .digital-bottom-right {display:none}
@media (min-width:761px) and (max-width:1100px) {
  #vision .vision-wiki {width:43vw;right:-18px;bottom:70px;height:285px}
}
@media (max-width:760px) {
  #vision .vision-copy {top:600px;bottom:auto}
  #vision .vision-wiki {width:clamp(230px,65vw,350px);right:-4px;height:clamp(135px,33vw,170px);bottom:68px}
  #vision .vision-wiki-ring {width:122%;left:0;top:-8%}
  #vision .vision-bottom {bottom:35px;font-size:var(--vision-chat-size)}
  #vision #vision-wiki-caption {max-width:100%}
  #vision .wiki-name {font-size:36px}
  #vision .wiki-links line {opacity:.32}
  #vision .digital-bottom-left {display:none}
}
@media (min-width:601px) and (max-width:760px) {
  #vision .vision-copy {right:auto;max-width:58%}
  #vision .vision-copy h2 {font-size:clamp(48px,8vw,60px)}
}
@media (prefers-reduced-motion:reduce) {
  #vision .wiki-links line,#vision .wiki-dot {transition:none}
}