.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;user-select:text;white-space:pre}.xterm .xterm-accessibility-tree>div{transform-origin:left;width:fit-content}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;background:#0000;transition:opacity .1s linear;z-index:11}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{position:absolute;display:none}.xterm .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;height:3px;width:100%;box-shadow:var(--vscode-scrollbar-shadow, #000) 0 6px 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;height:100%;width:3px;box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}.xterm .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;height:3px;width:3px}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset}:root{--bg: #f3f5f8;--panel: #ffffff;--panel-2: #f8f9fb;--panel-3: #eef1f5;--term-bg: #0b1016;--term-frame: #1a222d;--border: #e1e5eb;--border-strong: #cbd2dc;--text: #1f2733;--text-strong: #0b1220;--muted: #5a6575;--dim: #8792a2;--accent: #0e7490;--accent-fill: #0891b2;--accent-soft: rgba(8, 145, 178, .1);--accent-2: #2563eb;--good: #15803d;--good-fill: rgba(22, 163, 74, .14);--warn: #b45309;--warn-mark: #d97706;--bad: #dc2626;--bad-fill: rgba(220, 38, 38, .16);--chapter: #6d28d9;--chapter-soft: rgba(109, 40, 217, .08);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 8px 24px rgba(16, 24, 40, .12), 0 2px 6px rgba(16, 24, 40, .06);--radius: 10px;--radius-sm: 6px;--mono: "JetBrains Mono", Menlo, ui-monospace, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit}code,kbd{font-family:var(--mono);font-size:.92em}code{background:var(--panel-3);border:1px solid var(--border);border-radius:4px;padding:0 4px;color:var(--text-strong)}kbd{display:inline-block;min-width:18px;padding:0 4px;margin-right:3px;text-align:center;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--panel);color:var(--text-strong);line-height:16px}.muted{color:var(--muted)}.app{height:100%;overflow-x:clip;display:flex;flex-direction:column;min-height:0}.main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,3fr);gap:12px;padding:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:var(--panel-3);border-color:#b3bcc8;color:var(--text-strong)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.sc:focus-visible,.chapter:focus-visible,.tab:focus-visible,.chapter-flag:focus-visible,.track:focus-visible{outline:2px solid var(--accent-fill);outline-offset:2px}.btn-ghost{background:transparent;box-shadow:none}.btn-sm{height:24px;padding:0 8px;font-size:12px}.btn-primary{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.btn-play{width:34px;height:34px;padding:0;border-radius:50%;background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.btn-play:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.btn-play.is-playing{background:var(--panel);border-color:var(--accent-fill);color:var(--accent)}.btn-live.is-on{border-color:var(--bad);color:var(--bad)}.btn-reset{height:34px;padding:0 14px;border-radius:999px;background:#fff7ed;border:1.5px solid #ea580c;color:#c2410c;font-weight:700;font-size:13px;letter-spacing:.01em}.btn-reset:hover:not(:disabled){background:#ea580c;border-color:#ea580c;color:#fff}.timebar{flex:none;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);padding:10px 16px 6px;position:relative;z-index:5}.tb-top{display:flex;flex-wrap:nowrap;align-items:center;gap:8px 18px;min-height:52px}.tb-spacer{flex:1;min-width:0}.tb-top>*{flex-shrink:0}.tb-top>.badge{flex-shrink:1;min-width:0}.badge-text{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:1500px){.brand-sub{display:none}}@media(max-width:1200px){.tb-top{gap:8px 10px}.tb-top>.badge{display:none}}@media(max-width:1100px){.tb-top .seg{display:none}}@media(max-width:900px){.tb-top{flex-wrap:wrap}}.brand{display:flex;white-space:nowrap;flex:none;align-items:baseline;gap:8px;padding-right:4px}.brand-mark{color:var(--accent-fill);font-size:20px;line-height:1;transform:translateY(2px)}.brand-name{font-family:var(--mono);font-weight:700;font-size:17px;color:var(--text-strong);letter-spacing:-.02em}.brand-sub{color:var(--muted);font-size:12px}.clock{display:flex;align-items:center;gap:10px;padding:2px 14px;border-left:1px solid var(--border);border-right:1px solid var(--border)}.clock-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}.clock-time{font-family:var(--mono);font-size:34px;line-height:1;font-weight:500;color:var(--text-strong);letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:7.2ch}.clock-meta{display:flex;flex-direction:column;gap:3px;min-width:170px}.clock-date{color:var(--text);font-size:12.5px;display:flex;align-items:center;gap:6px}.clock-context{color:var(--muted);font-size:12px;display:flex;gap:8px;align-items:center;white-space:nowrap;min-height:18px}.clock-vrv{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px;background:var(--panel-2)}.live-pill{color:var(--bad);font-weight:600}.info{position:relative;color:var(--accent-2);cursor:help;font-size:13px;outline:none}.info-tip{display:none;position:absolute;top:calc(100% + 8px);left:-12px;width:300px;padding:10px 12px;background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;color:var(--text);font-size:12px;line-height:1.5;box-shadow:var(--shadow-md);z-index:30;white-space:normal}.info:hover .info-tip,.info:focus .info-tip{display:block}.controls{display:flex;align-items:center;gap:8px}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--panel)}.seg-btn{height:26px;padding:0 9px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--mono);font-size:12px}.seg-btn+.seg-btn{border-left:1px solid var(--border-strong)}.seg-btn.is-on{background:var(--accent-soft);color:var(--accent);font-weight:600}.badge{position:relative;display:flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:12px;white-space:nowrap;outline:none}.badge b{color:var(--text-strong);font-weight:600}.badge-dim{color:var(--muted)}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--chapter);margin-right:4px}.badge-dot.is-live{background:var(--bad);animation:blink 1.6s ease-in-out infinite}.badge-tip{left:auto;right:0}.badge:hover .badge-tip,.badge:focus .badge-tip{display:block}.conn{margin-left:6px;align-self:center;display:flex;flex:none;white-space:nowrap;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.conn-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #16a34a26}.conn-wait .conn-dot{background:var(--warn-mark);box-shadow:0 0 0 3px #d9770626;animation:blink 1s ease-in-out infinite}.conn-off .conn-dot{background:var(--dim);box-shadow:none}.slider-wrap{display:flex;margin-top:4px}.band-legend{position:relative;flex:none;width:104px}.band-label{position:absolute;left:0;right:8px;display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--muted);white-space:nowrap}.band-swatch{width:8px;height:8px;border-radius:2px;flex:none}.band-nodes .band-swatch{background:var(--good)}.band-pods .band-swatch{background:var(--bad)}.band-warn .band-swatch{background:var(--warn-mark)}.slider-main{position:relative;flex:1;min-width:0}.chapter-row{position:relative}.chapter-flag{position:absolute;height:18px;display:inline-flex;align-items:center;gap:5px;padding:0 7px 0 6px;border:1px solid rgba(109,40,217,.28);border-left:2px solid var(--chapter);border-radius:0 4px 4px 0;background:#f6f2ff;color:#4c1d95;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;line-height:1}.chapter-flag:hover{background:#ede5ff;color:#3b0f7a}.chapter-flag.is-active{background:var(--chapter);border-color:var(--chapter);color:#fff}.flag-time{font-family:var(--mono);font-size:10px;color:#4c1d95a6}.chapter-flag.is-active .flag-time{color:#fffc}.track{position:relative;border-radius:8px;background:#fbfcfd;border:1px solid var(--border-strong);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;overflow:visible}.track.is-dragging{cursor:grabbing}.health-strip{position:absolute;inset:0;display:block;pointer-events:none}.hs-baseline{stroke:#e3e7ed;stroke-width:1}.hs-ready-area{fill:var(--good-fill)}.hs-ready-line{fill:none;stroke:var(--good);stroke-width:1.5}.hs-missing{stroke:var(--bad);stroke-width:1.4}.hs-unh-area{fill:var(--bad-fill)}.hs-unh-line{fill:none;stroke:var(--bad);stroke-width:1.3}.hs-warn{stroke:var(--warn-mark);stroke-width:1.2}.gap{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(90,101,117,.28) 0 2px,transparent 2px 6px);border-left:1px dashed rgba(90,101,117,.55);border-right:1px dashed rgba(90,101,117,.55);pointer-events:none}.mtick{position:absolute;bottom:-1px;width:2px;margin-left:-1px;height:7px;border-radius:1px;pointer-events:none}.mtick-warning{background:var(--warn-mark)}.mtick-node{background:var(--bad);height:11px}.mtick-rollout{background:var(--accent-2);height:9px}.chapter-line{position:absolute;top:-4px;bottom:0;width:0;border-left:1px dashed rgba(109,40,217,.45);pointer-events:none}.chapter-line.is-active{border-left:1.5px solid var(--chapter)}.future{position:absolute;top:0;right:0;bottom:0;background:#f3f5f89e;pointer-events:none;border-radius:0 8px 8px 0}.handle{position:absolute;top:-6px;bottom:-6px;width:0;pointer-events:none}.handle:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:var(--text-strong)}.handle-knob{position:absolute;top:-5px;left:-7px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent-fill);box-shadow:0 0 0 4px #0891b22e,var(--shadow-sm)}.track.is-dragging .handle-knob{box-shadow:0 0 0 7px #0891b240}.handle-bubble{position:absolute;bottom:calc(100% + 12px);left:0;transform:translate(-50%);padding:1px 6px;border-radius:4px;background:var(--text-strong);color:#fff;font:600 11px var(--mono);white-space:nowrap;z-index:3}.hover-line{position:absolute;top:0;bottom:0;width:1px;background:#0b12204d;pointer-events:none}.drag-hint{position:absolute;top:50%;transform:translate(calc(-100% - 14px),-50%);padding:5px 10px;border-radius:999px;background:var(--accent-fill);color:#fff;font-weight:600;font-size:12px;white-space:nowrap;pointer-events:none;animation:pulse 1.6s ease-in-out infinite;box-shadow:0 0 #0891b280;z-index:2}.drag-hint-arrow{display:inline-block;animation:nudge 1.6s ease-in-out infinite}.axis{position:relative;height:16px}.axis-tick{position:absolute;top:2px;transform:translate(-50%);font:10px var(--mono);color:var(--muted);white-space:nowrap}.axis-tick:before{content:"";position:absolute;top:-3px;left:50%;width:1px;height:3px;background:var(--border-strong)}.strip-tip{position:absolute;top:calc(100% - 10px);transform:translate(-50%);min-width:210px;max-width:340px;padding:8px 10px;background:var(--panel);border:1px solid var(--border-strong);border-radius:8px;box-shadow:var(--shadow-md);font-size:12px;pointer-events:none;z-index:20}.tip-time{font:600 12px var(--mono);color:var(--text-strong);margin-bottom:4px}.tip-grid{display:grid;grid-template-columns:auto 1fr;gap:1px 12px}.tip-k{color:var(--muted)}.tip-v{font-family:var(--mono);color:var(--text)}.tip-v em{font-style:normal}.is-good{color:var(--good)}.is-bad{color:var(--bad)}.is-warn{color:var(--warn)}.tip-marker{margin-top:5px;padding-left:7px;border-left:2px solid var(--muted);color:var(--text)}.tip-chapter{border-color:var(--chapter)}.tip-warning{border-color:var(--warn-mark)}.tip-node{border-color:var(--bad)}.tip-rollout{border-color:var(--accent-2)}.tip-gap{margin-top:5px;color:var(--muted);font-style:italic}.tip-hint{margin-top:6px;color:var(--dim);font-size:11px}.hiw{position:relative}.hiw-pop{position:absolute;right:0;top:calc(100% + 8px);width:440px;padding:16px 18px;background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-md);z-index:40;font-size:13px;line-height:1.55}.hiw-pop h3{margin:0 0 8px;font-size:14px;color:var(--text-strong)}.hiw-pop p{margin:0 0 8px;color:var(--text)}.hiw-pop b{color:var(--text-strong);font-weight:600}.hiw-diagram{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:11.5px}.hiw-node{padding:2px 8px;border-radius:4px;border:1px solid var(--border-strong);background:var(--panel-2);font-family:var(--mono);color:var(--accent)}.hiw-arrow{color:var(--muted)}.term-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.term-tabs{display:flex;align-items:flex-end;gap:6px;padding:10px 12px 0;border-bottom:1px solid var(--border);background:var(--panel-2)}.tab{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border:1px solid var(--border);border-bottom:0;border-radius:10px 10px 0 0;background:var(--bg, var(--panel-2));color:var(--muted);cursor:pointer;font-size:15px;font-weight:650;flex-shrink:0;white-space:nowrap;letter-spacing:.01em;position:relative;top:1px;transition:background .12s,color .12s}.tab:hover{color:var(--text-strong);background:var(--panel)}.tab.is-on{background:var(--panel);border-color:var(--border);color:var(--text-strong);box-shadow:0 -2px 8px #0f172a0f}.tab.is-on:after{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;border-radius:10px 10px 0 0;background:var(--accent-fill)}.tab-ver{font:400 11px var(--mono);color:var(--dim)}.tab-dot{width:9px;height:9px;border-radius:50%}.tab-dot-k9s{background:var(--accent-fill)}.tab-dot-kubectl{background:var(--accent-2)}.tab-fill{flex:1}.term-tabs .btn-sm{align-self:center;margin-bottom:0}.tab-blurb{padding:8px 14px 0;color:var(--text);font-size:13px;line-height:1.4}.shortcuts{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;padding:8px 10px}.sc-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.sc{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:4px 10px 5px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.sc:hover:not(:disabled){background:var(--panel-3);border-color:#aeb8c5}.sc:active:not(:disabled){transform:translateY(1px)}.sc:disabled{opacity:.5;cursor:default}.sc-label{font-weight:600;font-size:12.5px;color:var(--text-strong);line-height:1.2}.sc-sends{font:10.5px var(--mono);color:var(--accent);white-space:nowrap;line-height:1.3}.sc-sends-word{color:var(--dim);font-family:var(--sans)}.sc-primary{border-color:#0891b28c;background:#ecfbff}.shortcuts-kubectl .sc-sends{color:var(--accent-2)}.shortcuts-kubectl .sc-primary{border-color:#2563eb80;background:#eef4ff}.view-context{margin:0 10px 8px;padding:4px 10px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:12.5px;display:flex;align-items:baseline;gap:8px}.view-context-tag{flex:none;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.term-stack{position:relative;flex:1;min-height:0;margin:0 10px;background:var(--term-bg);border:1px solid var(--term-frame);border-radius:8px;box-shadow:0 1px #ffffff0a inset,0 6px 18px #1018282e;overflow:hidden}.term-host{position:absolute;inset:8px 4px 4px 10px}.term-host.is-hidden{visibility:hidden;pointer-events:none}.term-host .xterm{height:100%}.term-host .xterm-viewport{background-color:var(--term-bg)!important}.term-host .xterm-viewport::-webkit-scrollbar{width:8px}.term-host .xterm-viewport::-webkit-scrollbar-thumb{background:#2a3442;border-radius:4px}.term-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1016c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4}.term-overlay.is-soft{background:#0b1016f0}.ov-card{max-width:440px;padding:22px 26px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:10px}.ov-start{background:transparent;border:0;box-shadow:none}.ov-title{font-weight:600;font-size:14px;color:var(--text-strong);font-family:var(--mono)}.ov-start .ov-title{color:#e6edf3}.ov-text{margin:0;color:var(--muted);line-height:1.5}.ov-start .ov-text{color:#9aa7b6}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(8,145,178,.25);border-top-color:var(--accent-fill);animation:spin .8s linear infinite}.ov-start .spinner{border-color:#5ccfe633;border-top-color:#5ccfe6}.focus-hint{position:absolute;right:14px;bottom:10px;padding:3px 10px;border-radius:999px;background:#18212ceb;border:1px solid #2a3645;color:#9aa7b6;font-size:11.5px;pointer-events:none;z-index:3;animation:fadein .3s ease-out}.legend{display:flex;flex-wrap:wrap;gap:2px 0;padding:7px 12px 8px;color:var(--muted);font-size:11.5px}.legend>span{white-space:nowrap}.legend>span+span:before{content:"·";margin:0 9px;color:var(--dim)}.legend kbd{font-size:10.5px;line-height:15px}.side{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 14px;min-width:0}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.card-head h2{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700;white-space:nowrap}.card-sub{color:var(--dim);font-size:11px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.story{flex:0 1 auto;min-height:0;max-height:64%;display:flex;flex-direction:column}.headline{margin:0 0 10px;font-size:14.5px;line-height:1.5;color:var(--text-strong);font-weight:500}.chapters{display:flex;flex-direction:column;gap:2px;min-height:60px;overflow-y:auto;margin:0 -6px;padding:0 6px}.chapters::-webkit-scrollbar{width:8px}.chapters::-webkit-scrollbar-thumb{background:#d3d9e1;border-radius:4px}.caption{flex:none}.chapter{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;padding:5px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;color:var(--text)}.chapter:hover{background:var(--panel-2);border-color:var(--border)}.chapter.is-featured .chapter-title{color:var(--text-strong);font-weight:600}.chapter.is-featured .chapter-time{color:var(--chapter);font-weight:600}.chapter.is-active{background:var(--chapter-soft);border-color:#6d28d94d}.chapter-time{font:12px var(--mono);color:var(--muted)}.chapter-body{display:flex;flex-direction:column;min-width:0}.chapter-title{font-size:13px}.chapter-detail{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-sends{font:10.5px var(--mono);color:var(--accent);white-space:nowrap}.caption{margin-top:10px;padding:10px 12px;border-radius:8px;background:#ecfbff;border:1px solid rgba(8,145,178,.35);color:var(--text-strong);line-height:1.5;animation:fadein .25s ease-out}.caption-tag{display:inline-block;margin-right:8px;padding:0 6px;border-radius:4px;background:var(--chapter);color:#fff;font-size:11px;font-weight:600}.stream{flex:1;min-height:140px;display:flex;flex-direction:column;padding-bottom:6px}.ws-list{flex:1;min-height:0;overflow-y:auto;margin:0 -14px;padding:0 14px}.ws-list::-webkit-scrollbar,.story::-webkit-scrollbar{width:8px}.ws-list::-webkit-scrollbar-thumb,.story::-webkit-scrollbar-thumb{background:#d3d9e1;border-radius:4px}.ws-empty{color:var(--muted);font-size:12.5px;line-height:1.55;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--panel-2)}.ws-entry{padding:8px 0;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:11.5px}.ws-entry.is-fresh{animation:flash 1.2s ease-out}.ws-head{color:var(--text);line-height:1.5}.ws-times{color:var(--text-strong);font-weight:600}.ws-dir-back{color:var(--warn)}.ws-dir-fwd{color:var(--accent)}.ws-dot{color:var(--dim);margin:0 5px}.ws-vrv{color:var(--accent-2)}.ws-pushed{color:var(--muted)}.c-added{color:var(--good);font-weight:600}.c-modified{color:var(--accent);font-weight:600}.c-deleted{color:var(--bad);font-weight:600}.c-zero{color:var(--dim)}.ws-items{list-style:none;margin:5px 0 0;padding:0}.ws-item{display:flex;flex-wrap:wrap;gap:0 8px;padding:1px 0 1px 2px;line-height:1.5}.ws-type{width:12px;flex:none;font-weight:700;text-align:center}.t-added{color:var(--good)}.t-modified{color:var(--accent)}.t-deleted{color:var(--bad)}.ws-obj{color:var(--text-strong)}.ws-res{color:var(--muted)}.ws-changes{color:var(--muted);flex-basis:100%;padding-left:20px}.ws-col{color:var(--muted)}.ws-from{color:var(--muted);text-decoration:line-through;text-decoration-color:#5a657573}.ws-to{color:var(--text-strong)}.ws-arrow{color:var(--dim)}.v-good{color:var(--good)}.v-bad{color:var(--bad)}.ws-more,.ws-none{color:var(--dim);padding-left:22px;font-style:italic}.toasts{position:fixed;left:24px;bottom:52px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{display:flex;align-items:center;gap:12px;max-width:420px;padding:9px 12px;border-radius:8px;background:#1f2733;color:#f2f5f8;box-shadow:var(--shadow-md);font-size:12.5px;animation:slidein .2s ease-out}.toast .btn{background:transparent;color:#f2f5f8;border-color:#ffffff59;box-shadow:none}.toast-error{background:#991b1b}.banner{padding:6px 16px;font-size:12px}.banner-error{background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b}.mobile-note{display:none}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,#eceff3,#f6f7f9,#eceff3);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skel-time{display:inline-block;width:7ch;height:30px}.skel-badge{width:320px;height:28px;border-radius:999px}.slider-skeleton{padding:26px 0 22px 104px}.skel-track{height:64px;border-radius:8px}.skel-chapter{height:32px}@keyframes pulse{0%{box-shadow:0 0 #0891b280}70%{box-shadow:0 0 0 12px #0891b200}to{box-shadow:0 0 #0891b200}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.4}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes flash{0%{background:#0891b21f}to{background:transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:1640px){.badge-dim,.brand-sub{display:none}}@media(max-width:1500px){.badge{max-width:250px}.badge>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}}@media(max-width:1320px){.badge{display:none}}@media(min-width:1101px)and (max-height:900px){.chapter-detail{display:none}.chapter{padding:3px 8px}.headline{font-size:13.5px;margin-bottom:6px}.caption{margin-top:6px;padding:8px 10px}}@media(max-width:1100px){body{overflow:auto}.app{height:auto;min-height:100%}.main{grid-template-columns:minmax(0,1fr)}.term-panel{height:700px}.story{max-height:none}.stream{max-height:520px}}@media(max-width:767px){.timebar{padding:10px 12px 6px}.tb-top{gap:10px}.clock{border:0;padding:0}.clock-time{font-size:28px}.clock-meta{min-width:0}.clock-label,.tb-spacer,.brand-sub{display:none}.badge{white-space:normal;height:auto;padding:4px 10px}.band-legend{width:0;overflow:hidden}.slider-skeleton{padding-left:0}.hiw-pop{position:fixed;left:12px;right:12px;top:80px;width:auto}.term-panel{display:none}.main{padding:12px}.mobile-note{display:block;margin:12px 12px 0;padding:12px 14px;border-radius:var(--radius);background:#ecfbff;border:1px solid rgba(8,145,178,.35);color:var(--text)}.chapter{grid-template-columns:44px 1fr}.chapter-sends,.drag-hint{display:none}}.tab-dot-own{background:var(--chapter)}.term-stack.is-own{margin-top:10px}.own-panel{position:absolute;inset:0;overflow-y:auto;padding:18px;z-index:2}.own-panel::-webkit-scrollbar{width:8px}.own-panel::-webkit-scrollbar-thumb{background:#2a3442;border-radius:4px}.own-card{max-width:780px;margin:0 auto;padding:20px 24px 18px;background:var(--panel);border-radius:10px;box-shadow:var(--shadow-md);color:var(--text)}.own-title{margin:0 0 4px;font-size:16px;color:var(--text-strong)}.own-lead{margin:0 0 14px;color:var(--muted);line-height:1.5}.own-steps{margin:0;padding:0;list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:14px}.own-steps>li{counter-increment:step;position:relative;padding-left:34px}.own-steps>li:before{content:counter(step);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--accent-fill);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.own-step-title{font-weight:600;color:var(--text-strong);margin:2px 0 6px}.own-muted{font-weight:400;color:var(--muted)}.own-code{position:relative;margin:0 0 6px;background:var(--term-bg);border:1px solid var(--term-frame);border-radius:7px}.own-code pre{margin:0;padding:9px 84px 9px 12px;overflow-x:auto;font:12.5px/1.5 var(--mono);color:#e6edf3;white-space:pre}.own-code pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}.own-copy{position:absolute;top:50%;right:8px;transform:translateY(-50%);height:24px;padding:0 10px;border-radius:5px;border:1px solid #344152;background:#18212c;color:#c9d4df;font-size:11.5px;cursor:pointer}.own-copy:hover{background:#223040;color:#fff}.own-copy.is-ok{border-color:#2f9e5f;color:#7ee2a4}.own-small{font-size:12px;color:var(--muted);margin-bottom:4px}.own-small a,.own-download{color:var(--accent);font-weight:600;text-decoration:none}.own-small a:hover{text-decoration:underline}.own-wait{color:var(--muted);font-style:italic}.own-note{margin:16px 0 0;padding:10px 12px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-size:12.5px;line-height:1.55}.clock-toggle{display:inline-flex;align-items:center;gap:0;margin-left:6px;font-size:11px}.clock-toggle-label{color:var(--muted);margin-right:5px}.clock-toggle button{height:20px;padding:0 7px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font:inherit;cursor:pointer}.clock-toggle button:first-of-type{border-radius:6px 0 0 6px}.clock-toggle button:last-of-type{border-radius:0 6px 6px 0;border-left:0}.clock-toggle button.is-on{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}