body.cl-guest-v2[data-theme="light"] .cl-control.is-off{color:#df334e;background:#fff0f3;border-color:#f5c4ce}
body.cl-guest-v2 .cl-audio-active{outline:3px solid #ff4f9c;outline-offset:-3px;box-shadow:inset 0 0 26px #ff4f9c38,0 0 16px #ff4f9c44!important}
body.cl-guest-v2 .cl-device-menu{min-width:240px;display:grid;gap:10px}body.cl-guest-v2 .cl-device-menu[hidden]{display:none}
body.cl-guest-v2[data-theme="light"] .cl-cancel-search{background:#fff;color:#234776;border:1px solid #adc4e3}
body.cl-guest-v2[data-theme="light"] .cl-primary.cl-searching{background:#1754c9;border-color:#1754c9;color:white}
body.cl-guest-v2 .cl-primary.cl-holding{background:#fff!important;color:#fff!important;isolation:isolate;overflow:hidden}
body.cl-guest-v2 .cl-primary.cl-holding:before{content:"";position:absolute;inset:0;top:auto;height:var(--hold-progress,0%);background:#111;z-index:-1;border-radius:0;transform:none}
body.cl-guest-v2 .cl-primary.cl-holding:after{content:attr(data-countdown);position:absolute;inset:0;display:grid;place-items:center;color:#fff;mix-blend-mode:difference;mask:none;-webkit-mask:none;background:none;border:0;transform:none;font-size:22px;font-weight:800}
body.cl-guest-v2 .cl-primary.cl-holding svg{visibility:hidden}
body.cl-guest-v2 .cm-chat{display:flex;flex-direction:column;min-height:0;background:linear-gradient(120deg,#fff 5%,#edf7ff 72%,#fff);padding:12px 10px 0;border-left:1px solid #e1ecf9;font-family:Inter,system-ui,sans-serif}
body.cl-guest-v2 .cm-chat button{font:inherit;cursor:pointer}
.cm-chat button:disabled{opacity:.32;cursor:default}.cm-chat svg{width:22px;height:22px;flex:none}
.cm-head{display:flex;align-items:center;gap:8px;position:relative;flex:none;padding:12px 10px;background:linear-gradient(110deg,#fff,#e9f5ff);border:1px solid #fff;border-radius:24px;box-shadow:0 5px 20px #4c9eff1a;min-height:75px}
.cm-head>button{border:0;background:transparent;color:#1482ef;display:grid;place-items:center;padding:4px;flex:none;width:30px;height:34px}.cm-head>.cm-close{color:#ff3b65}.cm-head>.cm-profile{width:auto;height:auto;padding:0}.cm-head h2{font-size:22px;margin:0 auto 0 0}.cm-head h2+button{width:auto;font-size:12px}
.cm-person{min-width:0;flex:1}.cm-person strong{font-size:15px;color:#162442;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-person>div:first-child{display:flex;align-items:center;gap:6px}.cm-person time{font-size:11px;color:#8391ac}.cm-flags{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.cm-flags img{width:23px;height:16px;object-fit:cover;border-radius:3px;background:white}
.cm-invite img{width:29px;height:29px;object-fit:contain}.cm-avatar{height:37px;width:37px;min-width:37px;border-radius:50%;background:#e3eaf3;color:#8da1bc;display:grid;place-items:center;position:relative;align-self:start}.cm-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.cm-avatar.mine{background:#d6eaff;color:#1e80ed}.cm-avatar .cm-online{position:absolute;bottom:0;right:0;width:11px;height:11px;background:#20ca7b;border:2px solid white;border-radius:50%}
body.cl-guest-v2 .cm-chat .cl-messages{flex:1;min-height:0;overflow:auto;padding:18px 3px;background:transparent;scroll-behavior:smooth;display:flex;flex-direction:column;gap:17px}.clm-chat-row{display:flex;align-items:flex-start;gap:8px;max-width:96%;width:fit-content}.clm-chat-row.me{align-self:flex-end;flex-direction:row-reverse}.cm-message-body{min-width:0}.cm-bubble{border-radius:20px;background:#e9eef5;padding:12px 15px;color:#233351;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.clm-chat-row.me .cm-bubble{background:linear-gradient(130deg,#258dff,#0874ed);color:#fff}.cm-message-meta{display:flex;gap:6px;align-items:center;color:#8c97ae;font-size:10px;padding:4px 4px 0}.clm-chat-row.me .cm-message-meta{justify-content:flex-end}.cm-receipt{font-size:15px;color:#1382ff;letter-spacing:-5px;margin-right:5px}.cm-message-action{border:0;background:transparent;color:#8c9bb3;padding:2px;display:grid;place-items:center}.cm-message-action svg{width:12px;height:12px}.cm-reply{display:block;width:100%;max-height:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-left:3px solid #4893eb;border-radius:6px;background:#ffffff50;color:inherit;padding:7px;text-align:left;font-size:12px;margin-bottom:6px}.cm-highlight .cm-bubble{outline:3px solid #ffbd58}
body.cl-guest-v2 .cm-chat .cl-composer{margin:0 -10px;padding:12px 10px max(12px,env(safe-area-inset-bottom));border-top:1px solid #fff;background:linear-gradient(110deg,#fff,#e5f2ff);box-shadow:0 -6px 24px #7ebaff13;display:flex;align-items:center;gap:5px;flex:none}body.cl-guest-v2 .cm-chat .cl-composer input{min-width:0;flex:1;border:0;border-radius:22px;background:#ffffffbf;padding:13px 11px;font:inherit;font-size:13px;color:#273752}body.cl-guest-v2 .cm-chat .cl-composer button{flex:none;width:31px;height:37px;border:0;background:transparent;color:#8592a9;padding:4px;display:grid;place-items:center}body.cl-guest-v2 .cm-chat .cl-composer .send{width:41px;height:41px;background:#1384ff;color:white;border-radius:50%;box-shadow:0 3px 12px #1585ff30}.cm-chat .cl-emojis{display:none!important}
.cm-feedback{flex:none;font-size:12px;padding:9px 11px;color:#39577b;background:#eaf3ff;border-radius:10px;margin:5px 0}.cm-quote-compose{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e6f1ff;color:#385578;padding:9px;border-left:3px solid #258cff;font-size:12px}.cm-quote-compose span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-quote-compose button{border:0;background:none;color:inherit}
.cm-directory{overflow:auto;flex:1;padding:14px 0;min-height:0}.cm-directory>input{width:100%;padding:12px 15px;border:0;border-radius:22px;background:#eaf0f7;font:inherit;margin:0 0 15px}.cm-contact{display:flex!important;align-items:center;gap:12px;width:100%;padding:12px 6px;border:0;background:transparent;text-align:left}.cm-contact .cm-avatar{width:48px;height:48px;min-width:48px}.cm-contact>div{min-width:0;flex:1}.cm-contact strong{display:block;font-size:15px;color:#1f2d42}.cm-contact small{display:block;color:#7a899e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin-top:4px}.cm-contact:hover{background:#e8f3ff;border-radius:16px}.cm-badge{display:grid;place-items:center;font-size:10px;background:#ff3c55;color:#fff;border-radius:20px;padding:3px 6px}.cm-referral{width:100%;border:1px solid #cae4ff;border-radius:16px;padding:13px;background:#f0f8ff;color:#2860a5}.cm-profile-menu{position:absolute;top:100%;left:10px;z-index:50;background:#fff;border:1px solid #dce8f5;box-shadow:0 10px 35px #1e427c22;border-radius:14px;padding:8px;display:flex;gap:8px}.cm-profile-menu button{background:#f5f8fc;border:0;border-radius:9px;padding:9px;color:#d73559}.cm-profile-menu button:after{content:attr(aria-label);font-size:12px;margin-left:6px}
body.cl-guest-v2 .cl-account-menu{padding:16px;border-radius:22px;background:linear-gradient(120deg,#fff,#edf6ff)!important;border:1px solid #dbeafa!important;box-shadow:0 12px 40px #3775ba22!important}body.cl-guest-v2 .cl-account-menu button{padding:12px!important}body.cl-guest-v2 .cl-pro-crown{background:linear-gradient(145deg,#fff7d8,#ffdf83)!important;border:1px solid #edc767;box-shadow:inset 0 1px white,0 2px 8px #edc24f22}body.cl-guest-v2 .cl-pro-crown svg{fill:#ffd260;stroke:#986108;stroke-width:1.5}
@media(min-width:701px){body.cl-guest-v2:not(.cl-account-open) .cl-main:not(.cl-chat-closed){grid-template-columns:minmax(0,1fr) minmax(335px,390px)}}
@media(max-width:700px){body.cl-guest-v2 .cm-chat{padding:8px 8px 0}.cm-head{border-radius:20px}.cm-bubble{font-size:14px}.cm-avatar{width:30px;height:30px;min-width:30px}.clm-chat-row{max-width:100%}body.cl-guest-v2 .cm-chat .cl-composer{margin:0 -8px}.cm-person strong{font-size:14px}}
.cm-chat [hidden]{display:none!important}
body.cl-guest-v2,body.cl-guest-v2 input,body.cl-guest-v2 select,body.cl-guest-v2 textarea{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
.cm-directory textarea{width:100%;min-height:90px;border:1px solid #c5d9ef;border-radius:12px;padding:12px}
/* A thin gold outline stays visible on both photos and empty-profile placeholders. */
.cm-avatar{box-sizing:border-box;border:1.5px solid #d8ad37}
/* Interaction history shares the Camlangs accents and the chat scroll area. */
.cm-directory.cm-history{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;padding:14px 4px}
.cm-history-copy{font-size:14px;line-height:1.5;color:#57482c;margin:0 0 8px}.cm-history-period{font-size:12px;font-weight:650;color:#91630a;margin:0 0 18px}
.cm-history-day{margin:0 0 20px}.cm-history-day>h3{position:sticky;top:0;z-index:1;font-size:12px;color:#795c24;background:#fff7e2;border-bottom:1px solid #ecd8a6;padding:9px 10px;border-radius:10px;margin:0 0 6px}
.cm-history-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eddfbd}.cm-history-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:transparent;text-align:left;padding:5px;border-radius:12px;color:#463619}.cm-history-person:hover{background:#fff0c3}.cm-history-summary{display:grid;gap:4px;min-width:0}.cm-history-summary strong{overflow-wrap:anywhere;font-size:14px}.cm-history-summary time{font-size:11px;color:#7b6b4e}.cm-history-badge{color:#936409;font-size:11px;overflow-wrap:anywhere}
.cm-chat .cm-history-friend,.cm-chat .cm-history-more,.cm-chat .cm-history-upgrade{border:1px solid #dfbd6b;background:#fff0bf;color:#755009;border-radius:12px;padding:9px;font-size:12px;flex:none}.cm-history-friend svg{width:20px;height:20px}.cm-history-more{display:block;margin:14px auto}.cm-history-status{font-size:13px;color:#766340;line-height:1.5}
.cm-history-profile{display:grid;justify-items:center;gap:14px;padding:24px 12px;text-align:center}.cm-history-profile>.cm-avatar{width:88px;height:88px}.cm-history-profile h3{margin:0;color:#493919;overflow-wrap:anywhere}.cm-history-profile .cm-flags{justify-content:center;max-width:100%}
.cm-history :focus-visible,.ce-notification-friend:focus-visible{outline:2px solid #ad790c;outline-offset:3px}.ce-notifications .ce-notification-friend{width:100%;height:auto;min-height:58px;text-align:left;font:inherit;background:#fff0c3;border:1px solid #e9c976;color:#493d2a}.ce-notifications .ce-notification-friend:hover:not(:disabled){background:#ffe69a}
body.cl-guest-v2[data-theme="dark"] .cm-history-copy,body.cl-guest-v2[data-theme="dark"] .cm-history-profile h3{color:#f5e3b5}body.cl-guest-v2[data-theme="dark"] .cm-history-day>h3{background:#45391e;color:#f5d78d}body.cl-guest-v2[data-theme="dark"] .cm-history-person{color:#f5e3b5}body.cl-guest-v2[data-theme="dark"] .cm-history-person:hover{background:#45391e}
