.graph-page{position:fixed;inset:0;z-index:10;overflow:hidden;background:var(--page-bg);--kg-top-inset: 4.75rem;--kg-dock-btn-size: 2.875rem;--kg-dock-pad: .375rem;--kg-dock-gap: .125rem;--kg-dock-edge: 1rem;--kg-dock-tip-gap: .875rem;--kg-popover-width: 19rem;--kg-popover-margin: 1rem;--kg-popover-arrow: .75rem}html:has(.graph-page) #top-row{position:fixed;top:0;left:50%;z-index:260;margin-inline:auto;transform:translate(-50%)}html:has(.graph-page) #swup-container{min-height:100vh!important;padding:0!important}html:has(.graph-page) #content-wrapper{opacity:1!important;transform:none!important;animation:none!important}html:has(.graph-page),body:has(.graph-page){overflow:hidden!important}html:has(.graph-page) #left-sidebar-dynamic,html:has(.graph-page) #right-sidebar-dynamic,html:has(.graph-page) #progress-bar,html:has(.graph-page) .footer,html:has(.graph-page) #live2d-widget,html:has(.graph-page) #spine-model-container{display:none!important}html:has(.graph-page).is-leaving #swup-container.transition-swup-main,html:has(.graph-page).is-rendering #swup-container.transition-swup-main{opacity:1!important;filter:none!important;transform:none!important;animation:none!important}@media(max-width:768px){.graph-page{--kg-top-inset: 4rem;--kg-mobile-edge: .75rem;--kg-mobile-bottom: max(.5rem, env(safe-area-inset-bottom, 0px));--kg-mobile-dock-h: 3.65rem;--kg-graph-bar-h: 3.25rem;--kg-drawer-gap: .5rem;--kg-dock-mobile-bottom: calc( var(--kg-mobile-bottom) + var(--kg-mobile-dock-h) + var(--kg-drawer-gap) )}}.knowledge-graph{width:100%;height:100%;position:relative;isolation:isolate}.knowledge-graph__surface{width:100%;height:100%;position:relative;background:var(--page-bg);overflow:hidden}.knowledge-graph__canvas{width:100%;height:100%;display:block;cursor:grab;outline:none;touch-action:none}.knowledge-graph__canvas.is-node-hovered{cursor:pointer}.knowledge-graph__canvas.is-dragging{cursor:grabbing}.knowledge-graph__canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.knowledge-graph__status{max-width:calc(100% - 2rem);position:absolute;z-index:10;top:50%;left:50%;color:var(--tag-graph-muted);font-size:.875rem;line-height:1.5;text-align:center;transform:translate(-50%,-50%);transition:opacity .18s ease-out;pointer-events:none}.knowledge-graph__surface[data-state=ready] .knowledge-graph__status{opacity:0}.knowledge-graph__tooltip{max-width:min(17rem,calc(100% - 1rem));position:absolute;z-index:20;padding:.625rem .75rem;border:1px solid var(--tag-graph-tooltip-border);border-radius:var(--radius-medium);background:var(--tag-graph-tooltip-bg);box-shadow:0 .75rem 2rem #0000003d;color:var(--tag-graph-tooltip-text);line-height:1.4;pointer-events:none}.knowledge-graph__tooltip[hidden]{display:none}.knowledge-graph__tooltip strong,.knowledge-graph__tooltip span{display:block;letter-spacing:0}.knowledge-graph__tooltip strong{overflow-wrap:anywhere;font-size:.875rem;font-weight:800}.knowledge-graph__tooltip span{margin-top:.1875rem;color:color-mix(in srgb,var(--tag-graph-tooltip-text) 72%,transparent);font-size:.75rem}.knowledge-graph__drawers{display:contents}@media(max-width:768px){.knowledge-graph__drawers{display:flex;flex-direction:column;gap:var(--kg-drawer-gap);position:absolute;left:auto;right:max(var(--kg-mobile-edge),env(safe-area-inset-right,0px));width:calc(100vw - max(var(--kg-mobile-edge),env(safe-area-inset-right,0px)) - max(var(--kg-mobile-edge),env(safe-area-inset-left,0px)));max-width:calc(100vw - (var(--kg-mobile-edge) * 2));bottom:calc(var(--kg-dock-mobile-bottom) + var(--kg-graph-bar-h) + var(--kg-drawer-gap));max-height:72dvh;z-index:28;pointer-events:none}.knowledge-graph__drawers>*{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.knowledge-graph__status{transition:none}}.kg-dock{position:absolute;z-index:32;top:50%;right:var(--kg-dock-edge, 1rem);display:flex;flex-direction:column;align-items:center;gap:var(--kg-dock-gap, .125rem);padding:var(--kg-dock-pad, .375rem);border:0;border-radius:999px;background:var(--navbar-bg);box-shadow:0 .35rem 1.25rem #00000029;transform:translateY(-50%)}.kg-dock__btn{position:relative;width:var(--kg-dock-btn-size, 2.875rem);height:var(--kg-dock-btn-size, 2.875rem);flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--deep-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.kg-dock__btn[aria-pressed=true]{color:var(--graph-chip-checked)}.kg-dock__btn:hover{background:color-mix(in oklch,var(--deep-text) 8%,transparent);color:var(--graph-chip-checked)}.kg-dock__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kg-dock__btn svg{width:1.375rem;height:1.375rem;fill:currentColor}@media(min-width:769px)and (hover:hover)and (pointer:fine){.kg-dock__btn:after,.kg-dock__btn:before{position:absolute;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.kg-dock__btn:after{top:50%;right:calc(100% + var(--kg-dock-tip-gap, .875rem));z-index:0;padding:.25rem .5rem;border:1.5px solid var(--deep-text);border-radius:var(--radius-small);background:var(--float-panel-bg);color:var(--deep-text);content:attr(data-tooltip);font-size:.75rem;font-weight:600;line-height:1.3;white-space:nowrap;transform:translateY(-50%)}.kg-dock__btn:before{content:"";top:calc(50% - .25rem);right:calc(100% + var(--kg-dock-tip-gap, .875rem) - 3.25px);z-index:1;width:.5rem;height:.5rem;border-top:1.5px solid var(--deep-text);border-right:1.5px solid var(--deep-text);background:var(--float-panel-bg);transform:rotate(45deg)}.kg-dock__btn:hover:after,.kg-dock__btn:hover:before,.kg-dock__btn:focus-visible:after,.kg-dock__btn:focus-visible:before{visibility:visible;opacity:1}}.kg-dock__icon--force,.kg-dock__btn[aria-pressed=true] .kg-dock__icon--mindmap{display:none}.kg-dock__btn[aria-pressed=true] .kg-dock__icon--force{display:block}.kg-dock__popover{position:absolute;z-index:30;top:0;left:0;width:var(--kg-popover-width, 19rem);max-height:calc(100% - var(--kg-top-inset, 4.75rem) - var(--kg-popover-margin, 1rem));display:flex;flex-direction:column;border:1.5px solid var(--deep-text);border-radius:var(--radius-large, .75rem);background:var(--float-panel-bg);box-shadow:0 .5rem 1.75rem #0000001f;visibility:hidden;opacity:0;pointer-events:none;transform:translate(.5rem);transition:opacity .18s ease-out,transform .22s cubic-bezier(.22,1,.36,1),visibility .22s}.kg-dock__popover[data-open]{visibility:visible;opacity:1;pointer-events:auto;transform:none}.kg-dock__arrow{position:absolute;top:1.25rem;right:calc(-.375rem - 1.5px);width:var(--kg-popover-arrow, .75rem);height:var(--kg-popover-arrow, .75rem);border-top:1.5px solid var(--deep-text);border-right:1.5px solid var(--deep-text);background:var(--float-panel-bg);transform:rotate(45deg)}.kg-dock__popover .graph-panel__stats{padding:.625rem .75rem;border-bottom:1px solid var(--line-divider)}.kg-dock__popover .graph-panel__stats:empty{display:none}.kg-dock__popover-body{overflow-y:auto;padding:0 .75rem .25rem;overscroll-behavior:contain}.kg-dock__section+.kg-dock__section{border-top:1px solid var(--line-divider)}.kg-dock__section-title{display:flex;gap:.5rem;align-items:center;padding:.625rem 0 .125rem;color:var(--deep-text);font-size:.8125rem;font-weight:700}.kg-dock__section-title:before{content:"";width:4px;align-self:stretch;flex:none;border-radius:999px;background:var(--primary)}@media(max-height:34rem)and (min-width:769px){.kg-dock{--kg-dock-btn-size: 2.5rem;--kg-dock-gap: 0}}@media(max-width:768px){.kg-dock{top:auto;left:auto;right:max(var(--kg-mobile-edge),env(safe-area-inset-right,0px));width:calc(100vw - max(var(--kg-mobile-edge),env(safe-area-inset-right,0px)) - max(var(--kg-mobile-edge),env(safe-area-inset-left,0px)));max-width:calc(100vw - (var(--kg-mobile-edge) * 2));bottom:var(--kg-dock-mobile-bottom);flex-direction:row;align-items:stretch;gap:.35rem;height:var(--kg-graph-bar-h);padding:.2rem .35rem;border:0;border-radius:1.825rem;background:var(--mobile-dock-surface);box-shadow:0 .65rem 1.8rem #00000024;transform:none}:root.dark .kg-dock{box-shadow:0 .65rem 1.8rem #00000057}.kg-dock__btn{width:auto;height:auto;flex:1 1 0;min-width:0;border:0;border-radius:1rem;background:transparent;color:var(--deep-text)}.kg-dock__btn:hover{background:transparent}.kg-dock__btn[aria-pressed=true]{color:var(--graph-chip-checked)}.kg-dock__btn:active{background:var(--btn-plain-bg-active)}.kg-dock__popover{top:auto;left:auto;right:max(var(--kg-mobile-edge),env(safe-area-inset-right,0px));width:calc(100vw - max(var(--kg-mobile-edge),env(safe-area-inset-right,0px)) - max(var(--kg-mobile-edge),env(safe-area-inset-left,0px)));max-width:calc(100vw - (var(--kg-mobile-edge) * 2));bottom:calc(var(--kg-dock-mobile-bottom) + var(--kg-graph-bar-h) + var(--kg-drawer-gap));max-height:60dvh;transform:translateY(.5rem)}.kg-dock__arrow{top:auto;right:auto;bottom:calc(-.375rem - 1.5px);left:1.25rem;border-top:0;border-right:1.5px solid var(--deep-text);border-bottom:1.5px solid var(--deep-text)}}.graph-accordion+.graph-accordion{border-top:1px solid var(--line-divider)}.graph-accordion__head{display:flex;gap:.5rem;align-items:center;width:100%;padding:.625rem 0;background:transparent;border:none;cursor:pointer;text-align:start}.graph-accordion__head:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-small, .375rem)}.graph-accordion__bar{width:4px;align-self:stretch;flex:none;border-radius:999px;background:var(--primary);transition:transform .18s ease}.graph-accordion__head:hover .graph-accordion__bar,.graph-accordion__head:focus-visible .graph-accordion__bar{transform:scaleY(1.12)}.graph-accordion__title{flex:1;overflow:hidden;color:var(--deep-text);font-size:.8125rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.graph-accordion__arrow{width:1rem;height:1rem;flex:none;fill:var(--content-meta);transition:rotate .4s cubic-bezier(.22,1,.36,1)}.graph-accordion__head:hover .graph-accordion__arrow{fill:var(--deep-text)}.graph-accordion[data-open] .graph-accordion__arrow{rotate:180deg}.graph-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.graph-accordion[data-open] .graph-accordion__body{grid-template-rows:1fr}.graph-accordion__inner{overflow:hidden;min-height:0}.graph-panel__fields{display:flex;flex-direction:column;gap:.5rem;padding:.125rem 0 .75rem}.graph-panel__grid{display:grid;grid-template-columns:1fr;gap:.0625rem;max-height:12.5rem;overflow-y:auto;overscroll-behavior:contain;padding-bottom:.125rem;scrollbar-width:thin}.graph-panel__search input{width:100%;padding:.375rem .5rem;border:1px solid var(--line-divider);border-radius:var(--radius-small, .375rem);background:transparent;color:var(--deep-text);font-size:.8125rem}.graph-panel__search input::placeholder{color:var(--content-meta)}.graph-panel__range{display:flex;gap:.4375rem;align-items:center;color:var(--deep-text);font-size:.8125rem;cursor:pointer}.graph-panel__range input[type=range]{flex:1;min-width:0;accent-color:var(--primary)}.graph-panel__range output{min-width:1.25rem;color:var(--content-meta);font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.graph-panel__check{position:relative;display:flex;gap:.5rem;align-items:center;padding:.3125rem .375rem;border-radius:var(--radius-small, .375rem);color:var(--deep-text);font-size:.8125rem;cursor:pointer;transition:background-color .16s ease-out}.graph-panel__check:hover{background:var(--btn-regular-bg-hover)}.graph-panel__check input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.graph-panel__check:has(input:focus-visible){box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--graph-chip-checked) 55%,transparent)}.graph-panel__box{position:relative;width:.9375rem;height:.9375rem;flex:none;border:1.5px solid var(--line-divider);border-radius:50%;transition:border-color .16s ease-out,background-color .16s ease-out}.graph-panel__box:after{content:"";position:absolute;top:42%;left:50%;width:.25rem;height:.4375rem;border:solid var(--float-panel-bg);border-width:0 1.5px 1.5px 0;opacity:0;transform:translate(-50%,-50%) rotate(45deg);transition:opacity .12s ease-out}.graph-panel__check:has(input:checked) .graph-panel__box{border-color:var(--graph-chip-checked);background:var(--graph-chip-checked)}.graph-panel__check:has(input:checked) .graph-panel__box:after{opacity:1}.graph-panel__check-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-panel__count{color:var(--content-meta);font-size:.6875rem;font-variant-numeric:tabular-nums}.graph-panel__dot{width:.5rem;height:.5rem;flex:none;border-radius:50%;background:var(--graph-panel-accent, var(--tag-graph-muted))}.graph-panel__check[data-color-index="0"]{--graph-panel-accent: var(--tag-graph-node-1)}.graph-panel__check[data-color-index="1"]{--graph-panel-accent: var(--tag-graph-node-2)}.graph-panel__check[data-color-index="2"]{--graph-panel-accent: var(--tag-graph-node-3)}.graph-panel__check[data-color-index="3"]{--graph-panel-accent: var(--tag-graph-node-4)}.graph-panel__check[data-color-index="4"]{--graph-panel-accent: var(--tag-graph-node-5)}.graph-panel__check[data-color-index="5"]{--graph-panel-accent: var(--tag-graph-node-6)}.graph-panel__check[data-color-index="6"]{--graph-panel-accent: var(--tag-graph-node-7)}.graph-panel__check[data-color-index="7"]{--graph-panel-accent: var(--tag-graph-node-8)}.graph-panel__stats{color:var(--content-meta);font-size:.6875rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.kg-dock__btn,.kg-dock__popover,.graph-accordion__bar,.graph-accordion__arrow,.graph-accordion__body,.graph-panel__check,.graph-panel__box,.graph-panel__box:after{transition:none}}.graph-detail{width:min(22rem,calc(100% - 2rem));max-height:calc(100% - var(--kg-top-inset, 4.75rem) - 6rem);display:flex;flex-direction:column;position:absolute;z-index:28;top:var(--kg-top-inset, 4.75rem);left:1rem;border:1px solid var(--line-divider);border-radius:var(--radius-large, .75rem);background:color-mix(in srgb,var(--float-panel-bg) 94%,transparent);box-shadow:0 .5rem 1.75rem #0000001f;backdrop-filter:blur(10px)}.graph-detail[hidden]{display:none}.graph-detail__top{padding:.5rem .875rem .625rem;border-bottom:1px solid var(--line-divider)}.graph-detail__head{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.graph-detail__tier{color:var(--content-meta);font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.graph-detail__close{width:1.5rem;height:1.5rem;display:grid;flex:none;place-items:center;border:none;border-radius:var(--radius-small, .375rem);background:transparent;color:var(--content-meta);cursor:pointer;transition:background-color .16s ease-out}.graph-detail__close:hover{background:var(--navbar-highlight-bg);color:var(--navbar-highlight-text)}.graph-detail__close svg{width:1.125rem;height:1.125rem;fill:currentColor}.graph-detail__title{display:block;margin-top:.125rem;color:var(--deep-text);text-decoration:none}.graph-detail__title:hover strong,.graph-detail__title:focus-visible strong{text-decoration:underline}.graph-detail__title strong{overflow-wrap:anywhere;font-size:.9375rem;font-weight:800;line-height:1.4}.graph-detail__body{overflow-y:auto;min-height:0;padding:0 .875rem .375rem;overscroll-behavior:contain}.graph-detail__section[hidden]{display:none}.graph-detail__count{color:var(--content-meta);font-size:.6875rem;font-variant-numeric:tabular-nums}.graph-detail__list{margin:0;padding:.125rem 0 .625rem;list-style:none}.graph-detail__list li+li{margin-top:.1875rem}.graph-detail__list a{color:var(--content-meta);font-size:.8125rem;line-height:1.5;text-decoration:none}.graph-detail__list a:hover,.graph-detail__list a:focus-visible{color:var(--deep-text);text-decoration:underline}[data-kg-detail-group=tag] .graph-detail__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.25rem}[data-kg-detail-group=tag] .graph-detail__list li+li{margin-top:0}[data-kg-detail-group=tag] .graph-detail__list a{display:block;padding:.3125rem .5rem;border:1px solid var(--line-divider);border-radius:var(--radius-small, .375rem);color:var(--deep-text);font-size:.75rem;line-height:1.35;overflow-wrap:anywhere;text-decoration:none;transition:border-color .16s ease-out,background-color .16s ease-out}[data-kg-detail-group=tag] .graph-detail__list a:hover,[data-kg-detail-group=tag] .graph-detail__list a:focus-visible{border-color:var(--graph-chip-checked);background:color-mix(in srgb,var(--graph-chip-checked) 9%,transparent);color:var(--deep-text);text-decoration:none}[data-kg-detail-group=post] .graph-detail__list a,[data-kg-detail-group=heading] .graph-detail__list a{display:flex;gap:.4375rem;align-items:flex-start}[data-kg-detail-group=post] .graph-detail__list a:before,[data-kg-detail-group=heading] .graph-detail__list a:before{content:"";width:.3125rem;height:.3125rem;flex:none;border-radius:50%;background:var(--content-meta);margin-top:.4375rem;transition:background-color .16s ease-out}[data-kg-detail-group=post] .graph-detail__list a:hover:before,[data-kg-detail-group=post] .graph-detail__list a:focus-visible:before,[data-kg-detail-group=heading] .graph-detail__list a:hover:before,[data-kg-detail-group=heading] .graph-detail__list a:focus-visible:before{background:var(--graph-chip-checked)}@media(max-width:768px){.graph-detail{position:static;width:auto;max-height:45dvh;min-height:0;flex:0 1 auto}}@media(prefers-reduced-motion:reduce){.graph-detail__close{transition:none}}
