/* Sidebar identity, developer card and knowledge explorer · 20261011 */
html body #sidebar .brand {height:98px!important;min-height:98px!important;padding:10px 4px!important;gap:11px!important;margin:0 0 12px!important;text-decoration:none!important;position:relative;isolation:isolate}
html body #sidebar .console-brand-symbol {display:grid;place-items:center;position:relative;flex:0 0 39px;width:39px;height:45px;border-radius:13px;background:linear-gradient(145deg,#6173ec,#4558cf);color:#fff;box-shadow:0 5px 14px #5063d826;transition:transform .25s,box-shadow .25s}
html body #sidebar .console-brand-symbol svg {width:24px;height:24px;transition:transform .3s}
html body #sidebar .console-brand-symbol::after {content:"";position:absolute;right:-3px;top:2px;width:8px;height:8px;border:3px solid #f7f8fa;border-radius:50%;background:#94d6cb}
html body #sidebar .brand:hover .console-brand-symbol {transform:translateY(-2px) rotate(-4deg);box-shadow:0 8px 18px #5063d83b}
html body #sidebar .brand:hover .console-brand-symbol svg {transform:scale(1.08)}
html body #sidebar .brand .yc-brand-copy {display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
html body #sidebar .brand .yc-brand-copy b {display:block!important;font-size:18px!important;line-height:1.1!important;letter-spacing:-.035em!important;white-space:normal!important;font-weight:700!important;color:#24324b!important}
html body #sidebar .brand .yc-brand-copy b span {display:block;font-size:14px;line-height:1.4;font-weight:500;letter-spacing:.015em;color:#69788e}
html body #sidebar .brand .yc-brand-copy small {display:block!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.05em!important;color:#7c89a0!important}
html body #sidebar .sidebar-bottom {padding:8px 0 0!important;margin-top:4px!important}
html body #sidebar #healthChip {display:flex!important;align-items:flex-start!important;position:relative!important;width:100%!important;min-height:84px!important;padding:13px 12px 11px!important;gap:9px!important;border:1px solid #e2e7f0!important;border-radius:13px!important;background:linear-gradient(135deg,#fff,#f0f3fa)!important;box-shadow:0 3px 12px #243b6105!important;cursor:pointer!important;text-align:left!important;transition:border-color .2s,box-shadow .2s}
html body #sidebar #healthChip:hover {border-color:#bec9e6!important;box-shadow:0 5px 16px #243b6110!important}
html body #sidebar #healthChip .console-mode-icon {display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:#e9edfc;color:#586ace}
html body #sidebar #healthChip .console-mode-icon svg {width:15px;height:15px}
html body #sidebar #healthChip .system-chip-copy {display:flex!important;flex:1!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;min-width:0!important}
html body #sidebar #healthChip .console-mode-title {display:flex;align-items:center;gap:7px}
html body #sidebar #healthChip .system-chip-copy b {font-size:12px!important;line-height:24px!important;font-weight:600!important;white-space:nowrap;color:#36455f!important}
html body #sidebar #healthChip #cfgVersionLabel {display:inline-flex!important;align-items:center;justify-content:center;padding:0 5px!important;border:1px solid #dce3f4;border-radius:5px;background:#fff;color:#7a89a5!important;font-size:9px!important;line-height:16px!important}
html body #sidebar #healthChip .console-mode-meta {display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e7ebf3;padding-top:7px;color:#8490a4;font-size:10px;line-height:16px;white-space:nowrap}
html body #sidebar #healthChip .sidebar-clock {margin:0!important;line-height:16px!important;color:#52637e!important;font-size:11px!important;font-weight:500!important;font-variant-numeric:tabular-nums}
html body #sidebar .sidebar-icp {padding-top:8px!important;color:#939daf!important;font-size:10px!important}
html body #sidebar :is(.brand,#healthChip):focus-visible {outline:3px solid #aab9ff!important;outline-offset:3px}

html body #view .ycgraph-workspace {--graph-line:#e5ebf3;--graph-muted:#8390a5;--graph-text:#293b55;min-width:0;color:var(--graph-text);padding:4px 0}
html body #view .ycgraph-workspace .ycgraph-heading {gap:16px!important;margin:0 0 22px!important;align-items:center!important}
html body #view .ycgraph-workspace .ycgraph-title {display:flex;align-items:center;gap:14px;min-width:0}
html body #view .ycgraph-workspace .ycgraph-mark {display:grid;place-items:center;flex:none;width:49px;height:49px;border:1px solid #e0e6fb;background:#f0f3ff;border-radius:15px;color:#6071d9}
html body #view .ycgraph-workspace .ycgraph-mark svg {width:27px;height:27px}
html body #view .ycgraph-workspace .ycgraph-eyebrow {display:block;color:#8491aa;font-size:10px;letter-spacing:.12em;margin-bottom:3px}
html body #view .ycgraph-workspace .ycgraph-heading h3 {font-size:20px!important;line-height:1.5!important;font-weight:600!important;color:#263954!important;margin:0 0 4px!important}
html body #view .ycgraph-workspace .ycgraph-heading p {font-size:12px!important;color:#7c89a0!important;line-height:1.7!important}
html body #view .ycgraph-workspace .ycgraph-head-actions {display:flex;align-items:center;gap:16px;flex-wrap:wrap}
html body #view .ycgraph-workspace #ycGraphTotal {font-size:12px;color:#7a89a0}
html body #view .ycgraph-workspace .ycgraph-head-actions .btn {border-radius:9px!important;background:#fff!important;border-color:#e1e7f1!important;font-size:12px!important;min-height:36px!important}
html body #view .ycgraph-workspace .ycgraph-toolbar {display:flex!important;flex-wrap:wrap!important;gap:14px 20px!important;padding:0 0 19px!important;margin:0 0 20px!important;background:transparent!important;border:0!important;border-bottom:1px solid #edf0f6!important;border-radius:0!important}
html body #view .ycgraph-workspace .ycgraph-search {position:relative;display:block;flex:1 1 260px;max-width:350px;min-width:200px}
html body #view .ycgraph-workspace .ycgraph-search svg {position:absolute;left:13px;top:13px;width:17px;height:17px;color:#8997ad;pointer-events:none}
html body #view .ycgraph-workspace input#ycGq {width:100%!important;max-width:none!important;height:43px!important;padding:0 13px 0 39px!important;border:1px solid #e3e9f3!important;border-radius:11px!important;background:#f9fafc!important;color:#32465e!important;font-size:12px!important;box-sizing:border-box}
html body #view .ycgraph-workspace input#ycGq:focus {outline:none!important;border-color:#a4b2ed!important;box-shadow:0 0 0 3px #f0f3ff!important}
html body #view .ycgraph-workspace .ycgraph-filters {display:flex!important;gap:7px!important;flex-wrap:wrap!important}
html body #view .ycgraph-workspace .ycgraph-filters label {position:relative;display:block!important;cursor:pointer;gap:0!important}
html body #view .ycgraph-workspace .ycgraph-filters input {position:absolute;opacity:0;width:1px;height:1px;max-width:1px;pointer-events:none}
html body #view .ycgraph-workspace .ycgraph-filters label>span {display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e7ecf3;border-radius:9px;background:#fafbfd;color:#7f8ca1;font-size:12px;line-height:20px;transition:background .15s,border-color .15s}
html body #view .ycgraph-workspace .ycgraph-filters label i {width:6px;height:6px;border-radius:50%;background:var(--node-color);opacity:.45}
html body #view .ycgraph-workspace .ycgraph-filters small {font-size:10px;color:#97a3b6;font-variant-numeric:tabular-nums}
html body #view .ycgraph-workspace .ycgraph-filters input:checked+span {border-color:#d8e1ef;background:#fff;color:#3e506b;box-shadow:0 2px 5px #243b6104}
html body #view .ycgraph-workspace .ycgraph-filters input:checked+span i {opacity:1}
html body #view .ycgraph-workspace .ycgraph-filters input:focus-visible+span {outline:3px solid #c1cdff;outline-offset:2px}
html body #view .ycgraph-workspace .ycgraph-filters .is-empty {opacity:.45;cursor:default}
html body #view .ycgraph-workspace .ycgraph-main {grid-template-columns:minmax(0,1fr) 290px!important;gap:20px!important;align-items:start!important}
html body #view .ycgraph-workspace .ycgraph-canvas {background:#fff!important;border:1px solid var(--graph-line)!important;border-radius:16px!important;box-shadow:0 5px 24px #243b6104!important;overflow:hidden!important}
html body #view .ycgraph-workspace .ycgraph-canvas-head {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px 18px;border-bottom:1px solid #edf0f6;background:#fff}
html body #view .ycgraph-workspace .ycgraph-canvas-head>div:first-child {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html body #view .ycgraph-workspace .ycgraph-canvas-head b {font-size:13px;font-weight:600;color:#3b4c65}
html body #view .ycgraph-workspace #ycGraphCount {font-size:11px;color:#8a97ad}
html body #view .ycgraph-workspace .ycgraph-view-switch {display:flex;padding:3px;gap:3px;background:#f3f5fa;border:1px solid #edf0f6;border-radius:9px}
html body #view .ycgraph-workspace .ycgraph-view-switch button {min-height:29px!important;border:0;border-radius:6px;background:transparent;padding:4px 10px;font-size:11px;color:#8692a5;cursor:pointer}
html body #view .ycgraph-workspace .ycgraph-view-switch button[aria-pressed=true] {background:#fff;color:#4f62b6;box-shadow:0 1px 5px #243b6110}
html body #view .ycgraph-workspace .ycgraph-chart-wrap {position:relative;background:radial-gradient(ellipse at center,#f5f8ff 0%,#fbfcff 65%,#fff 100%);overflow:hidden}
html body #view .ycgraph-workspace .ycgraph-chart-wrap::before {content:"";position:absolute;inset:24px;background:radial-gradient(#d9e1f0 .7px,transparent .7px) 0 0/24px 24px;opacity:.45;pointer-events:none}
html body #view .ycgraph-workspace #ycGraphChart {width:100%!important;height:520px!important;min-height:0!important;position:relative}
html body #view .ycgraph-workspace .ycgraph-map-tools {position:absolute;bottom:17px;right:18px;display:flex;gap:0;padding:3px;background:#fff;border:1px solid #e3e9f2;border-radius:9px;box-shadow:0 3px 10px #243b6108}
html body #view .ycgraph-workspace .ycgraph-map-tools button {display:grid;place-items:center;min-height:29px!important;min-width:30px;padding:3px 8px;border:0;background:transparent;border-radius:6px;font-size:12px;color:#6c7f9c;cursor:pointer}
html body #view .ycgraph-workspace .ycgraph-map-tools button:hover {background:#f1f4ff;color:#5065bf}
html body #view .ycgraph-workspace .ycgraph-map-hint {position:absolute;left:18px;bottom:23px;font-size:10px;color:#9aa7bb;pointer-events:none}
html body #view .ycgraph-workspace .ycgraph-directory-head {display:flex;justify-content:space-between;gap:10px;padding:15px 18px 2px;border-top:1px solid #edf0f6;background:#fff}
html body #view .ycgraph-workspace .ycgraph-directory-head b {font-size:12px;font-weight:600;color:#50617c}
html body #view .ycgraph-workspace .ycgraph-directory-head span {font-size:10px;color:#9aa6b8}
html body #view .ycgraph-workspace .ycgraph-node-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:12px!important;max-height:228px!important;border:0!important;scrollbar-width:thin;scrollbar-color:#dce3ef transparent;overscroll-behavior:contain}
html body #view .ycgraph-workspace [data-graph-node] {display:flex!important;align-items:center!important;gap:10px!important;width:100%;min-width:0;min-height:56px!important;text-align:left!important;border:1px solid transparent!important;border-radius:10px!important;padding:9px 11px!important;background:#f8fafc!important;color:#4c5d78!important;cursor:pointer;transition:background .15s,border-color .15s}
html body #view .ycgraph-workspace [data-graph-node]:hover {border-color:#e0e7f4!important;background:#f2f5fc!important}
html body #view .ycgraph-workspace [data-graph-node][aria-pressed=true] {border-color:#dce3fc!important;background:#eef2ff!important;color:#4a5cba!important}
html body #view .ycgraph-workspace [data-graph-node]>i {width:7px!important;height:7px!important;flex:0 0 7px!important;background:var(--node-color)!important;border-radius:50%!important}
html body #view .ycgraph-workspace [data-graph-node]>span {display:flex;flex:1!important;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere!important}
html body #view .ycgraph-workspace [data-graph-node] b {font-size:12px;font-weight:500;line-height:1.6}
html body #view .ycgraph-workspace [data-graph-node] small {font-size:10px!important;color:#8f9bb0;line-height:1.5;white-space:normal!important}
html body #view .ycgraph-workspace [data-graph-node] em {font-size:12px;color:#b1bccc;align-self:center}
html body #view .ycgraph-workspace .ycgraph-panel {padding:22px!important;min-height:360px!important;border:1px solid var(--graph-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 24px #243b6104!important;max-height:820px;overflow:auto;scrollbar-width:thin}
html body #view .ycgraph-workspace .ycgraph-detail-eyebrow {font-size:10px;color:#9aa6b7;letter-spacing:.12em;margin-bottom:19px}
html body #view .ycgraph-workspace .ycgraph-panel header {display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}
html body #view .ycgraph-workspace .ycgraph-panel .ycgraph-type {display:inline-flex;align-self:flex-start!important;padding:3px 8px!important;border-radius:6px!important;background:#f1f5fa!important;font-size:10px!important;line-height:1.5!important;color:var(--node-color)!important}
html body #view .ycgraph-workspace .ycgraph-panel h3 {font-size:18px!important;line-height:1.65!important;font-weight:600!important;color:#30425e!important;margin:0!important}
html body #view .ycgraph-workspace .ycgraph-detail-metrics {display:grid;grid-template-columns:1fr 1fr;padding:15px 0;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;gap:12px;margin:0 0 4px}
html body #view .ycgraph-workspace .ycgraph-detail-metrics>div {display:flex;flex-direction:column;gap:3px}
html body #view .ycgraph-workspace .ycgraph-detail-metrics>div+div {padding-left:17px;border-left:1px solid #edf0f6}
html body #view .ycgraph-workspace .ycgraph-detail-metrics b {font-size:25px;font-weight:600;color:#4a6094;line-height:1.4;font-variant-numeric:tabular-nums}
html body #view .ycgraph-workspace .ycgraph-detail-metrics span {font-size:10px;color:#8c9ab1}
html body #view .ycgraph-workspace .ycgraph-row {padding:17px 0!important;font-size:12px!important;border-color:#edf0f6!important}
html body #view .ycgraph-workspace .ycgraph-row>span {font-size:10px!important;color:#8d9bb0!important;margin-bottom:6px!important}
html body #view .ycgraph-workspace .ycgraph-row p {font-size:12px!important;line-height:1.9!important;color:#52637e!important}
html body #view .ycgraph-workspace .ycgraph-related {margin-top:20px}
html body #view .ycgraph-workspace .ycgraph-related h4 {font-size:11px;font-weight:500;color:#8b99af;margin:0 0 10px}
html body #view .ycgraph-workspace .ycgraph-related h4 small {margin-left:6px;color:#b1bccb}
html body #view .ycgraph-workspace .ycgraph-related button {margin-bottom:7px}
html body #view .ycgraph-workspace .ycgraph-welcome-icon {width:54px;height:54px;display:grid;place-items:center;background:#f3f6fd;border-radius:16px;color:#8fa1d3;margin:34px 0 18px}
html body #view .ycgraph-workspace .ycgraph-welcome-icon svg {width:29px;height:29px}
html body #view .ycgraph-workspace .ycgraph-welcome p {font-size:12px;line-height:1.9;color:#8391a8;margin:12px 0 24px}
html body #view .ycgraph-workspace .ycgraph-welcome-tip {font-size:10px;line-height:1.9;color:#9aa7bb;border-top:1px solid #edf0f6;padding-top:16px}
html body #view .ycgraph-workspace .ycgraph-detail-note {font-size:11px;color:#99a5b7;margin:18px 0 0}
html body #view .ycgraph-workspace :is(.ycgraph-loading,.ycgraph-load-error) {text-align:center;padding:150px 20px 0;color:#8a99b1;font-size:13px}
html body #view .ycgraph-workspace .ycgraph-load-error b {color:#536681;font-weight:500}
html body #view .ycgraph-workspace .ycgraph-load-error p {font-size:12px;line-height:1.8;overflow-wrap:anywhere}
html body #view .ycgraph-workspace .ycgraph-empty {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fbfcff;text-align:center;padding:25px;z-index:2}
html body #view .ycgraph-workspace .ycgraph-empty b {font-size:15px;color:#637592;font-weight:500}
html body #view .ycgraph-workspace .ycgraph-empty p {font-size:12px;color:#95a2b7;margin:0 0 7px}
html body #view .ycgraph-workspace [hidden] {display:none!important}
html body #view .ycgraph-workspace .ycgraph-list-empty {grid-column:1/-1;text-align:center;padding:20px;font-size:12px;color:#93a0b6}
html body #view .ycgraph-workspace.ycgraph-list-mode .ycgraph-chart-wrap {display:none!important}
html body #view .ycgraph-workspace.ycgraph-list-mode .ycgraph-directory-head {border-top:0!important;padding-top:20px}
html body #view .ycgraph-workspace.ycgraph-list-mode .ycgraph-node-list {max-height:650px!important;padding:16px!important}
html body #view .ycgraph-workspace button:focus-visible {outline:3px solid #c1cdff!important;outline-offset:2px}
@media(min-width:1650px) {html body #view .ycgraph-workspace .ycgraph-main {grid-template-columns:minmax(0,1fr) 320px!important}html body #view .ycgraph-workspace #ycGraphChart {height:560px!important}}
@media(max-width:1250px) {html body #view .ycgraph-workspace .ycgraph-main {grid-template-columns:minmax(0,1fr)!important}html body #view .ycgraph-workspace .ycgraph-panel {max-height:none;min-height:0!important}html body #view .ycgraph-workspace .ycgraph-related {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html body #view .ycgraph-workspace .ycgraph-related h4 {grid-column:1/-1}html body #view .ycgraph-workspace .ycgraph-related button {margin:0}html body #view .ycgraph-workspace .ycgraph-welcome-icon {margin-top:0}}
@media(max-width:600px) {html body #view .ycgraph-workspace .ycgraph-heading {gap:16px!important}html body #view .ycgraph-workspace .ycgraph-mark {width:40px;height:40px;border-radius:12px}html body #view .ycgraph-workspace .ycgraph-heading h3 {font-size:18px!important}html body #view .ycgraph-workspace .ycgraph-eyebrow {font-size:9px}html body #view .ycgraph-workspace .ycgraph-head-actions {width:100%;justify-content:space-between}html body #view .ycgraph-workspace .ycgraph-search {max-width:none;flex-basis:100%}html body #view .ycgraph-workspace .ycgraph-filters {gap:6px!important}html body #view .ycgraph-workspace .ycgraph-filters label>span {padding:6px 8px;font-size:11px}html body #view .ycgraph-workspace .ycgraph-canvas-head {padding:12px}html body #view .ycgraph-workspace #ycGraphChart {height:420px!important}html body #view .ycgraph-workspace .ycgraph-map-hint {left:12px;bottom:54px;font-size:9px}html body #view .ycgraph-workspace .ycgraph-map-tools {bottom:12px;right:12px}html body #view .ycgraph-workspace .ycgraph-directory-head {padding:13px 12px 0}html body #view .ycgraph-workspace .ycgraph-node-list {grid-template-columns:minmax(0,1fr)!important;max-height:260px!important}html body #view .ycgraph-workspace .ycgraph-related {grid-template-columns:1fr}html body #view .ycgraph-workspace .ycgraph-panel {padding:18px!important}}
@media(prefers-reduced-motion:reduce) {html body #sidebar .brand * {transition:none!important}html body #view .ycgraph-workspace * {transition:none!important;scroll-behavior:auto!important}}