:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7fff5;background:#081c1b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#164f43,#081c1b 45%)}a{color:#9af3ca}header{max-width:1200px;margin:auto;padding:22px 28px;border-bottom:1px solid #396454;display:flex;align-items:center;justify-content:space-between;gap:15px}header a{text-decoration:none;font-size:14px}.brand{font-weight:800;letter-spacing:.14em;color:#e7fff5}main{max-width:1200px;margin:auto;padding:42px 28px 70px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px}.eyebrow{color:#8becc0;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}h1{font-size:clamp(35px,5vw,61px);letter-spacing:-.045em;line-height:1.04;margin:10px 0 17px}.intro p:last-child{color:#b8d7cb;line-height:1.6;max-width:630px}.avatar{min-width:130px;display:grid;justify-items:center;gap:10px;font-size:12px;color:#9de9c6;text-align:center}.avatar img{filter:drop-shadow(0 12px 22px #0006);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}.notice{color:#b9d9cc;background:#12332e;border:1px solid #427362;border-radius:10px;font-size:13px;padding:12px 15px;margin:20px 0 25px}.workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.chat-panel,.task-panel{background:#102a27;border:1px solid #3b6757;border-radius:18px;overflow:hidden;min-width:0}.panel-head{padding:19px 22px;display:flex;justify-content:space-between;align-items:center;gap:9px;border-bottom:1px solid #37604f}.panel-head h2{font-size:19px;margin:0}.panel-head span{font-size:12px;color:#9be6bf}.messages{height:300px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:22px}.bubble{font-size:14px;line-height:1.5;padding:12px 15px;border-radius:16px;max-width:90%;margin:0;white-space:pre-wrap}.bot{align-self:flex-start;background:#1b4239}.user{align-self:flex-end;background:#78dbaa;color:#09261f}.prompts{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px}.prompts button{border:1px solid #66ab85;color:#baf7d3;background:#15392f;border-radius:99px;padding:9px 12px;font-size:13px;cursor:pointer}form{margin:0}#chat-form{border-top:1px solid #396454;display:flex;gap:9px;padding:15px 18px}input{min-width:0;color:#eafff1;background:#0a211e;border:1px solid #5c8974;border-radius:9px;padding:11px 12px;font:inherit}#chat-form input{flex:1}button{font:inherit;cursor:pointer}#chat-form button,.add-form button{border:0;border-radius:9px;background:#83e0ad;color:#092d23;padding:10px 14px;font-weight:750}.context{color:#b7d7c9;font-size:14px;padding:17px 21px 0;margin:0;line-height:1.5}.tasks{padding:10px 21px 0;margin:0;list-style:none;display:grid;gap:8px}.tasks li{background:#163831;border:1px solid #356650;border-radius:10px;padding:12px 13px;display:flex;align-items:start;gap:10px}.tasks input{accent-color:#84e1ae;width:19px;height:19px;margin:1px 0 0;flex-shrink:0}.tasks label{flex:1;line-height:1.45;font-size:14px;cursor:pointer}.tasks li.done label{text-decoration:line-through;color:#92bbaa}.add-form{padding:20px 21px 0}.add-form label{display:block;color:#a1ddbd;font-size:13px;font-weight:700;margin-bottom:7px}.add-form>div{display:flex;gap:8px}.add-form input{flex:1}.reset{margin:16px 21px 21px;color:#a7e9c7;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{margin-top:26px;color:#a4c2b4;font-size:13px}:focus-visible{outline:2px solid #a2f2c4;outline-offset:2px}@media(max-width:780px){.workspace{grid-template-columns:1fr}.messages{height:250px}}@media(max-width:500px){main{padding:23px 15px 45px}header{padding:18px 15px}.avatar{min-width:68px}.avatar img{width:58px;height:58px}.avatar span{display:none}h1{font-size:35px}.panel-head{padding:15px}.tasks{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){.avatar img{animation:none}}
.intro{justify-content:flex-start;align-items:flex-start}.intro .avatar{order:0;margin-top:25px}.intro>div:not(.avatar){order:1}.avatar{min-width:110px}@media(max-width:500px){.intro{gap:12px}.intro .avatar{min-width:58px;margin-top:23px}}
.next-step{display:block;margin:17px 21px 0;background:#84e1ae;color:#092d23;border:0;border-radius:9px;padding:11px 15px;font-weight:750}.next-step:hover{background:#aaf0c8}.reset{margin-top:8px}

/* The board leads; the conversation supports it. */
.workspace{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr)}.task-panel{min-height:515px}.task-panel .panel-head{padding:24px}.task-panel .panel-head h2{font-size:27px}.board-kicker{font-size:11px;letter-spacing:.16em;color:#8de9bd;margin:0 0 5px;font-weight:750}.context{padding:18px 24px 0}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:20px 24px 0}.board-column{min-height:230px;padding:13px;border:1px solid #39725a;border-radius:13px;background:#0c2622}.board-column.complete{background:#103128}.board-column h3{display:flex;justify-content:space-between;margin:0 0 11px;color:#b7ead0;font-size:14px}.board-column h3 span{color:#73dba8}.board-column .tasks{padding:0;margin:0}.board-column .tasks li{padding:12px}.board-column .tasks:empty::after{content:'Aquí aparecerán tus pasos';color:#85ae9d;font-size:12px;line-height:1.5}.board-column.complete .tasks:empty::after{content:'Tus avances aparecerán aquí'}.board-actions{display:flex;align-items:center;gap:12px;padding:12px 21px 20px}.board-actions .next-step,.board-actions .reset{margin:0}.add-form{padding-top:21px}.messages{height:360px}.chat-panel .panel-head{padding:21px 17px}.chat-panel .panel-head h2{font-size:17px}.prompts{padding:9px 15px}#chat-form{padding:13px}.chat-panel{position:sticky;top:20px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.chat-panel{position:static}.board{padding:16px}.messages{height:230px}}@media(max-width:490px){.board{grid-template-columns:1fr}.board-column{min-height:125px}.task-panel .panel-head{padding:17px}.board-actions{flex-wrap:wrap}}