.cx{--cx-bg:#f6f8fc;--cx-surface:#ffffff;--cx-ink:#0f172a;--cx-dim:#64748b;--cx-faint:#94a3b8;--cx-primary:#2563eb;--cx-deep:#1d4ed8;--cx-soft:#eff4ff;--cx-azure:#0ea5e9;--cx-line:rgba(15,23,42,0.08);--cx-line-2:rgba(15,23,42,0.05);--cx-shadow-bubble:0 1px 2px rgba(15,23,42,0.04),0 4px 12px rgba(15,23,42,0.04);--cx-shadow-card:0 1px 2px rgba(15,23,42,0.04),0 18px 40px -22px rgba(15,23,42,0.22);--cx-enter:cubic-bezier(0.05,0.7,0.1,1);--cx-emph:cubic-bezier(0.2,0,0,1);background:var(--cx-bg);color:var(--cx-ink);min-height:100vh;font-family:var(--font-manrope),"Manrope",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.cx:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(37,99,235,.04) 1px,transparent 1.4px);background-size:28px 28px}.cx-grid{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:18px clamp(12px,3vw,28px) 22px;display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px;align-items:start}.cx-convo{display:flex;flex-direction:column;height:calc(100vh - 132px);min-height:520px;background:var(--cx-surface);border:1px solid var(--cx-line);border-radius:24px;box-shadow:var(--cx-shadow-card);overflow:hidden}.cx-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--cx-line-2);background:linear-gradient(180deg,#fbfcff,#ffffff)}.cx-head-name{font-size:15px;font-weight:800;letter-spacing:-.01em}.cx-head-name span{color:var(--cx-primary)}.cx-head-sub{font-size:11.5px;font-weight:600;color:var(--cx-dim);margin-top:1px}.cx-head-status{margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#16a34a;text-transform:uppercase}.cx-head-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:cx-ping 2s infinite}@keyframes cx-ping{70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.cx-stream{flex:1;overflow-y:auto;padding:20px clamp(14px,3vw,26px);display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.cx-row{display:flex;gap:10px;align-items:flex-end;max-width:86%}.cx-row[data-who=me]{margin-inline-start:auto;flex-direction:row-reverse}.cx-row+.cx-row[data-who]{margin-top:0}.cx-row[data-first=true]{margin-top:14px}.cx-bubble{padding:13px 16px;font-size:15.5px;line-height:1.5;border-radius:18px;max-width:560px;animation:cx-bubble-in .26s var(--cx-enter) both;word-wrap:break-word;overflow-wrap:anywhere}.cx-row[data-who=bot] .cx-bubble{background:var(--cx-surface);border:1px solid var(--cx-line);box-shadow:var(--cx-shadow-bubble);border-end-start-radius:5px;color:var(--cx-ink)}.cx-row[data-who=me] .cx-bubble{background:var(--cx-soft);color:var(--cx-ink);border-end-end-radius:5px}@keyframes cx-bubble-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cx-typing{display:inline-flex;gap:5px;padding:4px 2px}.cx-typing i{width:7px;height:7px;border-radius:50%;background:var(--cx-faint);animation:cx-typing 1.4s ease-in-out infinite}.cx-typing i:nth-child(2){animation-delay:.16s}.cx-typing i:nth-child(3){animation-delay:.32s}@keyframes cx-typing{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-4px);opacity:1}}.cx-ava{width:38px;height:38px;flex-shrink:0;position:relative}.cx-ava svg{width:100%;height:100%;display:block;overflow:visible}.cx-ava[data-state=idle] .cx-ava-core{animation:cx-breathe 2.6s ease-in-out infinite}.cx-ava[data-state=think] .cx-ava-ring{animation:cx-spin 1.2s linear infinite;opacity:1}.cx-ava[data-state=happy] .cx-ava-core{animation:cx-pop .6s cubic-bezier(.34,1.56,.64,1)}.cx-ava-ring{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .2s ease}@keyframes cx-breathe{50%{transform:scale(1.05)}}@keyframes cx-spin{to{transform:rotate(1turn)}}@keyframes cx-pop{40%{transform:scale(1.16)}}.cx-ava-sm{width:28px;height:28px}.cx-pills{display:flex;flex-wrap:wrap;gap:8px;padding:4px clamp(14px,3vw,26px) 0}.cx-pill{min-height:40px;padding:8px 15px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:var(--cx-surface);border:1px solid #bfd3ff;color:var(--cx-deep);font-size:13.5px;font-weight:700;cursor:pointer;animation:cx-chip-in .22s var(--cx-enter) both;transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.cx-pill:hover{background:var(--cx-soft);box-shadow:0 6px 16px -8px rgba(37,99,235,.5)}.cx-pill:active{transform:scale(.96)}@keyframes cx-chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cx-composer{padding:12px clamp(14px,3vw,26px) 16px;border-top:1px solid var(--cx-line-2)}.cx-input{display:flex;align-items:flex-end;gap:8px;background:var(--cx-surface);border:1.5px solid var(--cx-line);border-radius:22px;padding:7px 7px 7px 16px;transition:border-color .18s ease,box-shadow .18s ease}.cx-input:focus-within{border-color:var(--cx-primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.cx-input textarea{flex:1;border:none;outline:none;resize:none;background:transparent;font:inherit;font-size:15.5px;line-height:1.5;color:var(--cx-ink);max-height:132px;padding:8px 0}.cx-input textarea::placeholder{color:var(--cx-faint)}.cx-send{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:var(--cx-line);transition:background .18s ease,transform .12s ease}.cx-send[data-ready=true]{background:linear-gradient(135deg,var(--cx-primary),var(--cx-azure))}.cx-send[data-ready=true]:hover{transform:translateY(-1px) scale(1.04)}.cx-send:disabled{cursor:default}.cx-composer-hint{font-size:10.5px;color:var(--cx-faint);margin:8px 4px 0;text-align:center}.cx-dossier{position:sticky;top:18px;background:var(--cx-surface);border:1px solid var(--cx-line);border-radius:22px;box-shadow:var(--cx-shadow-card);overflow:hidden}.cx-dossier-head{display:flex;align-items:center;gap:13px;padding:18px 18px 16px;background:linear-gradient(135deg,#eff4ff,#f7fbff);border-bottom:1px solid var(--cx-line-2)}.cx-dossier-title{font-size:14px;font-weight:800;letter-spacing:-.01em}.cx-dossier-sub{font-size:11px;font-weight:600;color:var(--cx-dim);margin-top:2px}.cx-ring{width:52px;height:52px;flex-shrink:0;position:relative}.cx-ring svg{transform:rotate(-90deg)}.cx-ring-track{fill:none;stroke:#e2e8f0;stroke-width:5}.cx-ring-fill{fill:none;stroke:url(#cx-ringgrad);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .7s var(--cx-emph)}.cx-ring-num{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;font-weight:900;color:var(--cx-deep)}.cx-fields{padding:8px 14px 16px;display:flex;flex-direction:column}.cx-field{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid var(--cx-line-2)}.cx-field:last-child{border-bottom:none}.cx-field-ic{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:#f1f5f9;color:var(--cx-faint);transition:background .4s var(--cx-emph),color .4s var(--cx-emph)}.cx-field[data-filled=true] .cx-field-ic{background:var(--cx-soft);color:var(--cx-primary)}.cx-field-body{min-width:0;flex:1}.cx-field-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-faint)}.cx-field-val{font-size:14px;font-weight:700;color:var(--cx-ink);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-field[data-filled=false] .cx-field-val{color:#cbd5e1;font-weight:600}.cx-field-check{flex-shrink:0;width:18px;height:18px;opacity:0;transform:scale(.5);transition:opacity .3s var(--cx-emph),transform .3s var(--cx-emph)}.cx-field[data-filled=true] .cx-field-check{opacity:1;transform:scale(1)}.cx-field[data-land=true]{animation:cx-land .6s var(--cx-emph)}@keyframes cx-land{0%{background:rgba(37,99,235,.12)}to{background:transparent}}.cx-cat-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--cx-soft);color:var(--cx-deep);font-size:12px;font-weight:800}.cx-sev{display:inline-flex;gap:3px;align-items:center}.cx-sev i{width:6px;height:12px;border-radius:2px;background:#e2e8f0}.cx-sev[data-lvl=critical] i:nth-child(-n+4),.cx-sev[data-lvl=high] i:nth-child(-n+3),.cx-sev[data-lvl=low] i:nth-child(-n+1),.cx-sev[data-lvl=medium] i:nth-child(-n+2){background:var(--cx-primary)}.cx-sev[data-lvl=critical] i{background:#ef4444}.cx-dossier-foot{padding:6px 16px 18px}.cx-dossier-note{font-size:11px;color:var(--cx-dim);text-align:center;line-height:1.5}.cx-launch{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(15,23,42,.34);backdrop-filter:blur(6px);animation:cx-fade .3s ease both}@keyframes cx-fade{0%{opacity:0}}.cx-launch-card{width:min(420px,92vw);text-align:center;background:var(--cx-surface);border-radius:26px;padding:40px 32px 32px;box-shadow:0 40px 90px -30px rgba(15,23,42,.5);animation:cx-spring .9s cubic-bezier(.34,1.56,.64,1) both;position:relative;overflow:hidden}@keyframes cx-spring{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.cx-seal{width:92px;height:92px;margin:0 auto 20px;position:relative}.cx-seal-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--cx-primary);opacity:0;animation:cx-ripple .9s ease-out .2s}@keyframes cx-ripple{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.8);opacity:0}}.cx-seal-circle{fill:var(--cx-soft)}.cx-seal-check{fill:none;stroke:var(--cx-primary);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:cx-draw .45s var(--cx-emph) .25s forwards}@keyframes cx-draw{to{stroke-dashoffset:0}}.cx-launch-title{font-size:22px;font-weight:800;letter-spacing:-.02em}.cx-launch-sub{font-size:14px;color:var(--cx-dim);margin-top:8px;line-height:1.55}.cx-launch-ref{display:inline-block;margin-top:18px;padding:12px 20px;border-radius:14px;background:linear-gradient(135deg,var(--cx-primary),var(--cx-azure));color:#fff;font-family:ui-monospace,monospace;font-size:19px;font-weight:800;letter-spacing:.04em}.cx-launch-actions{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}.cx-launch-btn{padding:11px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;border:1px solid var(--cx-line)}.cx-launch-btn[data-primary=true]{background:var(--cx-ink);color:#fff;border-color:var(--cx-ink)}.cx-launching{display:inline-flex;flex-direction:column;align-items:center;gap:16px}.cx-launching-ring{width:56px;height:56px;border-radius:50%;border:4px solid var(--cx-soft);border-top-color:var(--cx-primary);animation:cx-spin .8s linear infinite}@media (max-width:1000px){.cx-grid{grid-template-columns:minmax(0,1fr)}.cx-convo{height:calc(100vh - 210px)}.cx-dossier{position:relative;top:0;order:-1}.cx-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.cx-field:nth-last-child(2){border-bottom:none}}@media (max-width:560px){.cx-fields{grid-template-columns:1fr}.cx-field:nth-last-child(2){border-bottom:1px solid var(--cx-line-2)}.cx-bubble{font-size:15px}}.cx [dir=rtl]{text-align:right}@media (prefers-reduced-motion:reduce){.cx-bubble,.cx-launch-card,.cx-pill{animation-duration:.12s!important}.cx-ava-core,.cx-ava-ring,.cx-head-status i,.cx-launching-ring,.cx-seal-check,.cx-seal-ring,.cx-typing i{animation:none!important}.cx-seal-check{stroke-dashoffset:0}}@media (forced-colors:active){.cx-sev i{background:Canvas;border:1px solid GrayText}.cx-sev[data-lvl=critical] i:nth-child(-n+4),.cx-sev[data-lvl=high] i:nth-child(-n+3),.cx-sev[data-lvl=low] i:nth-child(-n+1),.cx-sev[data-lvl=medium] i:nth-child(-n+2){background:CanvasText;border-color:CanvasText}}