*{box-sizing:border-box}html{color:#edf8f2;background:#07100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 10% -20%,#17372d 0,#0000 36%),radial-gradient(circle at 100% 0,#162d3e 0,#0000 30%),#07100d;min-height:100vh;margin:0}.shell{max-width:1220px;margin:0 auto;padding:28px 24px 64px}.topbar,.hero,.panel-head,.recovery-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar{padding:4px 0 40px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#07100d;background:#b9ff73;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid;box-shadow:0 0 32px #b9ff7329}.brand h1{letter-spacing:-.02em;margin:0;font-size:18px}.brand p{color:#789188;margin:3px 0 0;font-size:12px}.top-actions{align-items:center;gap:10px;display:flex}.mcp-status{color:#8ca99e;background:#0b1713;border:1px solid #1c352d;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.status-dot{background:#b9ff73;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #b9ff73b3}.mcp-unsupported .status-dot,.mcp-error .status-dot{box-shadow:none;background:#ffba73}.hero{padding:6px 0 34px}.hero h2{letter-spacing:-.055em;max-width:850px;margin:10px 0 16px;font-size:clamp(38px,6vw,74px);font-weight:700;line-height:.96}.hero h2 em{color:#b9ff73;font-style:normal}.hero p{color:#8da59c;margin:0;font-size:17px}.eyebrow{letter-spacing:.17em;color:#6f8b81;font-size:10px;font-weight:800}.state-pill,.revision{white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;color:#9eb6ad;background:#0a1512;border:1px solid #223c33;border-radius:999px;padding:8px 11px;font-size:9px}.state-disrupted,.state-awaiting_human_approval{color:#f3cb66;background:#1e190c;border-color:#5e4e25}.state-approved,.state-recovered{color:#b9ff73;background:#101c0c;border-color:#3d6535}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px;display:grid}.panel,.recovery-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07120ec2;border:1px solid #193128;border-radius:18px;box-shadow:0 20px 70px #00000030}.timeline-panel{padding:22px}.panel-head{border-bottom:1px solid #152b23;padding-bottom:16px}.panel h3,.recovery-section h3{letter-spacing:-.03em;margin:4px 0 0;font-size:22px}.timeline{padding-top:12px}.timeline-row{border-bottom:1px solid #1e372e8c;grid-template-columns:86px 1fr;gap:12px;padding:7px 0;display:grid}.timeline-row:last-child{border-bottom:0}.time-col{color:#668077;font-variant-numeric:tabular-nums;padding-top:13px;font-size:11px}.event-stack{flex-direction:column;gap:6px;display:flex}.event-card{background:#0c1b16;border:1px solid #203b31;border-radius:11px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.event-card strong{font-size:13px}.event-time{color:#789187;margin-top:3px;font-size:10px;display:block}.event-card.ghost{background:#b9ff730f;border-color:#6a8e4e}.flex-tag{letter-spacing:.1em;text-transform:uppercase;color:#6f8b81;font-size:8px}.flex-protected,.flex-fixed{color:#d8b676}.proposal-inline{grid-template-columns:60px 1fr;align-items:center;gap:8px;display:grid}.proposal-inline>span{color:#b9ff73;letter-spacing:.12em;font-size:8px}.right-rail{flex-direction:column;gap:16px;display:flex}.constraints-panel,.disruption-card{padding:20px}.constraint-list{margin:16px 0 18px}.constraint{border-bottom:1px solid #142a22;gap:10px;padding:8px 0;display:flex}.constraint span,.pass-block>span{color:#b9ff73}.constraint p,.soft,.disruption-card p{color:#9bb0a8;margin:0;font-size:12px;line-height:1.5}.soft-title{text-transform:uppercase;color:#58736a;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:800}.soft{padding:4px 0}.disruption-card{border-color:#213229;transition:all .25s}.disruption-card.active{background:linear-gradient(145deg,#3d2f0f5e,#07120ec2);border-color:#66542a}.disruption-card h3{margin-bottom:8px;font-size:19px}.button{cursor:pointer;border:0;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:750;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary,.button-approve{color:#0a120f;background:#b9ff73}.button-quiet{color:#aec0ba;background:#10231c;border:1px solid #213d33}.button-approve{min-width:150px}.disruption-card .button{margin-top:15px}.recovery-section{margin-top:16px;padding:22px}.recovery-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.tradeoffs,.approval,.empty-recovery{background:#0a1712;border:1px solid #1c352d;border-radius:13px;padding:17px}.tradeoffs h4,.approval h4{margin:0 0 13px;font-size:16px}.tradeoff,.pass-block{border-top:1px solid #173027;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.tradeoff span{color:#f2c760}.tradeoff p,.pass-block p,.approval p{color:#8fa79e;margin:0;font-size:11px;line-height:1.45}.pass-block strong{font-size:12px}.score{color:#70897f;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.score strong{color:#b9ff73;margin-left:4px;font-size:18px}.approval{background:linear-gradient(145deg,#b9ff730e,#0a1712e6)}.approval h4{margin-top:5px}.approval-actions{gap:8px;margin-top:18px;display:flex}.rejected{color:#e99c83;font-size:11px}.approved-note{color:#b9ff73;font-size:11px}.agent-needed{color:#b9ff73;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.empty-recovery{justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.empty-recovery strong{font-size:12px}.empty-recovery p{color:#668077;margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.message-line{color:#668077;align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.principle{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.principle>div{border-top:1px solid #284238;padding:18px}.principle strong{margin:9px 0 5px;font-size:13px;display:block}.principle p{color:#708a80;margin:0;font-size:11px;line-height:1.45}.step-num{color:#b9ff73;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}@media (max-width:850px){.workspace,.recovery-grid,.principle{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.hero h2{font-size:48px}.topbar{flex-direction:column;align-items:flex-start}.timeline-row{grid-template-columns:70px 1fr}.empty-recovery{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.event-card.ghost{animation:2.8s ease-in-out infinite ghostPulse}@keyframes ghostPulse{50%{box-shadow:0 0 24px #b9ff7314}}}