:root{color-scheme:dark;--bg:#0a0d12;--panel:#111722;--panel2:#171e2a;--text:#f5f7fb;--muted:#9da9bb;--line:#293244;--accent:#c8ff62;--danger:#ff6b78;--warn:#ffd166;--good:#82f5a5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#162033 0,transparent 35%),var(--bg);color:var(--text)}button,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}.back{color:var(--muted);text-decoration:none}.hero{padding:56px 0 28px;max-width:800px}.eyebrow{margin:0 0 8px;font-size:.75rem;letter-spacing:.16em;font-weight:800;color:var(--accent)}h1,h2,p{margin-top:0}h1{font-size:clamp(2.8rem,8vw,5.8rem);line-height:.92;margin-bottom:20px}.lede{font-size:clamp(1.05rem,2vw,1.35rem);color:#cbd4e2;line-height:1.6}.rule-card,.chat-card,.harness-card,.architecture{border:1px solid var(--line);background:rgba(17,23,34,.9);border-radius:20px}.rule-card{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 22px;margin-bottom:22px}.rule-card>div{display:flex;gap:14px;align-items:center}.lock{font-size:1.8rem}.rule-title{font-size:.75rem;letter-spacing:.12em;color:var(--warn);font-weight:800;margin-bottom:4px}.rule-card p:last-child{margin:0;color:#d8dfeb}.rule-card button,.composer button{border:0;background:var(--accent);color:#0b0f14;font-weight:900;padding:12px 16px;border-radius:12px;cursor:pointer}.layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px}.chat-card,.harness-card{padding:22px}.chat-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.chat-head h2,.harness-card h2{margin-bottom:0}.quiet{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:8px 11px;cursor:pointer}.transcript{min-height:360px;max-height:520px;overflow:auto;padding:20px 0;display:flex;flex-direction:column;gap:14px}.message{max-width:85%;padding:13px 15px;border-radius:16px;line-height:1.5}.message span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:5px;opacity:.7}.message p{margin:0;white-space:pre-wrap}.message.user{align-self:flex-end;background:#27344b}.message.assistant{align-self:flex-start;background:var(--panel2);border:1px solid var(--line)}.message.blocked{border-color:#613039;background:#251419}.composer{border-top:1px solid var(--line);padding-top:18px}.composer label{display:block;font-weight:800;margin-bottom:8px}.composer textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:13px;background:#0c1119;color:var(--text);padding:13px;outline:none}.composer textarea:focus{border-color:var(--accent)}.composer-row{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:11px}.composer small{color:var(--muted);line-height:1.4}.aside-copy{color:var(--muted);line-height:1.55}.pipeline{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.pipeline li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:13px;background:#0d121b;border:1px solid var(--line);border-radius:13px}.step-num{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#232d3d;font-weight:900}.pipeline p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.status{font-size:.67rem;letter-spacing:.08em;padding:6px 8px;border-radius:8px}.status.idle{background:#27303e;color:#aab6c8}.status.pass{background:#153a22;color:var(--good)}.status.block{background:#481a21;color:#ff9da6}.status.sent{background:#3d3412;color:var(--warn)}.reason,.lesson{padding:14px;border-radius:12px;background:#0d121b;border:1px solid var(--line);color:#c7d0dd;line-height:1.5}.lesson{margin-top:14px}.lesson p{margin:6px 0 0;color:var(--muted)}.architecture{margin-top:22px;padding:22px}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 16px}.flow span{background:#0d121b;border:1px solid var(--line);padding:10px 12px;border-radius:10px;font-weight:800}.flow i{color:var(--accent);font-style:normal}.architecture>p:last-child{color:var(--muted);margin-bottom:0;line-height:1.6}@media(max-width:820px){.layout{grid-template-columns:1fr}.rule-card{align-items:flex-start;flex-direction:column}.composer-row{align-items:flex-start;flex-direction:column}.composer-row button{width:100%}.message{max-width:94%}}@media(max-width:480px){.shell{width:min(100% - 20px,1180px);padding-top:20px}.hero{padding-top:38px}.chat-card,.harness-card,.architecture{padding:16px}.pipeline li{grid-template-columns:32px 1fr}.pipeline .status{grid-column:2;width:max-content}.flow i{display:none}.flow{align-items:stretch;flex-direction:column}}
.mode-card{border:1px solid var(--line);background:rgba(17,23,34,.9);border-radius:20px;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 22px;margin-bottom:22px}.mode-card h2{margin-bottom:7px}.mode-card p:last-child{margin-bottom:0;color:var(--muted);line-height:1.5}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:330px;background:#0b1018;border:1px solid var(--line);border-radius:14px;padding:6px}.mode-button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left}.mode-button strong,.mode-button span{display:block}.mode-button strong{font-size:1rem;color:inherit}.mode-button span{font-size:.72rem;margin-top:2px}.mode-button.active{background:#1b2635;border-color:#3b4a61;color:var(--text);box-shadow:inset 0 0 0 1px rgba(200,255,98,.12)}.mode-button.active strong{color:var(--accent)}.muted-step{opacity:.5}.hidden{display:none!important}@media(max-width:820px){.mode-card{align-items:stretch;flex-direction:column}.mode-toggle{min-width:0;width:100%}}@media(max-width:420px){.mode-toggle{grid-template-columns:1fr}.mode-button{text-align:center}}
.example-actions{display:flex;gap:10px;flex-wrap:wrap}.rule-card .secondary-action{background:#1b2635;color:var(--text);border:1px solid #3b4a61}.call-details{margin-top:14px;display:grid;gap:8px;padding:14px;border-radius:12px;background:#0b1018;border:1px solid var(--line)}.call-details>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:start}.call-details span{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.call-details strong,.call-details code{font-size:.82rem;overflow-wrap:anywhere;color:#dce5f1}.call-details code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media(max-width:820px){.example-actions{width:100%}.example-actions button{flex:1}}@media(max-width:480px){.call-details>div{grid-template-columns:1fr;gap:3px}.example-actions{display:grid;grid-template-columns:1fr}.example-actions button{width:100%}}