:root{--bg:#050505;--bg-deep:#050505;--bg-elevated:#0a0a0b;--surface:#111214;--panel:#0a0a0b;--panel-raised:#111214;--panel-hover:#161618;--sidebar:#050505;--border:#ffffff1a;--border-subtle:#ffffff0f;--border-strong:#ffffff29;--muted:#8b8c92;--dim:#63656b;--text:#f5f5f3;--text-dim:#8b8c92;--on-dark:#080808;--accent:#f5f5f3;--accent-soft:#ffffff0f;--accent-hover:#ffffff14;--accent-muted:#ffffff59;--accent-glow:#ffffff1f;--accent-border:#ffffff24;--chart-ok:#34d399;--chart-warn:#fbbf24;--chart-bad:#f87171;--chart-line:#7aadff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-panel:0 24px 80px #00000070;--shadow-soft:0 12px 40px #00000047;--flame-gradient:linear-gradient(90deg, #3a86ff 0%, #00d4aa 18%, #fee440 35%, #ff9f1c 52%, #ff6b35 68%, #f94144 82%, #7f0020 100%);color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif}.kern-wordmark{align-items:center;gap:0;display:inline-flex}.kern-logo-mark{border:1px solid var(--border);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--text);background:0 0;place-items:center;font-size:15px;font-weight:700;display:grid}.kern-logo-mark.kern-logo-mark-solid{isolation:isolate;width:32px;height:32px;color:var(--on-dark);background:#fff;border:none;border-radius:50%;flex-shrink:0;position:relative;overflow:visible}.kern-logo-mark.kern-logo-mark-solid:after{content:"";background:var(--sidebar);z-index:1;border-radius:0 50% 50% 0;width:12px;height:100%;position:absolute;top:0;right:-2px}.kern-logo-k{z-index:2;font-size:14px;font-weight:700;line-height:1;display:block;position:relative;transform:translate(-1px)}.kern-logo-text{z-index:3;letter-spacing:.04em;color:var(--text);margin-left:-9px;font-size:15px;font-weight:700;line-height:1;position:relative}.landing .kern-logo-mark-solid:after{background:var(--l-bg)}.landing-mock-wordmark .kern-logo-mark-solid:after,.landing-arch-k-mark.kern-logo-mark-solid:after{background:var(--l-raised)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,select,textarea,input{font:inherit}.shell{background:var(--bg-deep);height:100vh;color:var(--text);display:flex}.shell-sidebar{border-right:1px solid var(--border);background:var(--sidebar);flex-direction:column;flex-shrink:0;width:248px;padding:16px 0 12px;transition:width .2s;display:flex}.shell-collapsed .shell-sidebar{width:76px}.shell-brand{align-items:center;gap:8px;margin-bottom:8px;padding:4px 16px 20px;display:flex}.shell-wordmark{flex:1;min-width:0}.shell-collapse{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px;font-size:16px;line-height:1}.shell-collapse:hover{color:var(--text);background:var(--surface)}.shell-collapsed .shell-brand{flex-direction:column;gap:10px;padding-inline:12px}.shell-collapsed .shell-wordmark{flex:0}.shell-collapsed .shell-collapse{margin-left:0}.shell-nav{flex-direction:column;gap:4px;padding:0 12px;display:flex}.shell-nav-primary{flex:1}.shell-nav-secondary{border-top:1px solid var(--border);flex-shrink:0;margin-top:4px;padding-top:8px}.shell-nav-item{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;outline:none;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex;position:relative}.shell-nav-item:focus-visible{box-shadow:0 0 0 2px var(--accent-muted);outline:none}.shell-nav-item:hover{color:var(--text);background:#ffffff0a}.shell-nav-item.active{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-border);font-weight:600}.shell-nav-item.active:before{content:"";background:var(--text);border-radius:0 2px 2px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.shell-nav-icon{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.shell-nav-svg{width:18px;height:18px}.shell-nav-label{flex:1;min-width:0}.shell-nav-badge{border-radius:var(--radius-pill);background:var(--accent);min-width:20px;color:var(--on-dark);text-align:center;padding:2px 7px;font-size:11px;font-weight:700}.shell-nav-badge-dot{border-radius:var(--radius-pill);background:var(--accent);min-width:16px;height:16px;color:var(--on-dark);box-shadow:0 0 12px var(--accent-glow);place-items:center;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:8px;right:10px}.shell-user{align-items:center;gap:10px;padding:10px 14px 12px;display:flex}.shell-account{align-items:center;gap:10px;padding:10px 8px;display:flex}.shell-account-meta{flex:1;min-width:0}.shell-account-sub{color:var(--muted);align-items:center;gap:6px;margin-top:2px;font-size:11px;display:flex}.shell-account-sep{opacity:.45}.shell-account-status{align-items:center;gap:6px;display:inline-flex}.shell-account-status .shell-status-dot{width:6px;height:6px}.shell-account-dot{margin-left:auto}.shell-account-logout{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;transition:color .15s,background .15s;display:grid}.shell-account-logout:hover{color:var(--text);background:#ffffff0d}.shell-account-logout:focus-visible{box-shadow:0 0 0 2px var(--accent-muted);outline:none}.shell-account-sound{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;transition:color .15s,background .15s;display:grid}.shell-account-sound.on{color:var(--accent)}.shell-account-sound.muted{color:var(--muted);opacity:.55}.shell-account-sound:hover{color:var(--text);background:#ffffff0d}.shell-account-sound:focus-visible{box-shadow:0 0 0 2px var(--accent-muted);outline:none}.shell-collapsed .shell-account{flex-direction:column;gap:8px;padding-inline:10px}.shell-collapsed .shell-account-logout,.shell-collapsed .shell-account-sound{width:36px;height:36px}.shell-user-avatar{border-radius:var(--radius-pill);background:var(--panel-raised);border:1px solid var(--border-strong);width:34px;height:34px;color:var(--text);flex-shrink:0;place-items:center;font-size:13px;font-weight:700;display:grid}.shell-user-avatar-img{object-fit:cover;display:block}.shell-logout-btn{color:var(--muted)}.shell-logout-btn:hover{color:var(--text)}.shell-sidebar-foot{border-top:1px solid var(--border);margin-top:0;padding:8px 12px 4px}.shell-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.shell-user-role{color:var(--muted);text-transform:lowercase;font-size:11px}.shell-status-dot{border:1px solid var(--dim);background:0 0;border-radius:999px;flex-shrink:0;width:8px;height:8px}.shell-status-dot.on{background:var(--chart-ok);border-color:var(--chart-ok);box-shadow:0 0 10px #34d39959}.shell-main{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 72%, var(--bg-elevated) 100%);flex-direction:column;flex:1;min-width:0;display:flex}.shell-content{flex:1;min-height:0;overflow:auto}.shell-footer{border-top:1px solid var(--border);letter-spacing:.08em;color:var(--muted);background:var(--bg);padding:10px 24px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.shell-footer-error{color:var(--text)}.events-page,.network-page,.network-analysis-page,.topology-page,.topology-page-wrap,.flows-page,.overview-page,.settings-page,.workloads-page,.alerts-page{flex-direction:column;min-height:100%;display:flex}.events-page{height:100%;min-height:0;overflow:hidden}.network-page{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.events-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 20px;display:flex}.network-page .events-header{flex-shrink:0}.events-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.events-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.events-toolbar{align-items:center;gap:8px;display:flex}.events-search{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-pill);width:240px;color:var(--text);outline:none;padding:10px 14px;font-size:13px}.events-search:focus{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-border)}.events-btn{background:var(--panel-raised);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text);letter-spacing:.08em;cursor:pointer;padding:10px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;transition:border-color .15s,background .15s,color .15s}.events-btn:hover{border-color:var(--accent-border);background:var(--accent-hover);color:var(--accent)}.events-sound-toggle.on{border-color:var(--accent-border);color:var(--accent)}.events-sound-toggle.muted{color:var(--muted)}.page-context-control select:focus{border-color:var(--accent-border);box-shadow:0 0 0 1px var(--accent-border)}.page-context-live.on{border-color:var(--accent-border);color:var(--accent);background:var(--accent-soft)}.page-context-live.on .page-context-live-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.events-source-tabs{background:var(--bg);border-bottom:1px solid var(--border);gap:8px;padding:12px 32px 0;display:flex}.events-source-tab{border:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--muted);cursor:pointer;background:0 0;border-bottom:none;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.events-source-tab.active{color:var(--text);background:var(--panel);border-color:var(--border)}.events-source-count{color:var(--accent);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.talk-kind-pill{border:1px solid var(--accent-border);letter-spacing:.08em;color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:9px}.events-stats{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 32px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;color:var(--text);box-shadow:var(--shadow-soft);padding:16px 20px;transition:border-color .15s,background .15s}.stat-card:hover{border-color:var(--border-strong);background:var(--panel-raised)}.stat-card.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-border), var(--shadow-soft)}.stat-card.active .stat-value{color:var(--accent)}.stat-card-static{cursor:default}.stat-card-static:hover{border-color:var(--border-subtle);background:var(--panel)}.stat-label{letter-spacing:.15em;opacity:.7;margin-bottom:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:block}.stat-value{font-size:28px;font-weight:600;line-height:1;display:block}.events-table-wrap{flex:1;min-height:0;padding:0 32px;overflow:auto}.events-table{border-collapse:collapse;width:100%;font-size:13px}.events-table thead{background:var(--surface);z-index:1;position:sticky;top:0}.events-table th{text-align:left;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--border);padding:12px 16px 12px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:400}.events-table td{vertical-align:top;border-bottom:1px solid var(--border);padding:16px 16px 16px 0}.events-row:hover{background:#ffffff08}.events-time{white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.events-relative{color:var(--dim);margin-top:2px;font-size:10px}.sev-badge{letter-spacing:.08em;border:1px solid var(--border);text-align:center;min-width:36px;padding:4px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-block}.sev-badge.sev-critical,.events-row.sev-critical .sev-badge{background:var(--text);color:var(--on-dark);border-color:var(--text)}.sev-badge.sev-warning,.events-row.sev-warning .sev-badge{border-color:var(--text);color:var(--text);border-style:dashed}.sev-badge.sev-info,.events-row.sev-info .sev-badge{color:var(--muted);border-color:var(--border-strong)}.events-row-title{margin-bottom:4px;font-weight:600}.events-row-msg{color:var(--text-dim);font-size:12px;line-height:1.45}.events-mono{color:var(--muted);white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.events-empty{text-align:center;color:var(--dim);padding:48px!important}.events-footer{border-top:1px solid var(--border);background:var(--bg);letter-spacing:.08em;color:var(--muted);flex-shrink:0;justify-content:space-between;padding:12px 32px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.settings-header{border-bottom:1px solid var(--border);background:var(--bg);padding:28px 32px 8px}.settings-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.settings-subtitle{color:var(--muted);max-width:48ch;margin:6px 0 0;font-size:14px;line-height:1.5}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;padding:24px 32px 40px;display:grid}.settings-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);border-radius:20px;padding:22px 22px 20px;box-shadow:inset 0 0 0 1px #ffffff05}.settings-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.settings-panel-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.settings-panel-desc{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.settings-pill{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:500}.settings-pill-on{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.settings-fields{flex-direction:column;gap:14px;display:flex}.settings-field{flex-direction:column;gap:7px;display:flex}.settings-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-field-label{color:var(--text-dim);font-size:12px;font-weight:500}.settings-field-hint{color:var(--dim);font-size:11px;line-height:1.4}.settings-input,.settings-textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:12px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.settings-input-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.settings-textarea{resize:vertical;min-height:108px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;line-height:1.5}.settings-input:focus,.settings-textarea:focus{border-color:#ffffff38;box-shadow:0 0 0 3px #ffffff0a}.settings-input:disabled,.settings-textarea:disabled{opacity:.45;cursor:not-allowed}.settings-advanced-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;font-weight:500}.settings-advanced-toggle:hover:not(:disabled){color:var(--text)}.settings-segment{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.settings-segment-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:500;transition:color .15s,background .15s}.settings-segment-btn.active{background:var(--panel-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.settings-actions{margin-top:18px}.settings-btn{cursor:pointer;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.settings-btn-primary{border:1px solid var(--text);background:var(--text);color:var(--on-dark)}.settings-btn-primary:hover:not(:disabled){background:#e9e9e2;border-color:#e9e9e2}.settings-btn-ghost{border:1px solid var(--border);color:var(--text-dim);background:0 0}.settings-btn-ghost:hover:not(:disabled){color:var(--text);border-color:#ffffff2e}.settings-btn:disabled{opacity:.45;cursor:not-allowed}.settings-alert{border-radius:12px;margin-top:14px;padding:10px 12px;font-size:12px;line-height:1.45}.settings-alert-error{color:#ffb4b4;background:#ff505014;border:1px solid #ff787840}.settings-alert-ok{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text-dim)}.field-label{letter-spacing:.12em;color:var(--muted);flex-direction:column;gap:6px;margin-bottom:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:flex}.text-input,.connect-textarea{border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;padding:10px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.text-input:focus,.connect-textarea:focus{border-color:var(--text)}.connect-textarea{resize:vertical;min-height:100px}.text-input:disabled,.connect-textarea:disabled{opacity:.4}.config-toggle{color:var(--muted);letter-spacing:.12em;cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.connect-error{border:1px solid var(--text);margin-bottom:12px;padding:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.connect-actions{margin-top:8px}.btn-primary,.btn-secondary{border-radius:var(--radius-pill);letter-spacing:0;cursor:pointer;width:100%;padding:12px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn-primary{background:var(--text);color:var(--on-dark);border:1px solid var(--text)}.btn-primary:hover:not(:disabled){background:#e9e9e2;border-color:#e9e9e2}.btn-secondary{background:var(--panel-raised);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-hover);color:var(--accent)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.network-observatory{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 300px;gap:12px;min-height:0;padding:20px 24px 16px;display:grid;overflow:hidden}.obs-header{border-bottom:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:16px;display:flex}.obs-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.obs-sub{color:var(--muted);margin:6px 0 0;font-size:13px}.obs-header-meta{flex-shrink:0}.page-context-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.page-context-control{letter-spacing:.12em;color:var(--muted);flex-direction:column;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:flex}.page-context-control select,.page-context-value{border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:140px;padding:8px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.page-context-control select{outline:none}.page-context-control select:focus{border-color:var(--text)}.page-context-live{border:1px solid var(--border);letter-spacing:.12em;color:var(--muted);align-items:center;gap:8px;padding:8px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.page-context-live.on{border-color:var(--text);color:var(--text)}.page-context-live-dot{border:1px solid var(--muted);border-radius:50%;width:6px;height:6px}.page-context-live.on .page-context-live-dot{background:var(--text);border-color:var(--text)}.events-header-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.network-observatory.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.network-observatory.sidebar-collapsed .network-obs-main{grid-column:1/-1}.network-obs-main{flex-direction:column;grid-column:1;gap:12px;min-height:0;display:flex;overflow:hidden}.panel-header-split{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-header-main{flex-direction:column;gap:4px;min-width:0;display:flex}.panel-meta-inline{letter-spacing:.08em;color:var(--dim);font-size:10px}.panel-header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.panel-toggle-btn{border:1px solid var(--border);color:var(--muted);letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:0 0;padding:6px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.panel-toggle-btn:hover{border-color:var(--text);color:var(--text)}.network-obs-bottom{flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;min-height:220px;max-height:280px;display:grid}.obs-sidebar{border-left:1px solid var(--border);flex-direction:column;grid-area:2/2;gap:10px;min-height:0;padding-left:12px;display:flex;overflow:auto}.obs-widget{border:1px solid var(--border);background:var(--surface);padding:12px}.obs-widget-title{letter-spacing:.14em;color:var(--muted);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.obs-widget-route{margin-bottom:8px;font-size:13px;font-weight:600}.obs-widget-metrics{color:var(--text-dim);gap:12px;margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.obs-widget-caption,.obs-widget-empty{color:var(--dim);margin-top:8px;font-size:11px}.talker-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.obs-alert-row{border-bottom:1px solid var(--border);padding:8px 0}.obs-alert-row:last-child{border-bottom:none}.obs-alert-title{margin-bottom:4px;font-size:12px;font-weight:600}.obs-alert-sub{color:var(--text-dim);font-size:11px;line-height:1.4}.obs-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.obs-action-btn{border:1px solid var(--border);color:var(--text);letter-spacing:.08em;cursor:pointer;background:0 0;padding:10px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.obs-action-btn:hover{border-color:var(--text);background:var(--text);color:var(--bg)}.obs-checklist{margin:0;padding:0;list-style:none}.obs-checklist li{color:var(--muted);align-items:center;gap:8px;padding:4px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.obs-checklist li.ok{color:var(--text)}.obs-check-mark{text-align:center;width:14px}.obs-health-ring{align-items:center;gap:12px;display:flex}.health-ring-bg{fill:none;stroke:var(--border);stroke-width:6px}.health-ring-fg{fill:none;stroke:var(--text);stroke-width:6px;transform-origin:44px 44px;transition:stroke-dashoffset .3s;transform:rotate(-90deg)}.health-ring-text{fill:var(--text);text-anchor:middle;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}.health-ring-meta{color:var(--muted);flex-direction:column;gap:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.live-flows-panel,.edge-latency-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.live-flows-wrap,.edge-latency-table-wrap{flex:1;min-height:0;overflow:auto}.live-flows-table{border-collapse:collapse;width:100%;font-size:12px}.live-flows-table th{text-align:left;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface);padding:8px 10px 8px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;position:sticky;top:0}.live-flows-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 10px 10px 0}.flow-path-cell{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;overflow:hidden}.flow-status-pill{letter-spacing:.08em;border:1px solid var(--border);padding:3px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:inline-block}.flow-status-pill.ok{color:var(--text);border-color:var(--text)}.flow-status-pill.warn{border-style:dashed}.flow-status-pill.bad{background:var(--text);color:var(--bg);border-color:var(--text)}.graph-canvas-full,.graph-viewport{cursor:grab;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-color:var(--surface);flex:1;min-height:360px;position:relative;overflow:hidden}.graph-viewport:active{cursor:grabbing}.graph-transform-layer{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.graph-controls{z-index:2;gap:6px;display:flex;position:absolute;top:12px;right:12px}.graph-control-btn{border:1px solid var(--border);color:var(--text);letter-spacing:.08em;cursor:pointer;background:#000000d1;padding:6px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.graph-control-btn:hover{border-color:var(--text)}.graph-bg-hit{fill:#0000}.graph-canvas{display:block;overflow:visible}.graph-viewport.has-focus .graph-node.dimmed,.graph-viewport.has-focus .graph-edge.dimmed{opacity:.22}.graph-edge.hovered .graph-edge-path{stroke:var(--text);stroke-width:2.5px}.graph-edge.hovered .graph-edge-label{fill:var(--text)}.graph-legend-inline{background:0 0;border:none;flex-wrap:wrap;gap:10px;padding:0;display:flex;position:static}.graph-legend-inline .legend-item{font-size:8px}.network-graph-panel{flex-direction:column;flex:1;min-height:280px;display:flex;overflow:hidden}.network-graph-panel .graph-viewport{flex:1;min-height:0}.graph-canvas-wrap{background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;background-color:var(--surface);position:relative;overflow:auto}.graph-ns-box{fill:#ffffff05;stroke:var(--border);stroke-width:1px}.graph-ns-label{fill:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.graph-node-box{fill:var(--bg);stroke:var(--border);stroke-width:1px}.graph-node.linked .graph-node-box{filter:drop-shadow(0 0 8px #ff6b3540)}.graph-node-dot{fill:#0000;stroke:var(--muted);stroke-width:1px}.graph-node-dot.status-healthy{fill:var(--accent);stroke:var(--accent)}.graph-node-dot.status-degraded{fill:#0000;stroke:var(--text);stroke-dasharray:2 2}.graph-node-kind{fill:var(--dim);letter-spacing:.1em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:8px}.graph-node-name{fill:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.graph-edge-path{fill:none;stroke:var(--text-dim);stroke-width:1.75px;pointer-events:stroke;cursor:pointer;transition:stroke-width .12s,opacity .12s}.graph-edge.selected .graph-edge-path{filter:drop-shadow(0 0 8px #ff9f1c73)}.graph-edge.selected .graph-edge-label{font-weight:700}.graph-edge.edge-ok .graph-edge-path{stroke:var(--text-dim)}.graph-edge.edge-warn .graph-edge-path{stroke:var(--text);stroke-dasharray:6 4}.graph-edge.edge-bad .graph-edge-path{stroke:var(--text);stroke-width:2px}.graph-edge.edge-ebpf .graph-edge-path{stroke:var(--text);stroke-dasharray:1 5;stroke-linecap:round}.graph-edge.edge-k8s .graph-edge-path{stroke:var(--dim);stroke-dasharray:2 3}.graph-edge.edge-route .graph-edge-path{stroke:var(--muted);opacity:.7}.graph-edge-label{fill:var(--muted);text-anchor:middle;pointer-events:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.graph-edge.selected .graph-edge-label{fill:var(--text)}.graph-arrowhead{fill:var(--text-dim)}.graph-legend{border:1px solid var(--border);background:#000000d9;flex-wrap:wrap;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px}.legend-item{letter-spacing:.08em;color:var(--muted);padding-left:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;position:relative}.legend-item:before{content:"";border-top:2px solid var(--text);width:10px;height:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.legend-heat-bar{background:var(--text);border-radius:1px;width:64px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #ff6b3559}.legend-item.edge-warn:before{border-top-style:dashed}.legend-item.edge-ebpf:before{border-top-style:dotted}.legend-item.edge-k8s:before{opacity:.5}.graph-empty{text-align:center;color:var(--dim);padding:64px 32px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.flow-detail{border-left:1px solid var(--border);background:var(--bg);padding:16px;overflow:auto}.flow-detail-title{letter-spacing:.15em;color:var(--muted);margin-bottom:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.flow-detail-route{margin-bottom:16px;font-size:13px;font-weight:600;line-height:1.4}.flow-detail-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);padding:10px 12px}.metric-card.wide{grid-column:span 2}.metric-label{letter-spacing:.12em;color:var(--dim);margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:8px;display:block}.metric-value{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.flow-detail-section{margin-bottom:18px}.flow-detail-heading{letter-spacing:.12em;color:var(--dim);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.flow-detail-empty{color:var(--dim);margin-bottom:12px;font-size:12px}.flow-detail-link{border:1px solid var(--border);width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;margin-bottom:6px;padding:8px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:block}.flow-detail-link:hover{border-color:var(--text);color:var(--text)}.flow-detail-row{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;gap:8px;padding:6px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.talker-list{flex-direction:column;gap:8px;display:flex}.talker-row{grid-template-columns:1fr minmax(60px,100px) 28px;align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:grid}.talker-name{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.talker-bar-wrap{background:var(--bg);border:1px solid var(--border);height:6px}.talker-bar{background:var(--text-dim);height:100%;display:block}.talker-count{text-align:right;color:var(--muted)}.edge-latency-panel{flex-shrink:0}.edge-latency-table-wrap{max-height:240px;overflow:auto}.edge-latency-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.edge-latency-table th{background:var(--bg);text-align:left;color:var(--dim);letter-spacing:.1em;border-bottom:1px solid var(--border);padding:10px 12px;font-size:9px;font-weight:400;position:sticky;top:0}.edge-latency-table td{border-bottom:1px solid var(--border);color:var(--text-dim);padding:10px 12px}.edge-latency-table tbody tr{cursor:pointer}.edge-latency-table tbody tr:hover{background:#ffffff08}.edge-latency-table tbody tr.selected{background:#ffffff0f}.edge-latency-table tbody tr.selected td{color:var(--text)}.edge-route-cell{min-width:180px}.edge-route-name{color:var(--text);font-weight:600}.edge-route-sub{color:var(--dim);margin-top:2px;font-size:9px}.edge-dist-empty{color:var(--dim);font-size:10px}.traffic-sparkline.compact{margin-bottom:0}.traffic-sparkline.compact svg{display:block}.latency-chart{margin-top:4px}.latency-chart.empty{color:var(--dim);padding:12px 0;font-size:11px}.latency-chart-stats{color:var(--muted);gap:12px;margin-bottom:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.latency-hot{font-weight:700}.latency-bar{opacity:.95}.latency-bar-label{fill:var(--muted);text-anchor:middle;font-size:8px}.graph-edge-flame{fill:none;pointer-events:stroke;cursor:pointer}.graph-edge.hovered .graph-edge-flame{filter:drop-shadow(0 0 4px #ff9f1c8c)}.legend-item.legend-heat{padding-left:72px}.legend-heat-bar{background:var(--flame-gradient);border-radius:999px;width:64px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.talker-bar-flame{min-width:4px;box-shadow:0 0 8px #ff6b3559}.traffic-sparkline{margin-bottom:18px}.sparkline-segment{stroke-linecap:round;stroke-linejoin:round}.sparkline-dot{opacity:.95}.panel{border:1px solid var(--border);background:var(--bg)}.panel-header{border-bottom:1px solid var(--border);letter-spacing:.15em;color:var(--muted);padding:12px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.panel-meta{float:right;color:var(--dim)}.topology-grid,.flow-list{max-height:280px;padding:12px;overflow:auto}.topology-edge,.flow-row{border:1px solid var(--border);margin-bottom:8px;padding:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.topology-edge:hover,.flow-row:hover{border-color:var(--muted)}.edge-route,.flow-route{margin-bottom:4px;font-weight:700}.edge-meta,.flow-meta{color:var(--muted);flex-wrap:wrap;gap:12px;display:flex}.flow-row{grid-template-columns:72px 1fr auto auto;align-items:center;gap:12px;display:grid}.flow-time{color:var(--muted)}.flow-verdict{border:1px solid var(--border);padding:2px 8px;font-weight:700}.verdict-ok{border-color:var(--text)}.verdict-bad{background:var(--text);color:var(--bg);border-color:var(--text)}.ebpf-status{align-items:center;gap:12px;padding:16px;display:flex}.ebpf-dot{border:1px solid var(--dim);width:10px;height:10px}.ebpf-dot.on{background:var(--text);border-color:var(--text)}.ebpf-line{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.ebpf-sub{color:var(--muted);margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.empty-state{text-align:center;color:var(--dim);padding:32px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.sim-layout{flex:1;min-height:0;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-upper{flex:2;min-height:0;display:flex}.app-lower{border-top:1px solid var(--border);flex:3;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:176px;display:flex}.nav-btn{border:none;border-bottom:1px solid var(--border);color:var(--muted);text-align:left;letter-spacing:.12em;cursor:pointer;background:0 0;padding:12px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.nav-btn.active{background:var(--text);color:var(--bg)}.sidebar-actions{border-top:1px solid var(--border);margin-top:auto;padding:16px}.panel.yaml-panel{border-right:1px solid var(--border);flex-direction:column;flex:1;display:flex}.yaml-input{resize:none;background:var(--bg);width:100%;min-height:200px;color:var(--text);border:none;outline:none;flex:1;padding:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;line-height:1.5}.inspector{border-left:1px solid var(--border);background:var(--bg);flex-direction:column;flex-shrink:0;width:300px;display:flex}.inspector pre{color:var(--text-dim);flex:1;margin:0;padding:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;overflow:auto}.table-wrap{flex:1;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:10px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}th{border-bottom:1px solid var(--border);color:var(--muted);font-weight:400}tbody tr{border-bottom:1px solid var(--border);cursor:pointer}tbody tr:hover{background:var(--surface)}tbody tr.selected{background:var(--panel)}.btn-del{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;padding:4px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.btn-del:hover{border-color:var(--text);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}@media (width<=900px){.shell-sidebar{width:64px}.shell-brand div,.shell-nav-group,.shell-nav-item span:not(.shell-nav-icon),.shell-status span:not(.shell-status-dot){display:none}.events-stats{grid-template-columns:repeat(2,1fr)}.events-header{flex-direction:column}}@media (width<=1100px){.overview-grid,.topology-layout{grid-template-columns:1fr}.topology-layout .flow-detail{max-height:320px}.network-analysis-grid{grid-template-columns:1fr}}@media (width<=1100px){.workloads-body{grid-template-columns:1fr}.workloads-detail{max-height:360px}}@media (width<=1100px){.alert-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.profile-layout{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.landing{--l-fg:#f5f5f3;--l-muted:#8b8c92;--l-dim:#63656b;--l-line:#ffffff1a;--l-line-soft:#ffffff0f;--l-bg:#050505;--l-panel:#0a0a0b;--l-raised:#111214;--l-surface:#161618;--l-on-light:#080808;--l-chart-ok:#34d399;--l-chart-warn:#fbbf24;--l-chart-bad:#f87171;--l-chart-line:#7aadff;background:var(--l-bg);min-height:100vh;color:var(--l-fg);flex-direction:column;display:flex}.landing-wrap{width:100%;max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}.landing-nav{z-index:20;border-bottom:1px solid var(--l-line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050505e6;position:sticky;top:0}.landing-nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-top:14px;padding-bottom:14px;display:grid}.landing-brand{color:var(--l-fg);justify-self:start;align-items:center;text-decoration:none;display:inline-flex}.landing-nav-center{justify-self:center;align-items:center;gap:28px;display:flex}.landing-nav-center>a{color:var(--l-muted);font-size:14px;font-weight:500;text-decoration:none}.landing-nav-center>a:hover{color:var(--l-fg)}.landing-nav-menu{position:relative}.landing-nav-menu.is-open{z-index:31}.landing-nav-menu-trigger{color:var(--l-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.landing-nav-menu-trigger:hover,.landing-nav-menu.is-open .landing-nav-menu-trigger{color:var(--l-fg)}.landing-nav-menu-trigger:focus{outline:none}.landing-nav-menu-trigger:focus-visible{outline:1px solid var(--l-line);outline-offset:3px;border-radius:4px}.landing-nav-menu-chevron{opacity:.7;width:12px;height:12px;transition:transform .15s}.landing-nav-menu.is-open .landing-nav-menu-chevron{transform:rotate(180deg)}.landing-nav-menu-panel{z-index:30;border:1px solid var(--l-line);background:var(--l-panel);opacity:0;visibility:hidden;pointer-events:none;border-radius:12px;min-width:168px;margin-top:6px;padding:6px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:100%;left:0;transform:translateY(-4px);box-shadow:0 16px 40px #0006}.landing-nav-menu-panel:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.landing-nav-menu.is-open .landing-nav-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.landing-nav-menu-link{color:var(--l-muted);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:13px;text-decoration:none;display:block}.landing-nav-menu-link:hover{color:var(--l-fg);background:#ffffff0d}.landing-product,.landing-why,.landing-features,.landing-events,.landing-profiling,.landing-feature-card{scroll-margin-top:80px}.landing-nav-right{justify-self:end;align-items:center;gap:16px;display:flex}.landing-nav-github{width:36px;height:36px;color:var(--l-muted);border-radius:var(--radius-pill);place-items:center;text-decoration:none;display:grid}.landing-nav-github:hover{color:var(--l-fg);background:#ffffff0d}.landing-nav-github svg{width:18px;height:18px}.landing-nav-cta{background:var(--l-fg);color:var(--l-on-light);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:10px 18px;font-size:13px;font-weight:600}.landing-nav-cta:hover{opacity:.92}.landing-hero{padding:clamp(48px,7vw,88px) 0 clamp(32px,5vw,56px)}.landing-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}.landing-headline{letter-spacing:-.035em;max-width:14ch;margin:0;font-size:clamp(2.4rem,5.5vw,3.75rem);font-weight:700;line-height:1.06}.landing-lede{max-width:36ch;color:var(--l-muted);margin:18px 0 0;font-size:17px;line-height:1.5}.landing-alert{border:1px solid var(--l-line);border-radius:var(--radius-md);background:var(--l-raised);max-width:480px;margin-top:20px;padding:12px 14px;font-size:14px}.landing-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.landing-btn{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.landing-btn-primary{background:var(--l-fg);color:var(--l-on-light)}.landing-btn-primary:hover{opacity:.92}.landing-btn-secondary{color:var(--l-fg);border-color:var(--l-line);background:0 0}.landing-btn-secondary:hover{background:#ffffff0a}.landing-btn-arrow{width:16px;height:16px}.landing-isometric{justify-self:end;width:100%;max-width:420px;height:auto}.landing-iso-layer path{stroke-width:1px}.landing-iso-k{fill:var(--l-fg);font-family:inherit;font-size:28px;font-weight:700}.landing-iso-beam{stroke:#ffffff26;stroke-width:1px;stroke-dasharray:3 4}.landing-iso-beam-bright{stroke:#ffffff59}.landing-iso-dot{fill:#ffffff59}.landing-iso-dot-bright{fill:var(--l-fg)}.landing-product{padding:0 0 clamp(56px,8vw,88px)}.landing-product-wrap{max-width:1240px}.landing-mock{border:1px solid var(--l-line);background:var(--l-panel);border-radius:20px;grid-template-columns:168px 1fr 220px;min-height:420px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 32px 80px #00000073}.landing-mock-sidebar{border-right:1px solid var(--l-line-soft);background:var(--l-raised);padding:20px 14px}.landing-mock-sidebar-brand{align-items:center;margin-bottom:24px;padding:0 6px;display:flex}.landing-mock-wordmark .kern-logo-mark-solid{width:26px;height:26px}.landing-mock-wordmark .kern-logo-k{font-size:11px}.landing-mock-wordmark .kern-logo-text{letter-spacing:.05em;margin-left:-7px;font-size:12px}.landing-mock-nav{flex-direction:column;gap:4px;display:flex}.landing-mock-nav-item{border-radius:var(--radius-sm);color:var(--l-dim);align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.landing-mock-nav-dot{border:1px solid var(--l-line);border-radius:50%;flex-shrink:0;width:6px;height:6px}.landing-mock-nav-item-active{color:var(--l-fg);background:#ffffff0d}.landing-mock-nav-item-active .landing-mock-nav-dot{background:var(--l-fg);border-color:var(--l-fg)}.landing-mock-body{background:var(--l-bg);flex-direction:column;min-width:0;display:flex}.landing-mock-toolbar{border-bottom:1px solid var(--l-line-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px;display:flex}.landing-mock-toolbar-title{font-size:14px;font-weight:600}.landing-mock-toolbar-meta{color:var(--l-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.landing-mock-canvas{flex:1;min-height:320px;padding:24px 16px;position:relative;overflow:hidden}.landing-mock-topo-edges{pointer-events:none;width:calc(100% - 32px);height:calc(100% - 48px);position:absolute;inset:24px 16px}.landing-mock-edge{stroke:#ffffff2e;stroke-width:1.5px}.landing-mock-edge-arrow{fill:#ffffff2e}.landing-mock-nodes{width:100%;height:100%;min-height:240px;position:relative}.landing-mock-node{border:1px solid var(--l-line);background:var(--l-surface);border-radius:10px;width:104px;padding:10px 12px;position:absolute}.landing-mock-node-active{border-color:#ffffff47;box-shadow:0 0 0 1px #ffffff0f}.landing-mock-node-name{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600;display:block}.landing-mock-node-pods{color:var(--l-dim);margin-top:4px;font-size:10px;display:block}.landing-mock-detail{border-left:1px solid var(--l-line-soft);background:var(--l-raised);padding:20px 16px}.landing-mock-detail-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.landing-mock-detail-name{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600}.landing-mock-badge{border-radius:var(--radius-pill);padding:3px 8px;font-size:10px;font-weight:600}.landing-mock-badge-ok{color:var(--l-chart-ok);background:color-mix(in srgb, var(--l-chart-ok) 14%, transparent);border:1px solid color-mix(in srgb, var(--l-chart-ok) 35%, transparent)}.landing-mock-metrics{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.landing-mock-metric-label{color:var(--l-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.landing-mock-metric-value{letter-spacing:-.02em;margin-top:4px;font-size:18px;font-weight:600;display:block}.landing-mock-metric-warn{color:var(--l-chart-warn)}.landing-sparkline{width:100%;max-width:80px;height:24px;margin-top:8px;display:block}.landing-sparkline-line{fill:none;stroke:#ffffff73;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.landing-sparkline-warn .landing-sparkline-line{stroke:var(--l-chart-warn)}.landing-mock-talkers-label{color:var(--l-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:10px;display:block}.landing-mock-talker{color:var(--l-muted);grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:grid}.landing-mock-talker-bar{border-radius:var(--radius-pill);background:#ffffff0f;height:6px;display:block;overflow:hidden}.landing-mock-talker-fill{border-radius:inherit;background:#ffffff59;height:100%;display:block}.landing-why{border-top:1px solid var(--l-line-soft);padding:clamp(56px,8vw,88px) 0}.landing-why-headline,.landing-section-headline{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.12}.landing-why-lede,.landing-section-lede{max-width:42ch;color:var(--l-muted);margin:14px 0 0;font-size:16px;line-height:1.6}.landing-section-lede{margin-bottom:36px}.landing-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:44px;display:grid}.landing-why-card{border:1px solid var(--l-line-soft);background:color-mix(in srgb, var(--l-panel) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:24px 26px;transition:border-color .25s,transform .25s,box-shadow .25s,background .25s;animation:7s ease-in-out infinite landing-why-float;position:relative;box-shadow:inset 0 0 0 1px #ffffff05,0 12px 40px #0000002e}.landing-why-card-offset{margin-top:12px}.landing-why-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff38,#0000);border-radius:999px;height:1px;transition:opacity .25s;position:absolute;top:0;left:20px;right:20px}.landing-why-card:hover{background:var(--l-panel);border-color:#ffffff29;animation-play-state:paused;transform:translateY(-5px);box-shadow:inset 0 0 0 1px #ffffff0d,0 24px 56px #00000061}.landing-why-card:hover:before{opacity:1}.landing-why-card-offset:hover{transform:translateY(-5px)}.landing-why-card h3{letter-spacing:-.01em;color:var(--l-fg);margin:0 0 8px;font-size:14px;font-weight:600;transition:color .25s}.landing-why-card:hover h3{color:#fff}.landing-why-card p{max-width:36ch;color:var(--l-muted);margin:0;font-size:14px;line-height:1.65}@keyframes landing-why-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.landing-why-card{animation:none}}.landing-features{border-top:1px solid var(--l-line-soft);padding:clamp(48px,7vw,72px) 0 clamp(64px,8vw,88px);position:relative;overflow:hidden}.landing-features-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--l-dim);margin:0 0 28px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.landing-features-stage{position:relative}.landing-features-doodles{pointer-events:none;z-index:0;height:100%;position:absolute;inset:-20px -12px auto}.landing-doodle{fill:none;stroke:#ffffff24;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;animation:7s ease-in-out infinite landing-doodle-float;position:absolute}.landing-doodle-a{opacity:.55;width:96px;top:8%;left:4%}.landing-doodle-b{opacity:.35;width:42px;animation-delay:-2s;top:2%;right:12%}.landing-doodle-c{opacity:.4;width:56px;animation-delay:-4s;bottom:18%;left:38%}.landing-doodle-d{opacity:.3;width:72px;animation-delay:-1s;bottom:8%;right:6%}@keyframes landing-doodle-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}.landing-features-row{z-index:1;grid-template-columns:repeat(5,1fr);gap:14px;display:grid;position:relative}.landing-feature-card{border:1px solid var(--l-line-soft);background:color-mix(in srgb, var(--l-panel) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;flex-direction:column;gap:16px;padding:22px 18px 24px;transition:border-color .2s,transform .2s,background .2s;display:flex}.landing-feature-card:hover{border-color:var(--l-line);background:var(--l-panel);transform:translateY(-3px)}.landing-feature-card-offset{transform:translateY(10px)}.landing-feature-card-offset:hover{transform:translateY(7px)}.landing-feature-icon{border:1px solid var(--l-line);width:42px;height:42px;color:var(--l-fg);background:#ffffff05;border-radius:13px;place-items:center;display:grid}.landing-feature-card-ok .landing-feature-icon{border-color:color-mix(in srgb, var(--l-chart-ok) 35%, var(--l-line));box-shadow:0 0 20px color-mix(in srgb, var(--l-chart-ok) 10%, transparent)}.landing-feature-card-warn .landing-feature-icon{border-color:color-mix(in srgb, var(--l-chart-warn) 35%, var(--l-line))}.landing-feature-card-line .landing-feature-icon{border-color:color-mix(in srgb, var(--l-chart-line) 35%, var(--l-line))}.landing-feature-icon svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.landing-feature-icon svg rect,.landing-feature-icon svg circle:first-of-type{fill:none}.landing-feature-card-copy h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.landing-feature-card-copy p{color:var(--l-muted);margin:8px 0 0;font-size:13px;line-height:1.55}.landing-profiling{border-top:1px solid var(--l-line-soft);background:var(--l-raised);padding:clamp(56px,8vw,80px) 0}.landing-events{border-top:1px solid var(--l-line-soft);background:var(--l-bg);padding:clamp(56px,8vw,80px) 0}.landing-events-grid{grid-template-columns:.62fr 1.38fr;align-items:center;gap:56px;display:grid}.landing-events-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.08}.landing-events-tagline{max-width:32ch;color:var(--l-muted);margin:18px 0 0;font-size:15px;line-height:1.5}.landing-events-preview{border:1px solid var(--l-line);background:var(--l-panel);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 32px 80px #00000073}.landing-events-chrome{border-bottom:1px solid var(--l-line-soft);background:var(--l-raised);align-items:center;gap:12px;padding:10px 16px;display:flex}.landing-events-chrome-dots{gap:6px;display:flex}.landing-events-chrome-dots span{background:#ffffff29;border-radius:50%;width:8px;height:8px}.landing-events-chrome-dots span:first-child{background:#ffffff61}.landing-events-chrome-path{color:var(--l-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.landing-events-toolbar{border-bottom:1px solid var(--l-line-soft);background:var(--l-panel);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.landing-events-tabs{flex-wrap:wrap;gap:6px;display:flex}.landing-events-tab{color:var(--l-dim);border:1px solid #0000;border-radius:999px;padding:5px 10px;font-size:11px}.landing-events-tab-active{color:var(--l-fg);border-color:var(--l-line-soft);background:#ffffff0f}.landing-events-tab-accent{color:#f5a623;background:#f5a62314;border-color:#f5a62340}.landing-events-preview-live{letter-spacing:.08em;text-transform:uppercase;color:var(--l-dim);align-items:center;gap:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:inline-flex}.landing-events-preview-live:before{content:"";background:#3ecf8e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3ecf8e8c}.landing-events-stats{border-bottom:1px solid var(--l-line-soft);background:var(--l-bg);grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px;display:grid}.landing-events-stat{border:1px solid var(--l-line-soft);background:var(--l-panel);border-radius:12px;padding:10px 12px}.landing-events-stat-warn{background:#f5a6230f;border-color:#f5a62347}.landing-events-stat-label{color:var(--l-dim);font-size:10px;display:block}.landing-events-stat-value{color:var(--l-fg);margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px;font-weight:600;display:block}.landing-events-stat-warn .landing-events-stat-value{color:#f5a623}.landing-events-stream{flex-direction:column;display:flex}.landing-events-row{border-bottom:1px solid var(--l-line-soft);grid-template-columns:56px 44px 1fr auto;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:grid}.landing-events-row:last-child{border-bottom:none}.landing-events-time{color:var(--l-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.landing-events-kind{letter-spacing:.08em;border:1px solid var(--l-line-soft);text-align:center;color:var(--l-muted);border-radius:999px;padding:2px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.landing-events-kind-started{color:#3ecf8e;border-color:#3ecf8e47}.landing-events-kind-degraded{color:#f5a623;background:#f5a62314;border-color:#f5a62359}.landing-events-kind-ended{color:var(--l-dim)}.landing-events-path{color:var(--l-fg);white-space:nowrap;text-overflow:ellipsis;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;overflow:hidden}.landing-events-detail{color:var(--l-dim);white-space:nowrap;font-size:11px}.landing-events-detail-warn{color:#f5a623}.landing-events-detail-bad{color:#ff6b6b}.landing-events-detail-ok{color:#3ecf8e}.landing-profiling-grid{grid-template-columns:.62fr 1.38fr;align-items:center;gap:56px;display:grid}.landing-profiling-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.08}.landing-profiling-tagline{max-width:28ch;color:var(--l-muted);margin:18px 0 0;font-size:15px;line-height:1.5}.landing-profile-preview{border:1px solid var(--l-line);background:var(--l-panel);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 32px 80px #00000073}.landing-profile-chrome{border-bottom:1px solid var(--l-line-soft);background:var(--l-raised);align-items:center;gap:12px;padding:10px 16px;display:flex}.landing-profile-chrome-dots{gap:6px;display:flex}.landing-profile-chrome-dots span{background:#ffffff29;border-radius:50%;width:8px;height:8px}.landing-profile-chrome-dots span:first-child{background:#ffffff61}.landing-profile-chrome-path{color:var(--l-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.landing-profile-toolbar{border-bottom:1px solid var(--l-line-soft);background:var(--l-bg);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.landing-profile-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.landing-profile-toolbar-name{letter-spacing:-.02em;font-size:15px;font-weight:600}.landing-profile-toolbar-zone{color:var(--l-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.landing-profile-toolbar-right{align-items:center;gap:14px;display:flex}.landing-profile-toolbar-sample{color:var(--l-dim);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.landing-profile-badge{border-radius:var(--radius-pill);letter-spacing:.02em;padding:3px 8px;font-size:10px;font-weight:600}.landing-profile-badge-warn{color:var(--l-chart-warn);background:color-mix(in srgb, var(--l-chart-warn) 12%, transparent);border:1px solid color-mix(in srgb, var(--l-chart-warn) 35%, transparent)}.landing-profile-preview-live{color:var(--l-chart-ok);text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.landing-profile-preview-live:before{content:"";background:var(--l-chart-ok);vertical-align:middle;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.landing-profile-preview-body{grid-template-columns:132px 1fr;min-height:400px;display:grid}.landing-profile-nodes{border-right:1px solid var(--l-line-soft);background:var(--l-raised);flex-direction:column;gap:6px;padding:14px 12px;display:flex}.landing-profile-nodes-label{letter-spacing:.08em;text-transform:uppercase;color:var(--l-dim);margin-bottom:6px;padding:0 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.landing-profile-node{border-radius:var(--radius-sm);border:1px solid #0000;padding:9px 10px}.landing-profile-node-row{color:var(--l-dim);align-items:center;gap:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.landing-profile-health{border-radius:50%;flex-shrink:0;width:6px;height:6px}.landing-profile-health-ok{background:var(--l-chart-ok);box-shadow:0 0 8px color-mix(in srgb, var(--l-chart-ok) 40%, transparent)}.landing-profile-health-warn{background:var(--l-chart-warn);box-shadow:0 0 8px color-mix(in srgb, var(--l-chart-warn) 40%, transparent)}.landing-profile-node-active{border-color:var(--l-line-soft);background:#ffffff0a}.landing-profile-node-active .landing-profile-node-row{color:var(--l-fg)}.landing-profile-node-meta{color:var(--l-dim);margin-top:5px;padding-left:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:block}.landing-profile-node-meta-warn{color:var(--l-chart-warn)}.landing-profile-main{flex-direction:column;gap:14px;min-width:0;padding:16px 18px 18px;display:flex}.landing-profile-metrics{border-bottom:1px solid var(--l-line-soft);grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:14px;display:grid}.landing-profile-metric{border:1px solid var(--l-line-soft);background:#ffffff05;border-radius:10px;padding:10px 12px}.landing-profile-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--l-dim);font-size:9px;display:block}.landing-profile-metric-value{letter-spacing:-.02em;margin-top:4px;font-size:17px;font-weight:600;display:block}.landing-profile-metric-ok{color:var(--l-fg)}.landing-profile-metric-warn{color:var(--l-chart-warn)}.landing-profile-metric-bad{color:var(--l-chart-bad)}.landing-profile-metric-neutral{color:var(--l-fg)}.landing-profile-metric .landing-sparkline{max-width:100%;margin-top:8px}.landing-sparkline-bad .landing-sparkline-line{stroke:var(--l-chart-bad)}.landing-profile-tabs{gap:8px;display:flex}.landing-profile-tab{border-radius:var(--radius-pill);color:var(--l-dim);border:1px solid #0000;padding:5px 12px;font-size:11px}.landing-profile-tab-active{border-color:var(--l-line-soft);color:var(--l-fg);background:#ffffff0a}.landing-profile-panel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--l-dim);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:block}.landing-profile-flamegraph-wrap{border-bottom:1px solid var(--l-line-soft);padding-bottom:14px}.landing-profile-flamegraph{width:100%;height:auto;display:block}.landing-flame-block{opacity:.92}.landing-flame-ok{fill:color-mix(in srgb, var(--l-chart-ok) 78%, #0a0a0a)}.landing-flame-warn{fill:color-mix(in srgb, var(--l-chart-warn) 72%, #0a0a0a)}.landing-flame-bad{fill:color-mix(in srgb, var(--l-chart-bad) 72%, #0a0a0a)}.landing-flame-label{fill:#ffffffd1;font-family:JetBrains Mono,ui-monospace,monospace;font-size:8px}.landing-profile-events-head,.landing-profile-log-row{grid-template-columns:54px 44px 1fr auto;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:grid}.landing-profile-events-head{color:var(--l-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--l-line-soft);padding:0 0 8px}.landing-profile-log-row{border-bottom:1px solid var(--l-line-soft);padding:8px 0}.landing-profile-log-row:last-child{border-bottom:none}.landing-profile-log-time{color:var(--l-dim)}.landing-profile-log-msg{color:var(--l-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-profile-log-sev,.landing-profile-log-val{font-weight:600}.landing-profile-log-ok{color:var(--l-chart-ok)}.landing-profile-log-warn{color:var(--l-chart-warn)}.landing-profile-log-bad{color:var(--l-chart-bad)}.landing-cta{border-top:1px solid var(--l-line-soft);background:var(--l-bg);padding:clamp(64px,9vw,96px) 0}.landing-cta-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.landing-cta-copy h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:700}.landing-cta-copy p{max-width:42ch;color:var(--l-muted);margin:16px 0 0;font-size:15px;line-height:1.6}.landing-cta-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landing-arch{justify-self:end;width:100%;max-width:520px}.landing-arch-track{grid-template-columns:minmax(0,1.15fr) auto minmax(0,.9fr) auto minmax(0,.95fr);align-items:center;gap:10px;display:grid}.landing-arch-cluster{border:1px dashed color-mix(in srgb, var(--l-line) 85%, transparent);background:color-mix(in srgb, var(--l-panel) 70%, transparent);border-radius:16px;padding:28px 14px 14px;position:relative}.landing-arch-cluster-label{letter-spacing:.12em;text-transform:uppercase;color:var(--l-dim);font-size:10px;font-weight:600;position:absolute;top:10px;left:14px}.landing-arch-cluster-stack{flex-direction:column;gap:8px;display:flex}.landing-arch-chip{border:1px solid var(--l-line);background:var(--l-raised);border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.landing-arch-chip-main{border-color:color-mix(in srgb, var(--l-chart-ok) 35%, var(--l-line));box-shadow:0 0 28px color-mix(in srgb, var(--l-chart-ok) 10%, transparent)}.landing-arch-chip-console{align-items:flex-start}.landing-arch-chip-mark{border:1px solid var(--l-line);background:var(--l-panel);width:28px;height:28px;color:var(--l-fg);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.landing-arch-k-mark.kern-logo-mark-solid{width:28px;height:28px}.landing-arch-k-mark .kern-logo-k{font-size:12px;transform:translate(-.5px)}.landing-arch-chip-body{flex-direction:column;gap:2px;min-width:0;display:flex}.landing-arch-chip-name{color:var(--l-fg);font-size:13px;font-weight:600;line-height:1.2}.landing-arch-chip-meta{color:var(--l-dim);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.35;overflow:hidden}.landing-arch-chip-screen{border:1px solid var(--l-line);background:var(--l-panel);border-radius:6px;flex-direction:column;flex-shrink:0;gap:4px;width:34px;height:28px;padding:4px;display:flex}.landing-arch-chip-screen-bar{background:#ffffff38;border-radius:999px;width:60%;height:3px}.landing-arch-chip-screen-grid{flex:1;grid-template-columns:1fr 1fr;gap:2px;display:grid}.landing-arch-chip-screen-grid span{background:#ffffff14;border-radius:1px}.landing-arch-chip-screen-grid span:first-child{background:color-mix(in srgb, var(--l-chart-line) 55%, transparent)}.landing-arch-connector{flex-shrink:0;width:28px;height:2px;position:relative}.landing-arch-connector-line{background:linear-gradient(90deg,#ffffff14,#ffffff47 50%,#ffffff14);width:100%;height:1px;display:block}.landing-arch-connector-line-bright{background:linear-gradient(90deg, #ffffff1f, color-mix(in srgb, var(--l-chart-ok) 45%, white) 50%, #ffffff1f)}.landing-arch-connector-dot{background:var(--l-fg);opacity:.55;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.landing-arch-connector-dot-a{left:35%}.landing-arch-connector-dot-b{opacity:.28;left:62%}.landing-arch-caption{color:var(--l-dim);text-align:center;margin:18px 0 0;font-size:12px;line-height:1.5}.landing-star{background:var(--l-bg);padding:0 0 48px}.landing-star-inner{justify-content:center;display:flex}.landing-star-link{border:1px solid var(--l-line-soft);border-radius:var(--radius-pill);background:var(--l-panel);color:var(--l-muted);align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.landing-star-link:hover{color:var(--l-fg);border-color:var(--l-line);background:var(--l-raised)}.landing-star-icon{width:16px;height:16px;color:var(--l-chart-warn)}.landing-footer{border-top:1px solid var(--l-line-soft);background:var(--l-bg);padding:64px 0 32px}.landing-footer-grid{grid-template-columns:minmax(280px,1.5fr) auto auto;align-items:start;gap:48px 72px;display:grid}.landing-footer-brand-col{max-width:34ch}.landing-footer-brand{align-items:center;margin-bottom:14px;display:flex}.landing-footer-blurb{color:var(--l-muted);margin:0;font-size:14px;line-height:1.6}.landing-footer-col{flex-direction:column;gap:14px;min-width:120px;display:flex}.landing-footer-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--l-dim);margin:0 0 2px;font-size:11px;font-weight:600}.landing-footer-col a{color:var(--l-fg);font-size:14px;font-weight:500;line-height:1.35;text-decoration:none}.landing-footer-col a:hover{color:var(--l-muted)}.landing-footer-bottom{justify-content:space-between;align-items:center;gap:24px;margin-top:56px;display:flex}.landing-footer-copy{color:var(--l-dim);margin:0;font-size:13px}.landing-footer-social{align-items:center;gap:18px;display:flex}.landing-footer-social a{color:var(--l-fg);opacity:.92;place-items:center;transition:opacity .15s;display:grid}.landing-footer-social a:hover{opacity:1}.landing-footer-social svg{width:20px;height:20px}@media (width<=1024px){.landing-mock{grid-template-rows:auto auto;grid-template-columns:140px 1fr}.landing-mock-detail{border-left:none;border-top:1px solid var(--l-line-soft);grid-column:1/-1}.landing-features-row{grid-template-columns:repeat(2,1fr)}.landing-feature-card-offset{transform:none}.landing-feature-card-offset:hover{transform:translateY(-3px)}}@media (width<=900px){.landing-nav-inner{grid-template-columns:1fr auto}.landing-nav-center{display:none}.landing-hero-grid{grid-template-columns:1fr}.landing-isometric{justify-self:start;max-width:320px}.landing-mock{grid-template-columns:1fr}.landing-mock-sidebar{display:none}.landing-mock-canvas{min-height:280px}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:40px 32px}.landing-footer-brand-col{grid-column:1/-1;max-width:40ch}.landing-footer-bottom{margin-top:40px}.landing-cta-grid{grid-template-columns:1fr;gap:40px}.landing-profiling-grid,.landing-events-grid,.landing-why-grid{grid-template-columns:1fr;gap:14px}.landing-why-card-offset{margin-top:0}.settings-layout{grid-template-columns:1fr;padding-inline:20px}.settings-field-row{grid-template-columns:1fr}.landing-arch{justify-self:stretch;max-width:none}.landing-arch-track{grid-template-columns:1fr;gap:0}.landing-arch-connector{width:1px;height:18px;margin:2px auto}.landing-arch-connector-line{background:linear-gradient(#ffffff14,#ffffff47 50%,#ffffff14);width:1px;height:100%;margin:0 auto}.landing-arch-connector-line-bright{background:linear-gradient(180deg, #ffffff1f, color-mix(in srgb, var(--l-chart-ok) 45%, white) 50%, #ffffff1f)}.landing-arch-connector-dot{display:none}.landing-arch-caption{text-align:left}}@media (width<=640px){.landing-features-row{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr;gap:32px}.landing-footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.landing-cta-actions{flex-direction:column}.landing-cta-actions .landing-btn{width:100%}.landing-profile-preview-body{grid-template-columns:1fr}.landing-profile-metrics{grid-template-columns:repeat(2,1fr)}.landing-profile-nodes{border-right:none;border-bottom:1px solid var(--l-line-soft);flex-direction:row;overflow-x:auto}.landing-hero-actions{flex-direction:column}.landing-hero-actions .landing-btn{width:100%}.landing-mock-node{transform-origin:0 0;transform:scale(.9)}}.auth-loading{background:var(--bg);place-items:center;min-height:100vh;display:grid}.auth-loading-card{color:var(--muted);justify-items:center;gap:12px;display:grid}.page-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 20px;display:flex}.page-header-side{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.page-header-copy{min-width:0}.overview-page{overflow:auto}.overview-hero{border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:20px 32px 0;padding:24px 28px;display:flex}.overview-hero-label{letter-spacing:.15em;color:var(--muted);margin-bottom:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.overview-hero-value{letter-spacing:-.02em;font-size:32px;font-weight:700}.overview-hero-value.health-healthy{color:var(--accent)}.overview-hero-value.health-degraded,.overview-hero-value.health-critical{color:var(--text)}.overview-hero-sub{color:var(--muted);margin:8px 0 0;font-size:13px}.overview-quick-nav{flex-wrap:wrap;gap:8px;display:flex}.overview-quick-btn{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--panel-raised);color:var(--text);cursor:pointer;padding:10px 16px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.overview-quick-btn:hover{border-color:var(--accent-border);background:var(--accent-hover);color:var(--accent)}.overview-stats{padding-top:16px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 32px 32px;display:grid}.overview-panel,.overview-agent-card{min-height:220px}.overview-empty{color:var(--muted);padding:20px 16px;font-size:13px}.overview-incident,.overview-signal{border-bottom:1px solid var(--border);padding:12px 16px}.overview-incident:last-child,.overview-signal:last-child{border-bottom:none}.overview-incident-title{margin-bottom:4px;font-weight:600}.overview-incident-sub{color:var(--muted);font-size:12px;line-height:1.45}.overview-signal-meta{color:var(--dim);gap:10px;margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.overview-agent-body{padding:16px}.overview-agent-status{margin-bottom:8px;font-weight:600}.overview-agent-status.on{color:var(--accent)}.overview-agent-message{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.45}.overview-agent-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.overview-agent-metrics dt{letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.overview-agent-metrics dd{margin:0;font-weight:600}.topology-page,.topology-page-wrap{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.topology-layout{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:12px;min-height:0;padding:0 24px 12px;display:grid;overflow:hidden}.topology-graph-panel{border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.topology-graph-panel .graph-viewport{flex:1;min-height:0}.topology-page .live-flows-panel{flex-shrink:0;max-height:220px;margin:0 24px 16px}.topology-page .live-flows-wrap{max-height:160px}.flows-page{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.flows-filter-select{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--panel);color:var(--text);outline:none;padding:10px 14px;font-size:13px}.flows-summary{color:var(--muted);flex-shrink:0;gap:16px;padding:0 32px 12px;font-size:13px;display:flex}.flows-summary-bad{color:var(--text);font-weight:600}.flows-page .live-flows-panel{flex-direction:column;flex:1;min-height:0;margin:0 24px 16px;display:flex;overflow:hidden}.flows-page .live-flows-wrap{flex:1;min-height:0;overflow:auto}.network-analysis-page{overflow:auto}.network-analysis-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:16px;padding:0 24px 16px;display:grid}.network-agent-panel{border-radius:var(--radius-lg)}.network-checklist{padding:16px}.network-agent-caption{color:var(--muted);padding:0 16px 12px;font-size:12px}.network-agent-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0 16px 16px;display:grid}.network-agent-metrics dt{letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.network-agent-metrics dd{margin:0;font-weight:600}.network-analysis-page .live-flows-panel{margin:0 24px 24px}@media (width<=1100px){.overview-grid,.topology-layout{grid-template-columns:1fr}.topology-layout .flow-detail{max-height:320px}.network-analysis-grid{grid-template-columns:1fr}}.workloads-page{flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.workloads-status-tabs{flex-shrink:0;gap:8px;padding:0 32px 16px;display:flex}.workloads-status-tab{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--panel);color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.workloads-status-tab:hover{border-color:var(--accent-border);color:var(--text)}.workloads-status-tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}.workloads-status-count{border-radius:var(--radius-pill);background:#ffffff0f;min-width:20px;padding:1px 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.workloads-status-tab.active .workloads-status-count{background:#7aadff2e}.workloads-body{flex:1;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:16px;min-height:0;padding:0 32px 24px;display:grid}.workloads-table-wrap,.workloads-detail{border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;overflow:hidden}.workloads-table-wrap .panel-header,.workloads-detail .panel-header{flex-shrink:0}.workloads-table{border-collapse:collapse;width:100%;font-size:13px}.workloads-table thead{background:var(--bg);z-index:1;position:sticky;top:0}.workloads-table-wrap{overflow:auto}.workloads-table th{text-align:left;color:var(--muted);letter-spacing:.12em;border-bottom:1px solid var(--border);padding:12px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.workloads-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:14px 16px}.workloads-row{cursor:pointer}.workloads-row:hover{background:#ffffff08}.workloads-row.selected{background:var(--accent-soft)}.workloads-pod-name{font-weight:600}.workloads-pod-sub,.workloads-detail-sub,.workloads-detail-muted{color:var(--muted);font-size:12px;line-height:1.45}.workloads-pod-sub{margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.workloads-status-pill{border-radius:var(--radius-pill);border:1px solid var(--border-strong);align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.workloads-status-pill.status-healthy{color:var(--text);border-color:var(--accent-border);background:var(--accent-soft)}.workloads-status-pill.status-degraded{color:var(--text);border-color:var(--text);border-style:dashed}.workloads-status-pill.status-unknown{color:var(--muted)}.workloads-empty{text-align:center;color:var(--muted);padding:40px 16px!important}.workloads-detail-body{padding:16px;overflow:auto}.workloads-detail-empty{color:var(--muted);padding:24px 16px;font-size:13px}.workloads-detail-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.workloads-detail-name{font-size:18px;font-weight:600}.workloads-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px;display:grid}.workloads-metrics div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:10px 12px}.workloads-metrics dt{letter-spacing:.12em;color:var(--muted);margin:0 0 4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.workloads-metrics dd{margin:0;font-size:16px;font-weight:600}.workloads-network-btn{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--panel-raised);width:100%;color:var(--text);cursor:pointer;margin-bottom:18px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.workloads-network-btn:hover{border-color:var(--accent-border);background:var(--accent-hover);color:var(--accent)}.workloads-detail-section{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.workloads-detail-heading{letter-spacing:.15em;color:var(--muted);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.workloads-incident,.workloads-event{border-bottom:1px solid var(--border);padding:10px 0}.workloads-incident:last-child,.workloads-event:last-child{border-bottom:none}.workloads-incident-title,.workloads-event-title{margin-bottom:4px;font-weight:600}.workloads-event-meta{color:var(--dim);gap:10px;margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}@media (width<=1100px){.workloads-body{grid-template-columns:1fr}.workloads-detail{max-height:360px}}.alerts-page{background:var(--surface);gap:20px;min-height:100%;padding:28px 32px 24px}.alerts-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.alerts-title{letter-spacing:-.02em;margin:0 0 16px;font-size:28px;font-weight:600}.alerts-tabs{gap:20px;display:flex}.alerts-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 10px;font-size:14px}.alerts-tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:600}.alerts-header-actions{gap:10px;display:flex}.alerts-select,.alerts-search{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.alerts-select:focus,.alerts-search:focus{border-color:var(--text)}.alert-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.alert-summary-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:16px 18px}.alert-summary-top{align-items:flex-start;gap:12px;display:flex}.alert-summary-icon{border-radius:10px;flex-shrink:0;width:36px;height:36px}.alert-summary-icon.tone-critical{background:var(--bg);box-shadow:inset 0 0 0 2px var(--text)}.alert-summary-icon.tone-warning{background:var(--bg);box-shadow:inset 0 0 0 1px var(--text);border:1px dashed var(--muted)}.alert-summary-icon.tone-info{background:var(--bg);box-shadow:inset 0 0 0 1px var(--border)}.alert-summary-icon.tone-resolved{background:var(--panel);box-shadow:inset 0 0 0 1px var(--muted)}.alert-summary-label{color:var(--muted);font-size:13px}.alert-summary-count{margin-top:4px;font-size:28px;font-weight:700;line-height:1.1}.alert-summary-card.tone-critical .alert-summary-count{font-weight:800}.alert-summary-card.tone-warning .alert-summary-count{font-weight:700}.alert-summary-card.tone-info .alert-summary-count{color:var(--text-dim);font-weight:600}.alert-summary-card.tone-resolved .alert-summary-count{color:var(--muted)}.alert-summary-hint{color:var(--dim);margin-top:10px;font-size:12px}.alert-summary-spark{margin-top:12px}.alerts-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alerts-search-wrap{flex:1;min-width:220px;position:relative}.alerts-search-icon{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.alerts-search{width:100%;padding-left:34px}.alerts-clear{color:var(--text);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;font-size:13px;text-decoration:underline}.alerts-clear:hover{color:var(--text-dim)}.alerts-table-wrap{border-radius:12px;overflow:auto}.alerts-table{border-collapse:collapse;width:100%;font-size:13px}.alerts-table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--bg);padding:14px 16px;font-size:11px}.alerts-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:16px}.alerts-table tbody tr:hover{background:#ffffff05}.alert-row-title{margin-bottom:4px;font-weight:600}.alert-row-desc,.alert-row-sub{color:var(--muted);font-size:12px}.alert-row-path{color:var(--accent);margin-top:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.alert-row-cause{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.45}.alert-source-pill{border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:9px}.alert-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.alert-pill.severity-critical,.alert-pill.status-critical{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:700}.alert-pill.severity-warning,.alert-pill.status-warning{color:var(--text);border-color:var(--text);background:0 0;border-style:dashed;font-weight:600}.alert-pill.severity-info,.alert-pill.status-info{color:var(--text-dim);border-color:var(--border);background:0 0;font-weight:500}.alert-pill.status-resolved{color:var(--muted);background:var(--panel);border-color:var(--border);font-weight:500}.alert-action-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:12px}.alert-action-btn:hover{border-color:var(--text);background:var(--text);color:var(--bg)}.alert-menu{color:var(--muted)}.alerts-empty{text-align:center;color:var(--muted);padding:40px 16px}.alerts-pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.alerts-pagination-controls{gap:6px;display:flex}.alerts-page-btn{border:1px solid var(--border);background:var(--panel);min-width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:8px}.alerts-page-btn.active{background:var(--text);border-color:var(--text);color:var(--bg)}.alerts-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1100px){.alert-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-page{flex-direction:column;min-height:100%;display:flex;overflow:auto}.profile-error,.profile-empty{color:var(--muted);margin:0 32px 16px;padding:16px 18px;font-size:13px}.profile-layout{grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:520px;padding:0 32px 32px;display:grid}.profile-nodes-list{padding:8px}.profile-nodes-empty{color:var(--muted);padding:16px;font-size:13px}.profile-node{border-radius:var(--radius-md);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 12px;transition:background .15s,border-color .15s}.profile-node:hover{background:#ffffff08}.profile-node-active{background:var(--accent-soft);border-color:var(--accent-border)}.profile-node-row{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.profile-node-live{letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-left:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.profile-node-meta{color:var(--muted);margin-top:4px;padding-left:18px;font-size:11px;display:block}.profile-node-meta-warn,.profile-node-meta-bad{color:var(--text-dim)}.profile-health{border-radius:50%;flex-shrink:0;width:8px;height:8px}.profile-health-ok{background:var(--accent)}.profile-health-warn{background:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--muted)}.profile-health-bad{background:var(--text)}.profile-health-unknown{background:var(--muted)}.profile-main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.profile-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.profile-toolbar-left,.profile-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-toolbar-name{font-size:18px;font-weight:600}.profile-toolbar-zone,.profile-toolbar-sample{color:var(--muted);font-size:12px}.profile-badge{border-radius:var(--radius-pill);border:1px solid var(--border-strong);padding:4px 10px;font-size:11px;font-weight:600}.profile-badge-ok{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.profile-badge-warn,.profile-badge-bad{color:var(--text);border-color:var(--text)}.profile-live{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.profile-live.on{color:var(--accent)}.profile-live.on:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.profile-metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px;display:grid}.profile-metric{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);padding:12px}.profile-metric-label{letter-spacing:.12em;color:var(--muted);margin-bottom:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;display:block}.profile-metric-value{margin-bottom:8px;font-size:20px;font-weight:700;display:block}.profile-metric-warn{color:var(--text)}.profile-metric-bad{color:var(--text);font-weight:800}.profile-metric-neutral{color:var(--text-dim)}.profile-sparkline{width:100%;height:20px}.profile-sparkline polyline{fill:none;stroke:var(--accent);stroke-width:1.5px}.profile-sparkline-warn polyline{stroke:var(--text)}.profile-sparkline-bad polyline{stroke:var(--text);stroke-width:2px}.profile-host-stats{color:var(--muted);gap:16px;padding:0 18px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;display:flex}.profile-flamegraph-wrap{border-bottom:1px solid var(--border);padding:16px 18px;overflow-x:auto}.profile-panel-label{letter-spacing:.15em;color:var(--muted);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:block}.profile-flamegraph{width:100%;min-width:360px;height:auto}.profile-flame-label{fill:#000000b8;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.profile-events{flex:1;min-height:0;overflow:auto}.profile-events-head,.profile-log-row{grid-template-columns:72px 56px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:10px 18px;font-size:12px;display:grid}.profile-events-head{background:var(--bg);border-bottom:1px solid var(--border);letter-spacing:.12em;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;position:sticky;top:0}.profile-log-row{border-bottom:1px solid var(--border)}.profile-log-row:last-child{border-bottom:none}.profile-log-time{color:var(--dim);font-family:JetBrains Mono,ui-monospace,monospace}.profile-log-msg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-log-sev,.profile-log-val{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.profile-log-ok{color:var(--accent)}.profile-log-warn{color:var(--text)}.profile-log-bad{color:var(--text);font-weight:700}.profile-log-empty,.profile-empty-inner{color:var(--muted);padding:32px 18px;font-size:13px}@media (width<=1100px){.profile-layout{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}