.cl-handoff{padding:145px 0 90px;min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(18,168,216,.16),transparent 30%),var(--cl-background)}.cl-handoff__shell{display:grid;grid-template-columns:360px 1fr;min-height:680px;border:1px solid var(--cl-border-color);border-radius:30px;overflow:hidden;background:var(--cl-surface);box-shadow:0 35px 100px var(--cl-shadow-color)}.cl-handoff aside{padding:40px;background:linear-gradient(145deg,rgba(18,168,216,.14),rgba(124,58,237,.12))}.cl-handoff aside>span{color:var(--cl-accent);font-weight:900;letter-spacing:.15em;font-size:.72rem}.cl-handoff h1{font-size:2.7rem;line-height:1.03;margin:14px 0}.cl-handoff aside p{color:var(--cl-muted);line-height:1.65}.cl-handoff__facts{display:grid;gap:9px;margin:35px 0;padding:20px;border:1px solid var(--cl-border-color);border-radius:18px}.cl-handoff__facts small{color:var(--cl-muted)}.cl-handoff__progress{height:7px;background:var(--cl-background);border-radius:99px;overflow:hidden;margin-top:35px}.cl-handoff__progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cl-primary),var(--cl-secondary));transition:.3s}.cl-handoff main{display:flex;flex-direction:column;min-width:0}.cl-handoff main>header{display:grid;padding:24px 30px;border-bottom:1px solid var(--cl-border-color)}.cl-handoff main>header span{color:var(--cl-muted);font-size:.8rem}.cl-handoff__feed{flex:1;overflow:auto;padding:30px;display:flex;flex-direction:column;gap:15px}.cl-handoff__feed>div{max-width:78%;padding:16px 18px;border-radius:18px;background:var(--cl-background-alt)}.cl-handoff__feed .is-user{align-self:flex-end;background:rgba(18,168,216,.15)}.cl-handoff__feed b{font-size:.75rem;color:var(--cl-accent)}.cl-handoff__feed p{margin:6px 0 0;white-space:pre-line;line-height:1.55}.cl-handoff form{display:flex;gap:12px;padding:22px;border-top:1px solid var(--cl-border-color)}.cl-handoff textarea{flex:1;padding:15px;border:1px solid var(--cl-border-color);border-radius:14px;background:var(--cl-background);color:var(--cl-text);resize:none}.cl-handoff button,.cl-handoff__done{align-self:center;padding:14px 20px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--cl-primary),var(--cl-secondary));color:#fff;font-weight:800;text-decoration:none}.cl-handoff__done{display:inline-flex;margin:10px 30px 30px}@media(max-width:800px){.cl-handoff__shell{grid-template-columns:1fr}.cl-handoff aside{padding:28px}.cl-handoff main{min-height:600px}.cl-handoff form{align-items:stretch}.cl-handoff button{padding:10px}}