:root{--color-paper: #f5f2eb;--color-surface: #faf8f3;--color-ink: #102947;--color-muted: #536681;--color-line: #c9c7bf;--color-gold: #a38554;--color-wash: #e4e4df;--color-teal: #087d70;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 999px;--type-caption: 11px;--type-body: 14px;--type-label: 16px;--type-heading: 24px;--font-ui: "Roboto Condensed", "Arial Narrow", sans-serif}@font-face{font-family:Roboto Condensed;src:url(/assets/kirin-ui/fonts/RobotoCondensed.ttf) format("truetype");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color:var(--color-ink);background:var(--color-paper);font-family:var(--font-ui);font-size:14px}body{margin:0}button,input,textarea{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.kirin-stage{position:relative;width:1672px;height:941px;margin:0 auto;isolation:isolate}.stage-art{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.art-top{left:0;top:0;width:1672px;height:98px}.art-left{left:0;top:98px;width:287px;height:832px}.art-right{left:1521px;top:98px;width:151px;height:832px}.art-bottom{left:0;top:930px;width:1672px;height:11px}.app-shell{position:absolute;left:287px;top:98px;width:1234px;height:832px;display:grid;grid-template-columns:961px 273px;grid-template-rows:64px 652px 116px;grid-template-areas:"command command" "workspace operator" "dock dock";background:var(--color-paper);outline:1px solid var(--color-line);overflow:hidden}.command-bar{grid-area:command;display:flex;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid var(--color-line)}.workspace{grid-area:workspace;display:grid;grid-template-columns:157px 580px 224px;grid-template-rows:96px 392px 164px;grid-template-areas:"nav welcome welcome" "nav topology metrics" "lower lower lower"}.sidebar{grid-area:nav;padding:18px 8px 8px;border-right:1px solid var(--color-line)}.welcome{grid-area:welcome;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px}.topology{grid-area:topology;overflow:hidden}.topology img{display:block;width:580px;height:392px}.metrics{grid-area:metrics;padding:12px 10px;border-left:1px solid var(--color-line)}.lower-panels{grid-area:lower;display:grid;grid-template-columns:344px 325px 263px;gap:6px;padding:0 6px 8px 14px}.operator{grid-area:operator;margin:16px 8px 42px;display:flex;flex-direction:column;min-height:0}.dock{grid-area:dock;border-top:1px solid var(--color-line);background:var(--color-surface)}.dock-bar{height:32px;display:flex;align-items:center;border-bottom:1px solid var(--color-line);padding:0 14px}.dock-body{height:83px;padding:5px 16px;overflow:auto;background-image:url(/assets/kirin-ui/dock-art.png);background-position:right bottom;background-repeat:no-repeat}.dock pre{font-family:ui-monospace,monospace;font-size:10px;line-height:13px;margin:0;white-space:pre}.dock-status{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px}.dock [role=tabpanel][hidden]{display:none}@media(min-width:1672px){body{background:var(--color-paper)}}.icon{display:inline-block;flex-shrink:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.k-button{min-height:32px;padding:5px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface)}.k-button:hover{background:var(--color-wash)}.k-button--primary{background:var(--color-ink);color:var(--color-surface)}.k-button--primary:hover{background:var(--color-muted)}.k-button:disabled{opacity:.45}.k-button--icon{border:0;background:transparent;padding:6px;min-width:32px}.k-button--small{font-size:11px;min-height:28px;padding:4px 8px}.k-panel{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.k-panel__header{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 12px;border-bottom:1px solid var(--color-line)}.k-panel h2{font-size:16px;font-weight:700}.k-panel__header>.icon{color:var(--color-gold);width:16px;height:16px}.k-panel__header .text-link{margin-left:auto}.text-link{border:0;background:none;padding:0;font-size:11px;color:var(--color-muted);text-decoration:none}.text-link:hover{text-decoration:underline}.muted{color:var(--color-muted)}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-teal);flex-shrink:0}.status{display:inline-flex;align-items:center;gap:6px;color:var(--color-teal);font-size:11px}.brand-small{display:flex;align-items:center;gap:12px;font-size:16px;white-space:nowrap}.brand-small img{width:35px;height:44px;object-fit:contain}.command-motto{font-family:serif;letter-spacing:3px;font-size:12px;white-space:nowrap;padding-right:28px}.command-search{display:flex;align-items:center;gap:12px;border:1px solid var(--color-line);border-radius:var(--radius-pill);height:36px;min-width:300px;flex:1;background:var(--color-surface);padding:0 16px;color:var(--color-muted);text-align:left}.command-search kbd{margin-left:auto;font:11px var(--font-ui);white-space:nowrap}.command-divider{height:34px;width:1px;background:var(--color-line)}.command-avatar{width:45px;height:45px;border:1px solid var(--color-ink);border-radius:50%;object-fit:cover}.command-seal{width:188px;text-align:center;font-family:serif;letter-spacing:4px}.command-seal small{display:block;margin-top:5px;font:8px var(--font-ui);letter-spacing:2px}.k-nav{display:flex;flex-direction:column;gap:2px}.k-nav__item{display:flex;align-items:center;gap:16px;height:40px;white-space:nowrap;padding:8px 12px;text-decoration:none;border:1px solid transparent;border-radius:4px;font-size:14px}.k-nav__item[aria-current=page]{background:var(--color-wash);border-color:var(--color-gold);font-weight:600}.k-nav__item:hover{background:var(--color-wash)}.k-nav__item .icon{width:20px}.welcome h1{font-size:24px;line-height:1.25;font-weight:700}.welcome p{margin-top:3px;font-size:14px;color:var(--color-muted)}.welcome-quote{font:14px/1.6 serif;letter-spacing:2px;width:275px}.welcome-quote small{display:block;font:10px/1.5 var(--font-ui);color:var(--color-muted);letter-spacing:1px}.metrics h2{font-size:16px}.metrics-subtitle{font-size:11px;color:var(--color-muted);margin:3px 0 12px}.metric-card{height:64px;border:1px solid var(--color-line);border-radius:3px;margin-bottom:5px;padding:6px 9px;background:var(--color-surface)}.metric-title{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.metric-value{display:block;text-align:right;font-weight:700;font-size:14px;height:17px}.metric-chart{display:block;width:100%;height:21px;overflow:visible}.metric-chart polyline{fill:none;stroke:var(--color-ink);stroke-width:1.15;vector-effect:non-scaling-stroke}.metric-chart path{fill:var(--color-wash)}.k-progress{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border:0;background:var(--color-wash)}.k-progress::-webkit-progress-bar{background:var(--color-wash)}.k-progress::-webkit-progress-value{background:linear-gradient(90deg,var(--color-muted),var(--color-ink))}.k-progress::-moz-progress-bar{background:var(--color-ink)}.metrics-footer{text-align:center;font:11px/1.6 serif;letter-spacing:1px;margin-top:16px;color:var(--color-muted)}.metrics-footer small{display:block;font:9px var(--font-ui);margin-top:4px}.event-list{list-style:none;padding:2px 12px;margin:0}.event-list li{display:grid;grid-template-columns:31px 1fr 48px;gap:4px;align-items:center;min-height:23px;border-bottom:1px solid var(--color-wash);font-size:11px}.event-list time{color:var(--color-muted)}.task-list{padding:2px 12px}.task-row{display:grid;grid-template-columns:1fr 84px 30px;align-items:center;gap:8px;height:28px;font-size:11px;color:var(--color-muted)}.task-row output{text-align:right}.quick-list{padding:0 8px}.quick-list .k-button{display:flex;justify-content:flex-start;width:100%;border-radius:0;min-height:23px;height:23px;font-size:12px;border-width:0 0 1px;padding:2px 8px;gap:12px}.quick-list .icon{width:15px;height:15px}.operator-header{display:flex;align-items:center;gap:9px;height:40px;min-height:40px;padding:8px 16px;border-bottom:1px solid var(--color-line)}.operator-header h2{font-size:18px}.operator-header .k-button{margin-left:auto;padding:0;min-width:22px}.operator-body{padding:12px 16px;flex:1;overflow:auto;min-height:0}.operator-intro{display:flex;align-items:center;gap:12px;margin-bottom:12px}.operator-intro img{width:74px;height:80px;object-fit:cover}.operator-intro p{font-size:12px;line-height:1.45;color:var(--color-muted)}.operator h3{font-size:14px;margin:8px 0 6px}.operator ul{padding:0;margin:0 0 10px;list-style:none}.operator li{font-size:12px;line-height:1.45;margin-bottom:3px;display:flex;align-items:baseline;gap:7px;color:var(--color-muted)}.operator li .online-dot{width:7px;height:7px}.operator-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.operator-actions>.full{grid-column:1/-1}.operator-actions .k-button{font-size:11px;padding:4px 6px}.operator-actions .k-button--primary{font-size:14px}.operator-form{display:flex;align-items:center;gap:8px;border:1px solid var(--color-line);border-radius:999px;margin:10px;padding:4px 5px 4px 10px;background:var(--color-surface)}.operator-form input{width:100%;min-width:0;border:0;background:none;color:var(--color-ink);outline-offset:0;font-size:12px}.operator-form button{border-radius:50%;min-width:32px;width:32px;height:32px;padding:4px}.dock-tab{height:32px;border:0;border-right:1px solid var(--color-line);padding:0 16px;background:none;color:var(--color-muted);font-size:12px}.dock-tab[aria-selected=true]{color:var(--color-ink);background:var(--color-paper);box-shadow:inset 0 2px var(--color-gold)}.dock-tab .icon{width:14px;height:14px;margin-right:8px}.demo-notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);max-width:600px;background:var(--color-ink);color:var(--color-surface);padding:12px 20px;border-radius:4px;z-index:10}.demo-notice:empty{display:none}dialog{width:520px;border:1px solid var(--color-gold);border-radius:8px;background:var(--color-surface);color:var(--color-ink);padding:20px;font-family:var(--font-ui)}dialog::backdrop{background:#10294766}dialog form{display:flex;gap:12px;flex-wrap:wrap}dialog label{width:100%;font-size:18px;font-weight:600}dialog input{flex:1;min-width:200px;padding:10px;border:1px solid var(--color-line);background:var(--color-paper)}dialog p{width:100%;font-size:12px;color:var(--color-muted)}:root{--paper: var(--color-paper);--paper-deep: var(--color-wash);--ink: var(--color-ink);--ink-soft: var(--color-muted);--line: var(--color-line);--line-soft: color-mix(in srgb, var(--color-line) 55%, transparent);--jade: var(--color-teal);--gold: var(--color-gold);--blue: #2f6f96;--danger: #a3573f;--font-mono: "Ubuntu Sans Mono", "DejaVu Sans Mono", ui-monospace, monospace}.art-top{width:436px;-webkit-mask-image:linear-gradient(90deg,#000 72%,transparent);mask-image:linear-gradient(90deg,#000 72%,transparent)}.art-left-brand{left:0;top:98px;width:287px;height:218px}.art-left-scene{left:0;top:544px;width:287px;height:386px;-webkit-mask-image:linear-gradient(#0000,#000 12%);mask-image:linear-gradient(#0000,#000 12%)}.art-left-brand{-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}body{display:grid;place-items:start center;min-height:100vh;overflow:auto}.stage-frame{overflow:hidden}.kirin-stage{margin:0;transform-origin:top left}.workspace--page{grid-template-columns:157px minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"nav page"}.workspace-page{grid-area:page;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:12px 14px;overflow:auto}.k-nav__item.is-planned{opacity:.38;cursor:not-allowed;background:none}.k-nav__item.router-link-active{background:var(--color-wash);border-color:var(--color-gold);font-weight:600}.command-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:start center;padding-top:12vh;background:#10294759}.command-dialog{width:min(520px,90vw);padding:20px;border:1px solid var(--color-gold);border-radius:var(--radius-md);background:var(--color-surface)}.command-dialog label{display:block;margin-bottom:10px;font-size:18px;font-weight:600}.command-dialog input{width:100%;padding:10px;border:1px solid var(--color-line);background:var(--color-paper)}.command-dialog ul{max-height:220px;margin:12px 0;padding:0;overflow:auto;list-style:none}.command-dialog li button{width:100%;padding:8px 10px;border:0;background:none;text-align:left}.command-dialog li button:hover{background:var(--color-wash)}.command-dialog p{font-size:12px}.topology{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--color-line)}.topology-note{padding:12px 14px;font-size:12px;line-height:1.5}.topology code{font-family:var(--font-mono);font-size:11px}.segment-list{display:flex;flex-direction:column;gap:6px;padding:10px 12px;overflow:auto}.segment-card{padding:8px 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.segment-card header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px}.segment-card header span{font-size:11px}.segment-devices{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;font-size:11px}.device-chip{padding:2px 7px;border:1px solid var(--color-line);border-left-width:3px;border-radius:var(--radius-sm);background:var(--color-paper)}.device-chip.up{border-left-color:var(--color-teal)}.device-chip.down{border-left-color:var(--danger);opacity:.65}.device-chip.degraded{border-left-color:var(--color-gold)}.device-chip.unknown{border-left-color:var(--color-line)}.metric-card{display:flex;flex-direction:column;justify-content:center}.metric-note{font-size:10px;line-height:1.3}.metric-card.is-missing{border-style:dashed}.metric-card.is-missing .metric-value{font-size:12px;color:var(--color-muted)}.panel-empty{padding:10px 12px;font-size:11px;line-height:1.5}.operator-note{margin-left:auto;font-size:11px}.operator-header .k-button--icon{margin-left:0}.operator-gaps li{color:var(--color-muted)}.dock-stub{display:flex;align-items:center;gap:16px;max-width:900px;font-size:12px;line-height:1.45}.dock-stub p{max-width:620px}.dock-stub code{font-family:var(--font-mono);font-size:11px}.dock-stub .k-button{flex-shrink:0;text-decoration:none}.quick-list .k-button{text-decoration:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px 8px}.page-head span{color:var(--color-gold);font:600 10px var(--font-mono);letter-spacing:.16em}.page-head h1{margin:4px 0 2px;font-size:var(--type-heading)}.page-head p{max-width:620px;color:var(--color-muted);font-size:12px;line-height:1.45}.page-head blockquote{margin:0;color:var(--color-muted);font:16px/1.4 serif;letter-spacing:2px}.app-shell--wide{grid-template-columns:1234px;grid-template-areas:"command" "workspace" "dock"}.chat-page{height:100%;padding:0;overflow:hidden}.paper-card{border:1px solid var(--line);border-radius:5px;background:#f8f5eee6;box-shadow:0 5px 18px #1c2d350f,inset 0 1px #fffc}.net-body{min-height:0;display:flex;flex-direction:column;gap:8px}.net-body>*{flex:0 0 auto}.net-body>.net-graph-panel{flex:1 1 auto;min-height:260px}.section-heading{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid var(--line-soft)}.section-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:center}.section-heading strong{font:600 11px Georgia,serif}.section-heading small{grid-column:2;margin-top:2px;color:var(--ink-soft);font-size:7px}.gold-mark{width:3px;height:22px;grid-row:1/3;border-radius:2px;background:var(--gold)}.legend{display:flex;gap:10px;color:var(--ink-soft);font:600 6px monospace;text-transform:uppercase}.legend span{display:flex;align-items:center;gap:4px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#79848b}.dot.healthy,.live-dot{background:var(--jade)}.dot.degraded{background:var(--gold)}.section-heading>.view-actions{display:flex;flex-wrap:nowrap;width:max-content;overflow:hidden;border:1px solid var(--line);border-radius:3px}.view-actions button{flex:0 0 auto}.view-actions button:last-child{border:0}.live-dot{width:5px;height:5px;border-radius:50%;animation:blink 1.8s infinite}@keyframes node-pulse{0%{r:25;opacity:.8}to{r:44;opacity:0}}@keyframes blink{50%{opacity:.3}}.net-state{padding:14px;display:flex;gap:9px;align-items:flex-start;font-size:8px}.net-state--empty strong{display:block;margin-bottom:4px}.net-hint{opacity:.65;font-size:7px;margin-top:5px}.net-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;justify-content:space-between;padding:7px 11px;font-size:8px}.net-meta{display:flex;align-items:center;gap:8px;min-width:0}.net-badge{font-size:6.5px;padding:2px 7px;border-radius:999px;border:1px solid currentColor}.net-badge.is-fresh{color:#1f8a5f}.net-badge.is-stale{color:#b4762a}.net-badge.is-warn{color:#a4453a}.net-badge.is-live-connected{color:#1f8a5f}.net-badge.is-live-connecting{color:#6b6b6b}.net-badge.is-live-reconnecting{color:#b4762a}.net-badge.is-live-failed{color:#a4453a}.net-badge.is-live-disabled{color:#8a8a8a;opacity:.8}.net-zones{display:flex;flex-wrap:wrap;gap:6px}.net-zones button,.net-refresh{font:inherit;font-size:7px;padding:3px 8px;border-radius:5px;border:1px solid rgba(120,120,120,.35);background:transparent;cursor:pointer}.net-zones button.active{border-color:currentColor;font-weight:600}.net-refresh{display:inline-flex;align-items:center;gap:6px}.net-note{font-size:7px;opacity:.75;margin:3px 0;padding-left:9px;border-left:2px solid rgba(180,118,42,.6)}.osi-stack{display:grid;gap:10px}.osi-layer{padding:14px 16px}.osi-layer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.osi-title{display:flex;gap:10px;align-items:center}.osi-index{font-size:13px;font-weight:700;letter-spacing:.06em;opacity:.6;min-width:26px}.osi-title small{display:block;font-size:11px;opacity:.55}.osi-counts{text-align:right;font-size:12px;white-space:nowrap}.osi-counts small{display:block;opacity:.55}.osi-nodes{display:flex;flex-wrap:wrap;gap:6px}.osi-node{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;font:inherit;font-size:12px;padding:6px 10px;border-radius:7px;cursor:pointer;border:1px solid rgba(120,120,120,.3);background:#ffffff59;max-width:100%}.osi-node.up{border-left:3px solid #1f8a5f}.osi-node.down{border-left:3px solid #a4453a;opacity:.6}.osi-node.unknown{border-left:3px solid rgba(120,120,120,.55)}.osi-node.degraded{border-left:3px solid #b4762a}.osi-node.selected{outline:2px solid rgba(60,90,200,.5)}.osi-node-label{font-weight:600;overflow-wrap:anywhere}.osi-node-kind{font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.osi-node-detail{font-size:11px;opacity:.65;overflow-wrap:anywhere}.osi-empty{font-size:12px;opacity:.5;margin:0}.osi-inspector{max-height:26vh;overflow:auto;padding:9px 11px}.osi-inspector header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.osi-inspector header button{font:inherit;font-size:12px;line-height:1;background:none;border:0;cursor:pointer}.osi-inspector dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px 12px;margin:0}.osi-inspector dt{font-size:6px;text-transform:uppercase;letter-spacing:.05em;opacity:.5}.osi-inspector dd{margin:0;font-size:8px;overflow-wrap:anywhere}.kirin-rail a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:7px;text-decoration:none;color:inherit}.kirin-rail a.router-link-active{background:#78787824;font-weight:600}.kirin-rail .is-planned{opacity:.38;cursor:not-allowed}@media(max-width:720px){.osi-layer>header{flex-direction:column}.osi-counts{text-align:left}}.net-graph-panel{position:relative;min-height:0;padding:0;overflow:hidden}.ng-wrap{position:relative;width:100%;height:100%;min-height:0}.ng-canvas{position:absolute;top:40px;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none}.ng-canvas:active{cursor:grabbing}.ng-canvas svg{width:100%;height:100%}.ng-controls{position:absolute;z-index:2;top:0;right:0;left:0;height:40px;display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 12px;border-bottom:1px solid var(--line-soft)}.ng-hint{margin-right:auto;color:var(--ink-soft);font-size:7px}.ng-controls button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft)}.ng-controls button:hover{background:#233e5217;color:var(--ink)}.ng-controls span{min-width:30px;text-align:center;color:var(--ink-soft);font:600 7px monospace}.ng-band rect{fill:#233e5209;stroke:var(--line-soft)}.ng-band-index{fill:var(--ink);font:700 11px Georgia,serif;opacity:.55}.ng-band-label{fill:var(--ink);font-size:8px;font-weight:600}.ng-band-source{fill:var(--ink-soft);font-size:6px;font-family:monospace}.ng-band-count{fill:var(--ink-soft);font-size:6px}.ng-edge{fill:none;stroke:#2f6f9673;stroke-width:1.2}.ng-edge.carries{stroke:#087e6b80}.ng-edge.serves{stroke:#aa7a308c}.ng-edge.switches{stroke:#2f6f9666}.ng-edge.enslaved{stroke:#233e5247;stroke-dasharray:3 3}.ng-edge.tunnels{stroke:#a3573f80;stroke-dasharray:5 3}.ng-edge.dimmed{stroke-opacity:.12}.ng-node{cursor:pointer}.ng-node-body{fill:#ffffffb8;stroke:var(--line);stroke-width:1}.ng-node:hover .ng-node-body{fill:#fff;stroke:var(--blue)}.ng-node.selected .ng-node-body{fill:#fff;stroke:var(--ink);stroke-width:2}.ng-node.dimmed{opacity:.25}.ng-node-label{fill:var(--ink);font-size:7.5px;font-weight:600}.ng-node-kind{fill:var(--ink-soft);font-size:6px;font-family:monospace}.ng-node-dot{fill:var(--ink-soft)}.ng-node.is-up .ng-node-dot{fill:var(--jade)}.ng-node.is-down .ng-node-dot{fill:var(--danger)}.ng-node.is-degraded .ng-node-dot{fill:var(--gold)}.ng-node.is-unknown .ng-node-dot{fill:#233e524d}.ng-node.zone-mesh .ng-node-body{stroke:#a3573f73}.ng-node.zone-lan .ng-node-body{stroke:#2f6f9680}.ng-node.zone-containers .ng-node-body{stroke:#087e6b66}.ng-node.zone-tunnel .ng-node-body{stroke:#aa7a3080}.nm-wrap{position:relative;width:100%;height:100%;min-height:0;display:flex;flex-direction:column}.nm-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px;height:30px;padding:0 10px;border-bottom:1px solid var(--line-soft)}.nm-hint{margin-right:auto;color:var(--ink-soft);font-size:7px}.nm-controls button{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:4px;background:#fff6;color:var(--ink-soft)}.nm-controls button:disabled{opacity:.35;cursor:default}.nm-level{display:flex;gap:3px}.nm-level i{width:5px;height:5px;border:1px solid var(--line);border-radius:50%}.nm-level i.on{background:var(--jade);border-color:var(--jade)}.nm-body{flex:1 1 auto;min-height:0;overflow:auto;display:grid;gap:8px;padding:9px 10px;align-content:start}.nm-segment{border:1px solid var(--line-soft);border-radius:6px;background:#ffffff59;padding:8px 9px}.nm-segment>header{display:flex;align-items:baseline;gap:7px;margin-bottom:7px}.nm-segment>header strong{font:600 9px Georgia,serif;letter-spacing:.04em}.nm-subnet{color:var(--blue);font:600 7px monospace}.nm-segment>header small{margin-left:auto;color:var(--ink-soft);font:6px monospace}.nm-devices{display:flex;flex-wrap:wrap;gap:6px}.nm-device{display:flex;align-items:center;gap:7px;min-width:168px;padding:7px 9px;text-align:left;border:1px solid var(--line);border-radius:5px;background:#fff9;color:var(--ink)}.nm-device:hover{border-color:var(--blue);background:#fff}.nm-device.selected{border-color:var(--ink);border-width:2px;padding:6px 8px}.nm-device.self{border-left:3px solid var(--jade)}.nm-icon{color:var(--blue);flex:0 0 auto}.nm-device.self .nm-icon{color:var(--jade)}.nm-device.is-unknown .nm-icon{color:var(--ink-soft)}.nm-device-text{display:grid;min-width:0}.nm-device-text strong{font-size:8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-device-text small{color:var(--ink-soft);font:6.5px monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-services{margin-left:auto;padding:1px 5px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);font:600 6px monospace}.nm-rollup{width:100%;border-style:dashed}.nm-networks{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:6px;align-items:start}.nm-network{display:grid;align-content:start;gap:4px;padding:4px;border:1px solid var(--line-soft);border-radius:6px;background:#ffffff40}.nm-network .nm-device{background:#ffffffb3}.nm-network-head{width:100%;min-width:0}.nm-children{display:grid;gap:3px;padding-left:11px;border-left:1px solid var(--line-soft)}.nm-child{display:flex;align-items:center;gap:5px;padding:3px 6px;text-align:left;border:1px solid var(--line-soft);border-radius:4px;background:#ffffff73;color:var(--ink);font-size:7px}.nm-child:hover{border-color:var(--blue)}.nm-child.selected{border-color:var(--ink)}.nm-child svg{color:var(--jade);flex:0 0 auto}.nm-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm-child small{margin-left:auto;color:var(--ink-soft);font:6px monospace}.nm-note{margin:6px 0 0;color:var(--ink-soft);font-size:6.5px}.level-2 .nm-devices .nm-device{min-width:0;padding:4px 7px}.level-2 .nm-devices .nm-device .nm-device-text small,.level-2 .nm-services{display:none}.level-2 .nm-segment:not(.nm-containers)>header{margin-bottom:5px}.net-views{display:flex;gap:4px}.net-views button{font:inherit;font-size:7px;padding:3px 9px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink-soft)}.net-views button.active{background:var(--ink);border-color:var(--ink);color:#f8f5ed}.chat-page{min-width:0;min-height:0;display:grid;grid-template-columns:238px minmax(0,1fr);color:var(--ink);background:#f8f6f0f7}.chat-page.history-closed{grid-template-columns:0 minmax(0,1fr)}.chat-history{min-width:0;display:grid;grid-template-rows:48px auto auto minmax(0,1fr);padding:0 10px 10px;overflow:hidden;border-right:1px solid var(--line);background:#ebe7ddb8}.history-closed .chat-history{visibility:hidden}.chat-history header{display:flex;align-items:center;justify-content:space-between}.chat-history header strong{display:flex;align-items:center;gap:7px;font-size:13px}.chat-history header button,.chat-toolbar>button,.conversation-actions button,.chat-error button{display:grid;place-items:center;border:0;background:transparent;color:var(--ink-soft)}.chat-history header button,.chat-toolbar>button{width:30px;height:30px;border-radius:7px}.chat-history header button:hover,.chat-toolbar>button:hover,.conversation-actions button:hover{background:#122d4d12;color:var(--ink)}.new-chat{height:37px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(18,45,77,.16);border-radius:8px;background:#ffffff85;color:var(--ink);font-weight:600;text-align:left}.new-chat:hover{background:#ffffffe6}.chat-search{height:32px;display:flex;align-items:center;gap:7px;margin:8px 1px;padding:0 9px;border-radius:7px;color:#73808a;background:#ffffff61}.chat-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:11px}.conversation-list{min-height:0;overflow:auto;scrollbar-width:thin}.conversation-list>small{display:block;padding:7px 8px 5px;color:#7c858a;font-size:8px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.history-empty{margin:10px 8px;color:var(--ink-soft);font-size:10px}.conversation-list article{position:relative;min-width:0;margin:1px 0;border-radius:7px}.conversation-list article:hover,.conversation-list article.active{background:#122d4d13}.conversation-main{width:100%;min-width:0;height:47px;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;gap:7px;padding:5px 48px 5px 9px;border:0;background:transparent;color:var(--ink);text-align:left}.conversation-main>span{min-width:0;display:grid}.conversation-main b{overflow:hidden;font-size:11px;font-weight:520;text-overflow:ellipsis;white-space:nowrap}.conversation-main small{margin-top:2px;overflow:hidden;color:#7b858c;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.conversation-main input{min-width:0;width:100%;padding:4px 5px;border:1px solid var(--blue);border-radius:4px;background:#fff;font-size:10px}.conversation-actions{position:absolute;top:9px;right:5px;display:none;gap:1px}.conversation-list article:hover .conversation-actions,.conversation-list article.active .conversation-actions{display:flex}.conversation-actions button{width:23px;height:28px;border-radius:5px}.chat-workspace{min-width:0;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) auto;background:#faf8f3f0}.chat-toolbar{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--line-soft)}.model-picker,.channel-picker{position:relative;display:flex;align-items:center}.model-picker select,.channel-picker select{height:32px;max-width:260px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 29px 0 9px;border:0;border-radius:7px;outline:0;background:transparent;color:var(--ink);font-size:13px;font-weight:650}.channel-picker select{max-width:180px;font-size:11px;font-weight:550}.model-picker select:hover:not(:disabled),.channel-picker select:hover:not(:disabled){background:#122d4d0f}.model-picker select:disabled,.channel-picker select:disabled{opacity:1;cursor:default}.model-picker svg,.channel-picker svg{position:absolute;right:8px;pointer-events:none}.channel-state{display:flex;align-items:center;gap:5px;color:var(--gold);font-size:8px}.channel-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.channel-state.available{color:var(--jade)}.toolbar-more{margin-left:auto}.message-list{min-height:0;overflow:auto;scrollbar-width:thin;scroll-behavior:smooth}.message-column{width:min(660px,calc(100% - 44px));margin:0 auto;padding:28px 0 120px}.chat-message{margin:0 0 25px;font-family:var(--font-ui);font-size:13px;line-height:1.55}.message-author{display:flex;align-items:center;gap:7px;margin-bottom:7px}.message-author>span{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.chat-message.assistant .message-author>span{color:#f8f5ed;background:var(--ink)}.message-author strong{font-size:11px;font-weight:650}.message-author small{color:#7c858b;font-size:8px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user .message-content{width:fit-content;max-width:82%;margin-left:auto;padding:10px 14px;border-radius:16px 16px 4px;background:#e0ddd5c7}.chat-message.user .message-author{justify-content:flex-end}.message-thinking{margin:0 0 8px;padding:8px 11px;border-left:2px solid var(--line);border-radius:3px;background:#e7e2d761;color:var(--ink-soft);font-size:12px}.message-thinking summary{cursor:pointer;font:600 10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.message-thinking p{max-height:168px;margin:7px 0 0;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}.message-thinking.live p{max-height:84px}.thinking-label{display:flex;align-items:center;gap:3px;font:600 10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.thinking-label i{width:3px;height:3px;border-radius:50%;background:currentColor;animation:blink 1.2s steps(1) infinite}.thinking-label i:nth-child(2){animation-delay:.4s}.thinking-label i:nth-child(3){animation-delay:.8s}.stream-caret{display:inline-block;width:7px;height:13px;margin-left:3px;vertical-align:-2px;background:var(--ink);animation:blink 1s steps(1) infinite}.chat-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:5px}.chat-loading i{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);animation:chat-bounce 1s infinite alternate}.chat-loading i:nth-child(2){animation-delay:.16s}.chat-loading i:nth-child(3){animation-delay:.32s}.chat-empty{width:min(610px,calc(100% - 50px));margin:auto;text-align:center}.kirin-chat-mark{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 13px;border:1px solid rgba(170,122,48,.45);border-radius:50%;color:var(--gold);font-family:var(--font-japanese);font-size:16px}.chat-empty h1{margin:0;font-size:26px;font-weight:560;letter-spacing:-.02em}.chat-empty p{margin:7px 0 20px;color:var(--ink-soft);font-size:11px}.prompt-suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.prompt-suggestions button{min-height:58px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#ffffff6b;color:var(--ink-soft);font-size:10px;text-align:left}.prompt-suggestions button:hover{border-color:#122d4d59;background:#fff;color:var(--ink)}.chat-composer-zone{position:relative;z-index:2;padding:0 22px 12px;background:linear-gradient(transparent,#faf8f3fa 32%)}.chat-composer{position:relative;width:min(690px,100%);margin:0 auto;padding:11px 49px 25px 15px;border:1px solid rgba(18,45,77,.2);border-radius:18px;background:#fffffff5;box-shadow:0 8px 28px #122d4d17}.chat-composer textarea{width:100%;min-height:25px;max-height:150px;resize:none;overflow-y:auto;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.4}.send-button{position:absolute;right:9px;top:9px;width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink);color:#fff}.send-button:disabled{background:#122d4d38;cursor:default}.send-button.stop{background:var(--ink)}.composer-meta{position:absolute;right:14px;bottom:7px;left:15px;display:flex;justify-content:space-between;gap:8px;color:#889096;font-size:7px}.composer-meta span{display:flex;align-items:center;gap:4px;white-space:nowrap}.chat-error{width:min(690px,100%);min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 auto 6px;padding:5px 8px 5px 11px;border:1px solid rgba(163,87,63,.28);border-radius:8px;background:#a3573f14;color:var(--danger);font-size:9px}.chat-error button{flex:0 0 auto;color:inherit}.channel-reason{margin:5px auto 0;color:var(--gold);font-size:8px;text-align:center}@keyframes chat-bounce{to{transform:translateY(-5px);opacity:.35}}