.chp-root{z-index:85;pointer-events:none;position:fixed;inset:0}.chp-root.is-open{pointer-events:auto}.chp-backdrop{background:var(--k-b-071933-38,#07193361);opacity:0;transition:opacity .26s;position:absolute;inset:0}.chp-root.is-open .chp-backdrop{opacity:.55}.chp-root.is-open.is-expanded .chp-backdrop{opacity:1}.chp{--mx-blue:var(--k-b-0f6aec,#0f6aec);--mx-ink:var(--k-t-071933,#071933);--mx-grey:var(--k-t-64748b,#64748b);--mx-line:var(--k-l-eef1f5,#eef1f5);width:min(400px,100vw);color:var(--mx-ink);background:var(--k-b-ffffff,#fff);box-shadow:-30px 0 70px -40px var(--k-s-071933-55,#0719338c), -1px 0 0 var(--mx-line);outline:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .34s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(104%)}.chp *,.chp :before,.chp :after{box-sizing:border-box}.chp-root.is-open .chp{transform:none}.chp-root.is-expanded .chp{width:100vw}.chp-list,.chp-convo{flex-direction:column;min-width:0;min-height:0;display:flex}.chp-list{flex:1}.chp-convo{flex:1;display:none}.chp-root.has-thread:not(.is-expanded) .chp-list{display:none}.chp-root.has-thread .chp-convo{display:flex}.chp-root.is-expanded .chp-list{border-right:1px solid var(--mx-line);flex:0 0 340px}.chp-root.is-expanded .chp-convo{display:flex}.chp-root.is-expanded .chp-bar-actions{display:none}.chp-convo>.mx-convo{flex:1;height:auto}.chp-bar{border-bottom:1px solid var(--mx-line);flex:none;justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 10px 0 18px;display:flex}.chp-bar h2{letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:700;display:flex}.chp-count{text-align:center;color:#fff;background:var(--mx-blue);border-radius:99px;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:20px}.chp-bar-actions{gap:2px;display:flex}.chp-icon{cursor:pointer;width:32px;height:32px;color:var(--k-t-64748b,#64748b);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,color .15s;display:grid}.chp-icon:hover{color:var(--mx-ink);background:var(--k-b-f1f4f8,#f1f4f8)}.chp-icon:focus-visible{outline:2px solid var(--mx-blue);outline-offset:1px}.chp-list-body{overscroll-behavior:contain;flex:1;min-height:0;padding-top:6px;overflow-y:auto}.chp .mx-items{padding:0 6px 12px;overflow:visible}.chp-pad{padding:0 16px}.chp .mx-empty{margin:8px 12px}.chp-convo-empty{color:var(--k-t-64748b,#64748b);background:var(--k-b-f8fafc,#f8fafc);flex:1;place-items:center;padding:24px;font-size:13.5px;display:grid;position:relative}.chp-convo-empty p{margin:0}.chp-convo-empty-bar{gap:2px;display:flex;position:absolute;top:12px;right:10px}.mx-convo.is-panel .mx-back{display:grid}.chp-root.is-expanded .mx-convo.is-panel .mx-back{display:none}.chp .mx-scroll{overscroll-behavior:contain}.chp-root:not(.is-expanded) .mx-item{border-radius:12px;gap:10px;padding:8px}.chp-root:not(.is-expanded) .mx-item .mx-avatar{width:38px!important;height:38px!important}.chp-root:not(.is-expanded) .mx-item-top b{font-size:13.5px}.chp-root:not(.is-expanded) .mx-item-top time{font-size:11px}.chp-root:not(.is-expanded) .mx-item-preview{font-size:12.5px}.chp-root:not(.is-expanded) .mx-badge{min-width:18px;height:18px;font-size:10.5px;line-height:18px}.chp-root:not(.is-expanded) .mx-empty b{font-size:14px}.chp-root:not(.is-expanded) .mx-empty p{font-size:12.5px}.chp-root:not(.is-expanded) .mx-btn{height:36px;padding:0 14px;font-size:12.5px}.chp-root:not(.is-expanded) .mx-head{gap:10px;min-height:56px;padding:8px 10px 8px 12px}.chp-root:not(.is-expanded) .mx-head .mx-avatar{width:34px!important;height:34px!important}.chp-root:not(.is-expanded) .mx-head-text b{font-size:14px}.chp-root:not(.is-expanded) .mx-head-text span{font-size:11.5px}.chp-root:not(.is-expanded) .mx-state{padding:3px 8px;font-size:10.5px}.chp-root:not(.is-expanded) .mx-state-until{display:none}.chp-root:not(.is-expanded) .mx-back{width:30px;height:30px;margin-left:-4px}.chp-root:not(.is-expanded) .mx-messages{gap:4px;padding:12px 12px 16px}.chp-root:not(.is-expanded) .mx-bubble{border-radius:14px 14px 14px 5px;max-width:82%;padding:7px 10px 6px}.chp-root:not(.is-expanded) .mx-row.is-mine .mx-bubble{border-radius:14px 14px 5px}.chp-root:not(.is-expanded) .mx-bubble p{font-size:13px;line-height:1.45}.chp-root:not(.is-expanded) .mx-bubble time{font-size:10px}.chp-root:not(.is-expanded) .mx-row-av{width:22px}.chp-root:not(.is-expanded) .mx-row-av .mx-avatar{width:22px!important;height:22px!important}.chp-root:not(.is-expanded) .mx-row-av .mx-avatar em{font-size:8.5px!important}.chp-root:not(.is-expanded) .mx-seen,.chp-root:not(.is-expanded) .mx-masked{margin-right:28px;font-size:10.5px}.chp-root:not(.is-expanded) .mx-masked{margin-left:28px}.chp-root:not(.is-expanded) .mx-day{margin:10px 0 4px;font-size:10.5px}.chp-root:not(.is-expanded) .mx-note{padding:6px 10px;font-size:11.5px}.chp-root:not(.is-expanded) .mx-file span{font-size:12px}.chp-root:not(.is-expanded) .mx-proposal{padding:12px 14px 10px}.chp-root:not(.is-expanded) .mx-proposal-main b{font-size:14.5px}.chp-root:not(.is-expanded) .mx-proposal-main strong{font-size:16px}.chp-root:not(.is-expanded) .mx-proposal-note{font-size:12.5px}.chp-root:not(.is-expanded) .mx-work{font-size:12px}.chp-root:not(.is-expanded) .mx-compose textarea{padding:9px 12px;font-size:13.5px}.chp-root:not(.is-expanded) .mx-icon-btn,.chp-root:not(.is-expanded) .mx-send{width:36px;height:36px}.chp-root:not(.is-expanded) .mx-propose-btn{height:36px;padding:0 12px;font-size:12px}.chp-root:not(.is-expanded) .mx-closed{font-size:12px}.chp-root:not(.is-expanded) .mx-work{padding:6px 10px 6px 12px}.chp-root:not(.is-expanded) .mx-work.is-propose-only{display:flex}.chp-root:not(.is-expanded) .mx-work-propose{display:inline-flex}.chp-root:not(.is-expanded) .mx-propose-btn{display:none}.chp-root:not(.is-expanded) .mx-work-label{font-size:10.5px}.chp-root:not(.is-expanded) .mx-work-chip{height:28px;padding:0 10px;font-size:12px}@media (max-width:599px){.chp{width:100vw}.chp-expand{display:none}.chp-root:not(.is-expanded) .mx-compose textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.chp,.chp-backdrop{transition:none}}