:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1e2a40;background:#f5f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:auto;padding:50px 32px 24px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:42px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#65708a;margin:0 0 12px}h1{font-size:36px;letter-spacing:-1.5px;margin:0}h1 span{font-weight:400;color:#8490a6}h2{font-size:25px;letter-spacing:-.6px;margin:0 0 14px}h3{margin:0 0 8px}.subtitle{color:#69758b;font-size:15px;margin:12px 0 0}.connection{font-size:12px;font-weight:600;border:1px solid #d5e8db;background:#ebf6ef;color:#2a7546;padding:10px 14px;border-radius:24px;white-space:nowrap}.connection.reconnecting{color:#89601d;background:#fff6df;border-color:#e9dcbb}.panel{border:1px solid #e0e4ee;background:white;border-radius:18px;padding:28px}.welcome{max-width:900px;min-height:330px;display:flex;align-items:center}.welcome p{line-height:1.7;max-width:710px}code,pre{font-family:ui-monospace,monospace;font-size:12px}code{background:#eef0f6;padding:3px 6px;border-radius:4px}.muted{color:#758098;font-size:13px;line-height:1.6}label{display:block;font-size:12px;font-weight:600;margin:24px 0 8px}.join-row{display:flex;gap:10px;flex-wrap:wrap}input{border:1px solid #dce1ed;border-radius:9px;padding:12px;font:inherit;min-width:200px;flex:1}button{border:0;border-radius:9px;padding:12px 17px;font:600 13px system-ui;background:#3d51b5;color:white;cursor:pointer}button.secondary{color:#3d51b5;background:#edf0ff}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a8b8ff;outline-offset:3px}.error{color:#a4433d;font-size:13px}.overview{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.overview h2{margin-bottom:0}.team{margin-bottom:30px}.team-title{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:650;margin:24px 0 14px}.count{background:#e8ebf2;color:#68758b;border-radius:6px;padding:3px 7px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:16px}.bot{background:#fff;border:1px solid #e0e4ee;border-radius:16px;padding:23px;min-height:196px}.bot-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:23px;background:#edf0fb;border:2px solid transparent}.name{font-size:15px;font-weight:650;overflow-wrap:anywhere}.badge{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;border-radius:5px;padding:4px 7px;margin-top:5px;background:#edf0f5;color:#67748a}.badge.working{color:#386154;background:#e6f4ef}.badge.blocked{color:#9e6130;background:#fff0dc}.badge.error{color:#a14645;background:#fcebec}.badge.done{color:#495fb5;background:#edf0ff}.step{font-size:14px;line-height:1.6;min-height:44px;overflow-wrap:anywhere;color:#526078;white-space:pre-wrap}.seen{font-size:11px;color:#8994a7;margin:17px 0 0}.empty{text-align:center;padding:64px 24px;color:#6b7991}.empty h3{color:#354561}details{margin-top:28px;font-size:13px;line-height:1.7}summary{cursor:pointer;font-weight:600}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6fb;padding:16px;border-radius:9px}footer{display:flex;justify-content:space-between;gap:16px;padding-top:30px;margin-top:20px;font-size:11px;color:#8c96a9}[hidden]{display:none!important}@media(max-width:650px){main{padding:28px 18px}header{align-items:flex-start;flex-direction:column;margin-bottom:28px}h1{font-size:29px}.overview{align-items:flex-start;flex-direction:column}.panel{padding:22px}.join-row{flex-direction:column}footer{flex-wrap:wrap}.cards{grid-template-columns:1fr}}

.portrait{position:relative;flex-shrink:0}.accessory{position:absolute;right:-5px;bottom:-6px;font-size:16px}.shape-sphere,.shape-bubble{border-radius:50%}.shape-cloud{border-radius:50% 50% 35% 35%}.shape-rounded_square{border-radius:12px}.shape-pill{border-radius:22px}.shape-drop{border-radius:50% 50% 50% 5%}.shape-cone,.shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}.shape-hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0}.shape-pentagon{clip-path:polygon(50% 0,100% 38%,80% 100%,20% 100%,0 38%);border-radius:0}.shape-star4{clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);border-radius:0}.shape-star6{clip-path:polygon(50% 0,65% 25%,93% 25%,80% 50%,93% 75%,65% 75%,50% 100%,35% 75%,7% 75%,20% 50%,7% 25%,35% 25%);border-radius:0}.shape-clover,.shape-flower{border-radius:18px 4px 18px 4px}.shape-trio{border-radius:50% 50% 30% 30%}