:root{color-scheme:light;font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.35;color:#17212b;background:radial-gradient(circle at top right,rgba(86,120,255,.08),transparent 24%),radial-gradient(circle at left center,rgba(28,201,167,.08),transparent 28%),#eef2f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:inherit}#app{min-height:100vh;padding:12px 16px 20px}.shell{width:min(1880px,100%);margin:0 auto}.app-shell,.overview-grid,.overview-main,.overview-side,.overview-wide,.lab-body-grid,.incident-grid,.stack,.summary-row,.case-grid,.preview-grid,.composer-row{display:grid;gap:8px}.panel{padding:12px;border:1px solid #d0d7de;border-radius:8px;background:#ffffffeb;box-shadow:0 8px 24px #121f2b0a}.intro-panel{gap:4px;background:linear-gradient(180deg,#fffffff5,#f7faffed)}.intro-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.route-indicator{color:#46607a;font-size:.76rem;white-space:nowrap}.page-title,.section-title,.case-title{margin:0;font-weight:700}.page-title{font-size:1.15rem}.section-title{font-size:.95rem}.section-note,.case-detail,.empty{margin:0;color:#5d6b79;font-size:.78rem}.route-panel{padding:8px 10px;background:linear-gradient(180deg,#f5f8fff5,#fffffff0)}.route-bar,.button-row,.task-actions{display:flex;flex-wrap:wrap;gap:6px}.summary-chip,.mini-panel,.case-item,.test-item{padding:8px 10px;border:1px solid #e5e9ef;border-radius:6px;background:#fafbfdf0}.summary-label{display:block;font-size:.7rem;color:#7a8794;text-transform:uppercase;letter-spacing:.02em}.summary-value{font-size:.95rem}.lab-panel .summary-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.input,.button{padding:7px 10px;border-radius:6px;font:inherit;font-size:.82rem;min-height:32px}.input{width:100%;border:1px solid #bcc6d0;background:#fff}.button{width:auto;border:1px solid #bcc6d0;background:#fff;cursor:pointer;white-space:nowrap}.button-primary,.button-active{background:linear-gradient(180deg,#1b2a3b,#17212b);color:#fff;border-color:#17212b}.button-danger{color:#8a1f1f}.route-tab{background:linear-gradient(180deg,#f6f9fc,#eef4fa);border-color:#c6d1dd}.route-tab-active{background:linear-gradient(180deg,#2d4b79,#243a5b);border-color:#243a5b;color:#fff}.lab-panel{background:linear-gradient(180deg,#fffffffa,#f1f8fff0)}.lab-body-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start}.incident-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.incident-card{padding:10px;border:1px solid #d9e2ec;border-radius:8px;background:#fffffff5;display:grid;gap:8px}.incident-head,.incident-controls,.incident-badges,.incident-title-wrap{display:grid;gap:6px}.incident-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.incident-title{display:block;font-size:.9rem}.incident-badges{justify-items:end}.incident-severity,.incident-status{display:inline-flex;width:fit-content;padding:2px 7px;border-radius:999px;font-size:.72rem;border:1px solid transparent;text-transform:uppercase}.incident-severity-p1{background:#d21f3c1a;color:#a61b3c;border-color:#d21f3c33}.incident-severity-p2{background:#f0911c1f;color:#9f5a06;border-color:#f0911c33}.incident-severity-p3{background:#3a74d41a;color:#25508c;border-color:#3a74d42e}.incident-status-firing{background:#d21f3c14;color:#8b1e3f;border-color:#d21f3c29}.incident-status-investigating{background:#5367ae1a;color:#30488f;border-color:#5367ae29}.incident-status-acked{background:#1b87541a;color:#176b43;border-color:#1b875429}.incident-controls{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.incident-input{min-width:0}.incident-detail-grid{display:grid;gap:4px;padding-top:2px;border-top:1px dashed #d9e2ec}.activity-panel{position:sticky;top:12px}.activity-list{margin:0;padding-left:18px}.activity-item{margin-bottom:6px;color:#304254;font-size:.78rem}.task-list,.tiny-list,.test-list{margin:0;padding-left:18px}.task-list{list-style:none;padding-left:0}.task-item{display:grid;gap:8px;padding:8px 0;border-top:1px solid #e4e7eb}.task-item:first-child{border-top:0;padding-top:0}.task-main{display:grid;gap:4px}.task-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-status,.mono{color:#556270;font-size:.76rem}.task-status{display:inline-flex;width:fit-content;padding:1px 6px;border:1px solid #d4dce5;border-radius:999px;background:#f6f8fb}.test-pass{border-color:#c9ead5}.test-fail{border-color:#f0caca}.todo-panel{background:linear-gradient(180deg,#fffffff7,#fff8eee6)}.effects-panel{background:linear-gradient(180deg,#fffffff7,#effbf8eb)}.tests-panel{background:linear-gradient(180deg,#fffffff7,#f2f7ffeb)}.single-stage{display:grid}@media(min-width:900px){.overview-grid{grid-template-columns:minmax(900px,1.7fr) minmax(420px,.9fr);align-items:start}.overview-wide{grid-column:1 / -1}.overview-side{align-items:start}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.task-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.task-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tests-panel .test-list{columns:2;column-gap:10px}.tests-panel .test-item{break-inside:avoid;margin-bottom:8px}}@media(max-width:899px){#app{padding:10px 10px 20px}.summary-row,.preview-grid,.composer-row,.lab-body-grid,.incident-controls{grid-template-columns:1fr}.intro-top{flex-direction:column;align-items:flex-start}}