:root{color-scheme:dark;--bg: #0f1115;--surface: #171a21;--border: #2a2f3a;--text: #e6e8eb;--text-dim: #9aa1ac;--accent: #5b8cff;--low: #3fb950;--medium: #d29922;--high: #f85149}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.app-title{font-size:1.4rem;font-weight:700}.app-subtitle{margin:.25rem 0 0;color:var(--text-dim);font-size:.9rem}.app-main{max-width:860px;margin:0 auto;padding:2rem}.alert-list ul{list-style:none;padding:0;display:grid;gap:.75rem}.alert-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.alert-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 25%,transparent)}.alert-card-body{display:flex;flex-direction:column;flex:1;gap:.15rem}.alert-type{color:var(--text-dim);font-size:.85rem;text-transform:capitalize}.severity-badge{padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#0b0d10}.severity-low{background:var(--low)}.severity-medium{background:var(--medium)}.severity-high{background:var(--high)}.status-pill{display:inline-block;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border);font-size:.8rem;text-transform:capitalize;color:var(--text-dim)}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.75rem 1.6rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;box-shadow:0 1px #ffffff2e inset,0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 1px #ffffff38 inset,0 8px 20px color-mix(in srgb,var(--accent) 55%,transparent)}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:focus-visible{outline:2px solid var(--text);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.reject{background:var(--high);margin-left:.75rem;box-shadow:0 1px #ffffff2e inset,0 4px 14px color-mix(in srgb,var(--high) 45%,transparent)}button.reject:hover:not(:disabled){box-shadow:0 1px #ffffff38 inset,0 8px 20px color-mix(in srgb,var(--high) 55%,transparent)}button.reset-button{background:transparent;color:var(--text-dim);border:1px solid var(--border);padding:.5rem 1rem;font-size:.85rem;font-weight:500;flex-shrink:0;box-shadow:none}button.reset-button:hover:not(:disabled){color:var(--text);border-color:var(--text-dim);transform:none;filter:none;box-shadow:none}.proposed-fix{margin-top:1.5rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.outcome{margin-top:1rem;font-weight:600}.outcome.resolved{color:var(--low)}.outcome.rejected,.outcome.routed{color:var(--medium)}.error{color:var(--high)}.timeline{list-style:none;padding:0;margin-top:1rem;border-left:2px solid var(--border)}.timeline-empty{color:var(--text-dim);padding:.6rem 0 .6rem 1rem}.spinner{display:inline-block;width:.85em;height:.85em;margin-right:.5em;vertical-align:-.1em;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-pill.working{color:var(--accent);border-color:var(--accent)}.timeline-working{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 0;padding:.75rem 0 .75rem 1rem;margin-left:-1px;border-left:2px solid var(--accent);color:var(--accent);font-weight:500;animation:working-pulse 1.6s ease-in-out infinite}.timeline-working-time{margin-left:.75rem;color:var(--text-dim);font-size:.8rem;font-weight:400}@keyframes working-pulse{50%{opacity:.6}}.back-link{display:inline-block;margin-top:1.5rem;padding:.6rem 1.2rem;border:1px solid var(--border);border-radius:8px;color:var(--text);font-weight:600;transition:border-color .15s ease,transform .15s ease}.back-link:hover{border-color:var(--accent);transform:translate(-2px)}@media (prefers-reduced-motion: reduce){.spinner,.timeline-working{animation:none}}.project-overview{margin-bottom:2rem;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.overview-kicker{margin:0 0 .5rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.project-overview>p:not(.overview-kicker){margin:0 0 .85rem;color:var(--text-dim);line-height:1.55}.overview-points{margin:0 0 1rem;padding-left:1.1rem;color:var(--text-dim);font-size:.9rem;line-height:1.6}.overview-points li{margin-bottom:.25rem}.overview-link{display:inline-block;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.overview-link:hover{filter:brightness(1.15)}.trace-view{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.round-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem .6rem}.round-header{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding-bottom:.6rem;margin-bottom:.4rem;border-bottom:1px solid var(--border)}.round-title{font-weight:700}.round-note{color:var(--text-dim);font-size:.8rem}.round-outcome{font-weight:600}.round-meta{margin-left:auto;color:var(--text-dim);font-size:.8rem}.entry-chip,.tier-chip,.status-chip{padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid currentColor}.entry-web{color:var(--accent)}.entry-email{color:#c084fc}.entry-autonomous{color:#2dd4bf}.tier-chip{color:var(--text-dim);text-transform:none;letter-spacing:0;font-weight:500}.tier-chip.tier-proposes_action{color:var(--medium)}.tier-chip.tier-executes_action{color:var(--high)}.status-chip.status-retry{color:var(--medium)}.status-chip.status-failure,.status-chip.status-denied{color:var(--high)}.span-list,.span-children{list-style:none;margin:0;padding:0}.span-children{margin:.3rem 0 .2rem .75rem;padding-left:.9rem;border-left:2px solid var(--border)}.span-row{padding:.45rem 0}.span-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .55rem}.span-icon{width:1.1em;text-align:center;font-weight:700;color:var(--low)}.status-failure>.span-line .span-icon,.status-denied>.span-line .span-icon{color:var(--high)}.status-retry>.span-line .span-icon{color:var(--medium)}.span-time{color:var(--text-dim);font-size:.78rem;font-variant-numeric:tabular-nums}.span-actor{color:var(--text-dim);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.actor-human>.span-line .span-actor{color:var(--medium)}.span-name{font-weight:600}.kind-model_call>.span-line .span-name{color:var(--accent)}.span-meta{margin-left:auto;color:var(--text-dim);font-size:.78rem;font-variant-numeric:tabular-nums}.span-summary{margin:.15rem 0 0 1.65rem;color:var(--text-dim);font-size:.88rem;overflow-wrap:anywhere}.span-text{margin:.35rem 0 0 1.65rem;padding-left:.7rem;border-left:2px solid var(--accent);color:var(--text);font-size:.88rem;font-style:italic;line-height:1.45;white-space:pre-wrap;max-height:9.5em;overflow-y:auto}.span-payload{margin:.25rem 0 0 1.65rem;font-size:.8rem}.span-payload summary{cursor:pointer;color:var(--text-dim);width:fit-content}.span-payload summary:hover{color:var(--text)}.span-payload pre{margin:.4rem 0 0;padding:.6rem .75rem;max-height:22rem;overflow:auto;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.75rem}@media (max-width: 560px){.round-meta,.span-meta{margin-left:0;width:100%}}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.header-actions button{margin-top:0}button.email-button{background:transparent;color:#c084fc;border:1px solid #c084fc;padding:.5rem 1rem;font-size:.85rem;font-weight:600;box-shadow:none}button.email-button:hover:not(:disabled){background:color-mix(in srgb,#c084fc 12%,transparent);box-shadow:none}.title-chip{margin-left:.75rem;vertical-align:middle;font-size:.8rem}.card-chip{margin-left:.5rem;font-size:.65rem}.notice{color:var(--text-dim);font-style:italic}.inbound-email{margin:1rem 0 1.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid color-mix(in srgb,#c084fc 45%,var(--border));border-left:3px solid #c084fc;border-radius:10px}.inbound-email header p{margin:0}.inbound-email .email-subject{font-weight:700;margin-top:.1rem}.email-meta{color:var(--text-dim);font-size:.8rem}.email-body{margin:.85rem 0;white-space:pre-wrap;line-height:1.5;font-size:.92rem}.email-note{margin:0;color:var(--text-dim);font-size:.8rem}
