:root{--ink: #1a1a24;--muted: #6b6b7a;--line: #e3e3ea;--card: #ffffff;--bg: #f6f6f9;--accent: #4f46e5;--accent-soft: #eef2ff;--good: #16a34a;--warn: #b45309}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}a{color:var(--accent)}button{font:inherit;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:6px 12px;cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.linkish{border:none;background:none;color:var(--accent);padding:2px 4px}button.danger-ish{color:var(--warn)}input[type=text],input[type=email]{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:8px;width:100%}.page{max-width:860px;margin:0 auto;padding:24px 16px 80px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 0 18px}.topbar .brand{font-weight:700;font-size:18px;text-decoration:none;color:var(--ink)}.topbar .spacer{flex:1}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;font-size:13px;border:1px solid var(--line);background:var(--card);white-space:nowrap}.pill.status-live{border-color:var(--good);color:var(--good);animation:pulse 1.6s ease-in-out infinite}.pill.status-ok{color:var(--good)}.pill.status-warn{color:var(--warn)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.exp-pill{cursor:pointer}.exp-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.timeline{margin-top:16px}.cp-card{display:flex;gap:12px;align-items:flex-start}.cp-card .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:7px;flex:none}.cp-card.auto .dot{background:var(--line)}.cp-card.milestone{border-color:var(--accent);background:var(--accent-soft)}.cp-card.milestone .dot{width:14px;height:14px;margin-top:5px;margin-left:-2px;box-shadow:0 0 0 3px var(--card)}.milestone-badge{display:inline-flex;gap:8px;align-items:baseline;color:var(--accent);font-weight:700;margin-bottom:4px;flex-wrap:wrap}.milestone-badge .ms-title{border:none;background:none;font:inherit;font-weight:700;color:var(--accent);padding:0 4px;border-radius:6px;min-width:200px}.milestone-badge .ms-title:hover,.milestone-badge .ms-title:focus{outline:1px solid var(--accent);background:var(--card)}.milestone-desc{margin:2px 0 8px}.milestone-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 12px}.milestone-strip .pill{cursor:pointer;border-color:var(--accent);color:var(--accent)}.milestone-strip .pill:hover{background:var(--accent-soft)}.conversation{margin-top:8px;border-left:3px solid var(--line);padding-left:12px;font-size:13px}.conversation .turn+.turn{margin-top:10px}.conversation .who{font-weight:600;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.conversation pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:2px 0 6px}.cp-title{font-weight:600;border:none;background:none;font:inherit;padding:2px 4px;border-radius:6px;width:100%}.cp-title:hover,.cp-title:focus{outline:1px solid var(--line);background:#fafafe}.cp-desc{margin:2px 4px 6px;color:var(--ink)}.cp-meta{font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.cp-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.cp-actions button{font-size:13px;padding:3px 10px}.auto-group{color:var(--muted);font-size:13px;cursor:pointer;padding:4px 0 4px 22px}.rewind-group{color:var(--muted);font-size:13px;cursor:pointer;padding:6px 0 6px 22px}.rewind-group .linkish{font-size:inherit}.rewind-span{border-left:2px dashed var(--line);margin-left:4px;padding-left:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141e59;display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:var(--card);border-radius:12px;padding:20px;max-width:440px;width:calc(100% - 32px)}.modal h3{margin-top:0}.modal .row{justify-content:flex-end;margin-top:16px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;display:flex;gap:12px;align-items:center;z-index:30;max-width:calc(100% - 32px)}.toast button{background:none;border:none;color:#a5b4fc;font-weight:600}.progress-steps{font-size:13px;color:var(--muted)}.checklist li{margin:6px 0}.checklist .done{text-decoration:line-through;color:var(--muted)}.copyblock{background:#17171f;color:#e7e7ef;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:10px;margin:8px 0}.copyblock code{flex:1;overflow-x:auto;white-space:pre}.copyblock button{background:#2a2a36;border-color:#2a2a36;color:#fff;flex:none}.explainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.footer{margin-top:40px;font-size:13px;color:var(--muted)}