:root{--bg:#0a0b0e;--surface-1:#131419;--surface-2:#191b22;--surface-3:#20222b;--border:#262832;--border-subtle:#1b1c22;--border-strong:#363a48;--text-primary:#eef0f3;--text:#b4bac4;--text-dim:#7b818c;--text-faint:#4d515c;--accent:#58a6ff;--accent-bg:#58a6ff17;--danger:#e5534b;--danger-bg:#e5534b1a;--warning:#d4a72c;--warning-bg:#d4a72c1a;--success:#3fb950;--success-bg:#3fb9501a;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--font-sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;font:15px/1.55 var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background-color:var(--bg);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3,h4{color:var(--text-primary);margin:0 0 8px;font-weight:600}p{margin:0}button{font:inherit}code{font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{padding:24px 16px 60px}.room-shell{max-width:min(1320px,96vw);margin:0 auto}.room-header{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;display:flex}.room-title-group{flex-direction:column;gap:2px;display:flex}.room-title{align-items:baseline;gap:6px;display:flex}.room-hash{color:var(--text-dim);font-size:20px;font-weight:700;font-family:var(--font-mono)}.room-title h1{letter-spacing:-.2px;margin:0;font-size:19px}.room-subtitle{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-left:1px;font-size:10.5px}.room-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.room-meta-divider{background:var(--border);width:1px;height:18px}.avatar-stack{display:flex}.avatar-chip{background:var(--surface-3);border:1.5px solid var(--border-strong);width:26px;height:26px;box-shadow:0 0 0 2px var(--surface-1);border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:13px;display:flex}.avatar-stack .avatar-chip:first-child{margin-left:0}.agent-count{color:var(--text-dim);font-size:12px}.status-pill{font-size:11.5px;font-family:var(--font-mono);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text);align-items:center;gap:6px;padding:4px 10px;display:flex}.status-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:7px;height:7px}.dot-live .status-dot{background:var(--danger);animation:1.4s infinite pulse-dot}.dot-resolved .status-dot{background:var(--success)}.dot-warn .status-dot{background:var(--warning)}.dot-danger .status-dot{background:var(--danger)}@keyframes pulse-dot{0%{box-shadow:0 0 #e5534b8c}to{box-shadow:0 0 0 6px #e5534b00}}.pinned-task{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 14px;animation:.3s ease-out msg-in;display:flex}.pin-icon{opacity:.8;margin-top:2px;font-size:14px}.pinned-head{align-items:center;gap:8px;margin-bottom:3px;display:flex}.pinned-label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.pinned-category{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 7px;font-size:9.5px}.pinned-text{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4}.room-main{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.room-main-full{grid-template-columns:1fr}@media (width<=860px){.room-main{grid-template-columns:1fr}}.chat-feed{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;min-height:440px;max-height:72vh;padding:20px;display:flex;overflow-y:auto}@media (width<=600px){.chat-feed{max-height:58vh;padding:14px}}.chat-empty{text-align:center;color:var(--text-dim);font-family:var(--font-mono);margin:auto;font-size:12.5px}.chat-empty-sub{color:var(--text-faint);margin-top:6px;font-size:12px}.message-row{flex-shrink:0;align-items:flex-start;gap:10px;animation:.25s ease-out msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{background:var(--surface-3);border:1.5px solid var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.message-col{flex-direction:column;gap:3px;min-width:0;max-width:70%;display:flex}@media (width<=700px){.message-col{max-width:82%}}@media (width<=480px){.message-col{max-width:88%}}.message-meta{align-items:baseline;gap:8px;margin-bottom:1px;display:flex}.msg-name{font-size:13.5px;font-weight:600}.msg-time{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-lg);width:fit-content;max-width:100%;color:var(--text);border-left-style:solid;border-left-width:3px;padding:9px 13px;font-size:14.5px;line-height:1.5}.message-col .bubble+.bubble{border-top-left-radius:var(--radius-sm);margin-top:-1px}.bubble-compact{color:var(--text-primary);padding:5px 12px;font-weight:600}.message-row-self{flex-direction:row-reverse}.message-row-self .message-col{align-items:flex-end}.message-row-self .message-meta{flex-direction:row-reverse}.bubble-self{background:var(--accent-bg);border:1px solid var(--accent);color:var(--text-primary);border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-lg);border-left-width:1px;font-weight:500}.message-row-self .bubble+.bubble{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-sm)}.bubble code{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#8ddb94;padding:1px 5px;font-size:12.5px}.bubble-typing{padding:10px 14px;display:inline-flex}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dot{background:var(--text-dim);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.event-system{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;flex-shrink:0;justify-content:center;align-items:flex-start;gap:6px;width:fit-content;max-width:85%;margin:2px auto;padding:4px 12px;font-size:11px;line-height:1.5;display:flex}.event-system-icon{color:var(--text-faint);flex-shrink:0}.event-climax{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--danger);color:var(--text-primary);border-radius:var(--radius-md);flex-shrink:0;align-items:flex-start;gap:10px;max-width:94%;margin:6px auto;padding:10px 14px;font-size:13.5px;line-height:1.5;animation:.35s ease-out climax-pulse,1.2s ease-out climax-flash;display:flex}.climax-icon{margin-top:1px;font-size:15px}.climax-kicker{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--danger);margin-bottom:2px;font-size:10px;font-weight:700;display:block}@keyframes climax-pulse{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes climax-flash{0%{box-shadow:0 0 #e5534b59}to{box-shadow:0 0 0 10px #e5534b00}}.stats-panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.stats-rail{position:sticky;top:16px}@media (width<=860px){.stats-rail{position:static}}.meter-row{margin-bottom:12px}.meter-row:last-of-type{margin-bottom:16px}.meter-label{font-size:11.5px;font-family:var(--font-mono);color:var(--text-dim);justify-content:space-between;margin-bottom:4px;display:flex}.meter-track{background:var(--bg);border-radius:var(--radius-pill);height:7px;overflow:hidden}.meter-fill{border-radius:var(--radius-pill);height:100%;transition:width .4s}.stat-tiles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width<=860px){.stats-rail .stat-tiles{grid-template-columns:repeat(4,1fr)}}@media (width<=520px){.stats-rail .stat-tiles{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;padding:10px 4px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--text-primary);font-size:17px;font-weight:700}.stat-key{color:var(--text-dim);text-align:center;font-size:10.5px}.report-metrics{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.report-metric{text-align:center;border-right:1px solid var(--border);background:var(--surface-2);flex:1;padding:10px 6px}.report-metric:last-child{border-right:none}.report-metric-value{font-family:var(--font-mono);color:var(--text-primary);font-size:17px;font-weight:700}.report-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-top:3px;font-size:10px}@media (width<=480px){.report-metrics{grid-template-columns:1fr 1fr;display:grid}.report-metric{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.report-metric:nth-child(2n){border-right:none}.report-metric:nth-child(3),.report-metric:nth-child(4){border-bottom:none}}.composer-area{margin-top:16px}.composer-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:8px;font-size:10px}.composer-presets{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.preset-chip{background:var(--surface-1);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-pill);cursor:pointer;padding:6px 12px;font-size:12.5px;transition:border-color .15s,color .15s,transform .15s}.preset-chip:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.preset-chip.surprise{color:var(--accent);border-color:var(--accent)}.composer{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 6px 6px 16px;transition:border-color .15s;display:flex}.composer:focus-within{border-color:var(--accent)}.composer-input{color:var(--text-primary);background:0 0;border:none;flex:1;min-width:0;padding:10px 0;font-size:14px}.composer-input:focus{outline:none}.composer-send{background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:10px 18px;font-weight:600;transition:filter .15s}.composer-send:disabled{opacity:.4;cursor:not-allowed}.composer-send:not(:disabled):hover{filter:brightness(1.1)}.running-bar{color:var(--text-dim);font-size:12.5px;font-family:var(--font-mono);justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.running-dot{background:var(--danger);border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse-dot}.abort-btn,.skip-btn{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;font-size:11.5px;font-family:var(--font-mono);background:0 0;margin-left:6px;padding:5px 12px;transition:border-color .15s,color .15s}.abort-btn:hover{border-color:var(--danger);color:var(--danger)}.skip-btn:hover{border-color:var(--accent);color:var(--accent)}.intervention-bar{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);margin-top:16px;padding:14px;animation:.3s ease-out msg-in}.intervention-label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.intervention-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s infinite pulse-accent}@keyframes pulse-accent{0%{box-shadow:0 0 #58a6ff80}to{box-shadow:0 0 0 6px #58a6ff00}}.skip-link{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin:10px auto 0;font-size:12px;text-decoration:underline;display:block}.skip-link:hover{color:var(--accent)}.postmortem-card{border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;margin-top:4px;animation:.3s ease-out msg-in;overflow:hidden}.postmortem-card-header{background:var(--surface-1);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.postmortem-bot-avatar{background:var(--surface-3);border:1.5px dashed var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.postmortem-bot-name{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.bot-tag{font-family:var(--font-mono);background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;font-size:9px;font-weight:700}.postmortem-bot-sub{color:var(--text-dim);font-size:11px}.postmortem-body{background:var(--surface-1);padding:18px}.postmortem-kicker{align-items:center;gap:8px;margin-bottom:8px;display:flex}.postmortem-kicker-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:10px}.postmortem-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.postmortem-body h3{max-width:100%;margin:0;font-size:15px}.postmortem-body h4{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px;font-size:11px}.status-badge{border-radius:var(--radius-pill);white-space:nowrap;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-block}.status-resolved{background:var(--success-bg);color:var(--success)}.status-resolved-ish{background:var(--warning-bg);color:var(--warning)}.status-unresolved{background:var(--danger-bg);color:#ff8178}.root-causes{color:var(--text);margin:0;padding:0;list-style:none}.root-causes li{margin-bottom:7px;padding-left:16px;font-size:13.5px;line-height:1.5;position:relative}.root-causes li:before{content:"—";color:var(--text-faint);position:absolute;left:0}.postmortem-closing{color:var(--text-dim);border-top:1px solid var(--border-subtle);margin:16px 0 18px;padding-top:14px;font-size:13px;font-style:italic}.deploy-btn{background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:11px 22px;font-size:14px;font-weight:600;transition:filter .15s}.deploy-btn:hover{filter:brightness(1.1)}