:root{--bg: #0a1224;--panel: #121d38;--panel-2: #1a2a4d;--border: #29406e;--text: #e8edfa;--muted: #93a1c8;--accent: #326ce5;--accent-soft: #86aef7;--warn: #e0a04a;--danger: #e0574a;--good: #4ec97a;--pending: #8a93ad;--term-bg: #070a14;--mono: ui-monospace, Menlo, Consolas, monospace;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button{font-family:inherit;cursor:pointer}code{font-family:var(--mono);background:var(--panel-2);padding:1px 5px;border-radius:4px;font-size:.92em}.app{height:100vh;overflow:hidden;display:flex;flex-direction:column}.topbar{padding:10px 22px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:14px}.topbar h1{font-size:17px;margin:0;letter-spacing:.3px}.topbar h1:before{content:"⎈ ";color:var(--accent)}.topbar .sub{color:var(--muted);font-size:12px;flex:1}.reset-btn{align-self:center}.main{flex:1;display:grid;grid-template-columns:1fr 390px;gap:1px;background:var(--border);min-height:0}.stage-col{background:var(--bg);padding:14px 18px;overflow:auto;min-width:0}.side-panel{background:var(--bg);padding:14px 16px;overflow:auto;display:flex;flex-direction:column;gap:12px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin:0 0 8px}.empty-note{color:var(--muted);font-size:12px;font-style:italic}.btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:6px 14px;font-size:13px}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.stage-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-bottom:12px}.scenario-bar{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.scenario-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.scenario-btn{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:4px 12px;font-size:12px}.scenario-btn:hover:not(:disabled){border-color:var(--warn)}.scenario-btn:disabled{opacity:.38;cursor:default}.traffic-rail{grid-column:2;display:flex;justify-content:center}.rail-stack{width:300px;display:flex;flex-direction:column;gap:6px}.rail-controls{display:flex;align-items:center;gap:8px;margin-bottom:2px}.rail-caption{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);cursor:help;white-space:nowrap}.rps-slider{flex:1;min-width:70px;accent-color:var(--accent)}.rps-value{font-family:var(--mono);font-size:10.5px;color:var(--accent-soft);min-width:52px;text-align:right;white-space:nowrap}.rate-pair{font-family:var(--mono);font-size:10.5px;white-space:nowrap}.rate-ok{color:var(--good)}.rate-fail{color:var(--danger)}.rail-box{border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:7px 12px;display:flex;flex-direction:column;gap:2px;justify-content:center;transition:border-color .25s,box-shadow .25s}.rail-box.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px #326ce566}.rail-title{font-family:var(--mono);font-size:12px;font-weight:700}.rail-sub{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.rail-warn{color:var(--warn)}.rail-good{color:var(--good)}.rail-rule{font-family:var(--mono)}.rail-arrow{align-self:center;color:var(--muted);font-size:14px}.rail-arrow.down{font-size:12px;line-height:1}.rail-empty{border-style:dashed}.ticker{font-family:var(--mono);font-size:11px;letter-spacing:2px}.tick-ok{color:var(--good)}.tick-fail{color:var(--danger)}.counts{white-space:nowrap}.beam-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.beam{stroke:var(--accent-soft);stroke-dasharray:7 11;stroke-linecap:round;animation:beam-flow var(--beam-dur, 1s) linear infinite}.beam.fail{stroke:var(--danger);animation-duration:1.4s}@keyframes beam-flow{to{stroke-dashoffset:-18}}.beam-label{fill:var(--danger);font-family:var(--mono);font-size:10px;font-weight:700}.req-chip{position:fixed;top:0;left:0;font-family:var(--mono);font-size:10.5px;font-weight:700;color:#07101f;background:var(--accent-soft);padding:2px 7px;border-radius:5px;box-shadow:0 2px 10px #326ce573;white-space:nowrap}.req-chip.ok{background:var(--good);box-shadow:0 2px 10px #4ec97a80}.req-chip.fail{background:var(--danger);color:#fff;box-shadow:0 2px 10px #e0574a80}.stage{display:flex;flex-direction:column;gap:14px}.head-group{display:flex;align-items:center;gap:8px;min-width:0}.role-badge{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-soft);border:1px solid var(--border);border-radius:999px;padding:1px 7px;white-space:nowrap}.taint-badge{font-size:9.5px;font-family:var(--mono);color:var(--warn);border:1px dashed var(--warn);border-radius:999px;padding:1px 7px;opacity:.85;white-space:nowrap;cursor:help}.badge-row{display:flex;gap:6px;margin-bottom:9px;flex-wrap:wrap}.cp-actors{display:flex;flex-direction:column;gap:7px}.actor-box{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;transition:border-color .25s,box-shadow .25s,transform .25s}.actor-box.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 22px #326ce573;transform:translateY(-1px)}.actor-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.actor-label{font-family:var(--mono);font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.static-pod-tag{font-size:8.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 6px;white-space:nowrap;flex-shrink:0}.actor-sub{font-size:11px;color:var(--muted)}.waiting-pill{margin-left:7px;font-size:9.5px;font-family:var(--mono);color:var(--warn);border:1px dashed var(--warn);border-radius:999px;padding:1px 7px;white-space:nowrap;cursor:help;animation:pulse 1.6s ease-in-out infinite}.nodes-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.node-col{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}.node-col.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px #326ce559}.node-col.down{opacity:.55;border-color:var(--danger);border-style:dashed}.node-col.down .kubelet-badge{text-decoration:line-through;color:var(--danger);border-color:var(--danger)}.node-version{font-size:9.5px;font-family:var(--mono);color:var(--muted)}.status-badge{font-size:9.5px;font-family:var(--mono);border-radius:999px;padding:1px 7px;white-space:nowrap}.status-badge.cordoned{color:var(--warn);border:1px dashed var(--warn);cursor:help}.status-badge.notready{color:var(--danger);border:1px solid var(--danger);animation:pulse 1.4s ease-in-out infinite}.node-col.control-plane{background:linear-gradient(180deg,#326ce517,#326ce505) var(--panel);border-color:#2e3f6e}.node-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.node-name{font-family:var(--mono);font-size:13px;font-weight:700}.kubelet-badge{font-size:10px;font-family:var(--mono);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;transition:all .25s}.kubelet-badge.active{color:#08101f;background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:0 0 14px #86aef799}.pod-slots{display:flex;flex-direction:column;gap:7px}.pod-chip{background:var(--panel-2);border:1px solid var(--border);border-left:4px solid var(--pod-color, var(--accent));border-radius:8px;padding:6px 9px;display:flex;flex-direction:column;gap:2px;min-width:0}.pod-name{font-family:var(--mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pod-phase{font-size:10.5px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden}.phase-dot{width:7px;height:7px;border-radius:50%;background:var(--pending);flex-shrink:0}.pod-chip.phase-pending .phase-dot{background:var(--pending)}.pod-chip.phase-containercreating .phase-dot{background:var(--warn);animation:pulse 1.1s ease-in-out infinite}.pod-chip.phase-running .phase-dot{background:var(--good)}.pod-chip.phase-running .pod-phase{color:var(--good)}.pod-chip.phase-containercreating .pod-phase{color:var(--warn)}.pod-chip.phase-terminating{border-color:var(--danger);opacity:.85}.pod-chip.phase-terminating .phase-dot{background:var(--danger);animation:pulse .8s ease-in-out infinite}.pod-chip.phase-terminating .pod-phase{color:var(--danger)}.pod-chip.phase-crashloopbackoff{border-color:var(--danger)}.pod-chip.phase-crashloopbackoff .phase-dot{background:var(--danger);animation:pulse .55s ease-in-out infinite}.pod-chip.phase-crashloopbackoff .pod-phase{color:var(--danger)}.pod-chip.phase-unknown{opacity:.45;border-style:dashed}.pod-chip.phase-unknown .phase-dot{background:var(--pending)}.pulling{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.pod-load{margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--good);border:1px solid currentColor;border-radius:999px;padding:0 5px;flex-shrink:0;cursor:help}.pod-load.warm{color:var(--warn)}.pod-load.hot{color:var(--danger);animation:pulse .9s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.phase-text-running{color:var(--good)!important}.phase-text-containercreating{color:var(--warn)!important}.phase-text-terminating,.phase-text-crashloopbackoff{color:var(--danger)!important}.phase-text-unknown{color:var(--pending)!important}.obj-meta.unscheduled{color:var(--warn)!important;animation:pulse 1.6s ease-in-out infinite}.chip-flight-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.flying-chip{position:fixed;top:0;left:0;font-family:var(--mono);font-size:11px;font-weight:700;color:#07101f;background:var(--accent-soft);padding:3px 8px;border-radius:5px;box-shadow:0 2px 12px #326ce580;white-space:nowrap}.explain-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.explain-op{font-family:var(--mono);font-size:11px;color:var(--accent-soft);margin-bottom:6px}.explain-card h2{font-size:15px;margin:0 0 8px}.explain-card p{font-size:13px;line-height:1.55;color:var(--text);margin:0}.etcd-card,.events-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.dep-tree{margin-bottom:10px}.tree-row{display:flex;align-items:baseline;gap:7px;font-size:12px;padding:2px 0;min-width:0}.tree-elbow{font-family:var(--mono);color:var(--muted);white-space:pre}.tree-row .kind{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);flex-shrink:0}.tree-row .obj-name{font-family:var(--mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-row .obj-meta{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}.tree-dep .obj-name{color:var(--accent-soft);font-weight:700}.event-list{display:flex;flex-direction:column;gap:4px}.event-row{display:flex;gap:8px;font-size:11px;align-items:baseline;min-width:0}.event-reason{font-family:var(--mono);color:var(--warn);flex-shrink:0}.event-obj{font-family:var(--mono);color:var(--accent-soft);flex-shrink:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-msg{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stepper{border-top:1px solid var(--border);background:var(--panel);display:flex;align-items:center;gap:16px;padding:8px 18px}.op-label{font-family:var(--mono);font-size:12px;color:var(--accent-soft);min-width:170px}.controls{display:flex;gap:6px}.step-track{flex:1;display:flex;gap:6px;min-width:0}.step-pip{flex:1;min-width:0}.step-pip .bar{height:4px;border-radius:2px;background:var(--border);margin-bottom:4px;transition:background .3s}.step-pip.done .bar{background:var(--accent);opacity:.5}.step-pip.current .bar{background:var(--accent);box-shadow:0 0 8px #326ce5b3}.step-pip span{font-size:9.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-pip.current span{color:var(--text)}.step-count{font-size:11px;color:var(--muted);min-width:70px;text-align:right}.terminal{height:232px;background:var(--term-bg);border-top:1px solid var(--border);display:flex;flex-direction:column}.term-presets{display:flex;gap:6px;padding:7px 14px;border-bottom:1px solid rgba(38,50,88,.6);flex-wrap:wrap}.preset-chip{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 11px;font-size:11.5px}.preset-chip:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.preset-chip:disabled{opacity:.4;cursor:default}.term-scroll{flex:1;overflow-y:auto;padding:10px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.5;cursor:text}.term-line{white-space:pre-wrap;word-break:break-all}.term-cmd{color:var(--text)}.term-out{color:#9fd6a8}.term-err{color:var(--danger)}.term-info{color:var(--muted)}.term-prompt{color:var(--accent-soft);font-weight:700}.term-input-row{display:flex;align-items:baseline}.term-input-row .term-prompt{margin-right:7px}.term-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--mono);font-size:12.5px;padding:0;caret-color:var(--accent-soft)}.term-input::placeholder{color:#4d5a7d}.term-input:disabled{opacity:.6}.tour-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none}.tour-dim{position:fixed;background:#000b1299;pointer-events:auto}.tour-ring{position:fixed;left:0;top:0;border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 18px #326ce573;pointer-events:none}.tour-tip{position:fixed;width:280px;background:var(--panel);border:1px solid var(--accent);border-radius:12px;padding:14px 16px;pointer-events:auto;box-shadow:0 18px 44px #00000080}.tour-tip h3{margin:0 0 6px;font-size:14px}.tour-tip p{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--muted)}.tour-tip-foot{display:flex;justify-content:space-between;align-items:center}.tour-step-count{font-size:11px;color:var(--muted)}.tour-skip{background:none;border:none;color:var(--muted);font-size:12px;text-decoration:underline;padding:0}.tour-skip:hover{color:var(--text)}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000b12b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tour-card-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:71;display:flex;align-items:center;justify-content:center;pointer-events:none}.tour-card{pointer-events:auto;width:min(480px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:0 24px 60px #00000080}.tour-card h2{margin:0 0 10px;font-size:17px}.tour-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 10px}.tour-card-actions{display:flex;gap:12px;align-items:center;margin-top:16px}.tour-tip-actions{display:flex;align-items:center;gap:10px}.tour-cta{padding:4px 12px;font-size:12px}