.cr-chat{position:fixed;right:22px;bottom:22px;z-index:80;font-family:"DM Sans",sans-serif}
.cr-chat-toggle{width:62px;height:62px;border:0;border-radius:50%;cursor:pointer;color:#031019;background:linear-gradient(145deg,#25d9ff,#3979ff);box-shadow:0 16px 40px rgba(18,156,255,.38);display:grid;place-items:center;position:relative}
.cr-chat-toggle svg{width:26px;height:26px;fill:none;stroke:#031019;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cr-chat-toggle .cr-chat-x{display:none;width:18px;height:18px}
.cr-chat.open .cr-chat-toggle .cr-chat-bubble{display:none}
.cr-chat.open .cr-chat-toggle .cr-chat-x{display:block}
.cr-chat-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#57f2b2;color:#04130d;font:700 11px/20px "Manrope",sans-serif;display:none}
.cr-chat-badge.show{display:block}
.cr-chat-panel{position:absolute;right:0;bottom:76px;width:min(380px,calc(100vw - 32px));height:520px;max-height:calc(100vh - 120px);display:none;flex-direction:column;overflow:hidden;border:1px solid rgba(155,190,220,.18);background:#08111b;box-shadow:0 28px 80px rgba(0,0,0,.55);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.cr-chat.open .cr-chat-panel{display:flex}
.cr-chat-head{padding:18px 18px 14px;border-bottom:1px solid rgba(155,190,220,.12);background:linear-gradient(180deg,rgba(22,217,255,.08),transparent)}
.cr-chat-head strong{display:block;font:700 16px/1.2 "Manrope",sans-serif;letter-spacing:-.02em}
.cr-chat-head span{display:flex;align-items:center;gap:8px;margin-top:6px;color:#7d91a9;font-size:12px}
.cr-chat-head i{width:7px;height:7px;border-radius:50%;background:#57f2b2;box-shadow:0 0 10px #57f2b2}
.cr-chat-log{flex:1;overflow:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:10px}
.cr-chat-buttons{display:flex;gap:7px;overflow-x:auto;padding:8px 12px 10px;border-top:1px solid rgba(155,190,220,.08)}
.cr-chat-buttons[hidden]{display:none}
.cr-chat-buttons button{flex:0 0 auto;border:1px solid rgba(37,217,255,.35);background:#0c1b29;color:#cfeeff;padding:8px 11px;border-radius:999px;cursor:pointer;font:600 12px/1.2 "DM Sans",sans-serif}
.cr-chat-buttons button:hover{border-color:#25d9ff;background:#10263a}.cr-chat-buttons button:disabled{opacity:.55;cursor:wait}
.cr-chat-empty{margin:auto;text-align:center;color:#7d91a9;font-size:13px;line-height:1.55;max-width:240px}
.cr-msg{max-width:82%;padding:10px 12px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.cr-msg.visitor{align-self:flex-end;background:linear-gradient(120deg,#1b3a58,#16324c);color:#eaf6ff}
.cr-msg.admin{align-self:flex-start;background:#0d1824;border:1px solid rgba(22,217,255,.16);color:#dce9f5}
.cr-msg time{display:block;margin-top:6px;font-size:10px;color:#6f8499}
.cr-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid rgba(155,190,220,.12);background:#071019}
.cr-chat-form input,.cr-chat-form textarea{width:100%;border:1px solid rgba(132,168,198,.22);background:#050b12;color:#eef6fb;padding:12px 12px;outline:none;font:15px/1.3 "DM Sans",sans-serif;resize:none}
.cr-chat-form textarea{min-height:46px;max-height:110px}
.cr-chat-form input:focus,.cr-chat-form textarea:focus{border-color:#16d9ff}
.cr-chat-form button{border:0;min-width:48px;background:linear-gradient(120deg,#25d9ff,#3979ff);color:#031019;cursor:pointer;font-weight:800}
.cr-chat-intro{flex:1;overflow:auto;padding:16px 16px 18px;display:flex;flex-direction:column;gap:12px}
.cr-chat-intro[hidden],.cr-chat-log[hidden],.cr-chat-form[hidden],.cr-chat-end[hidden],.cr-chat-confirm[hidden],.cr-chat-rate[hidden],.cr-chat-done[hidden]{display:none}
.cr-chat-end{border:0;background:none;color:#9bb0c4;padding:8px 12px 12px;font-size:12px;cursor:pointer;text-decoration:underline}
.cr-chat-confirm,.cr-chat-rate,.cr-chat-done{flex:1;overflow:auto;padding:22px 18px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.cr-chat-confirm p,.cr-chat-rate p,.cr-chat-done p{margin:0;color:#dce9f5;font-size:16px;line-height:1.45}
.cr-chat-confirm-actions{display:grid;gap:8px}
.cr-chat-confirm button,.cr-chat-rate button[type=submit],.cr-chat-done button{border:0;padding:12px 14px;cursor:pointer;font-weight:800;background:#0d1824;color:#dce9f5;border:1px solid rgba(155,190,220,.18)}
.cr-chat-confirm button.primary,.cr-chat-rate button[type=submit],.cr-chat-done button{background:linear-gradient(120deg,#25d9ff,#3979ff);color:#031019;border:0}
.cr-stars{display:flex;gap:6px}
.cr-stars button{border:0;background:none;color:#3c5268;font-size:28px;cursor:pointer;line-height:1;padding:0}
.cr-stars button.on{color:#16d9ff}
.cr-chat-rate label{display:grid;gap:6px;color:#9bb0c4;font-size:12px}
.cr-chat-rate label span{color:#6f8499}
.cr-chat-rate textarea{width:100%;border:1px solid rgba(132,168,198,.22);background:#050b12;color:#eef6fb;padding:12px;outline:none;font:15px/1.3 "DM Sans",sans-serif;resize:vertical}
.cr-chat-intro p{margin:0;color:#8ea0b4;font-size:13px;line-height:1.5}
.cr-chat-intro label{display:grid;gap:6px;color:#9bb0c4;font-size:12px}
.cr-chat-intro label em{color:#16d9ff;font-style:normal}
.cr-chat-intro label span{color:#6f8499;font-weight:400}
.cr-chat-intro input,.cr-chat-intro textarea{width:100%;border:1px solid rgba(132,168,198,.22);background:#050b12;color:#eef6fb;padding:12px;outline:none;font:15px/1.3 "DM Sans",sans-serif;resize:vertical}
.cr-chat-intro input:focus,.cr-chat-intro textarea:focus{border-color:#16d9ff}
.cr-chat-intro textarea{min-height:78px}
.cr-chat-intro button{border:0;margin-top:6px;background:linear-gradient(120deg,#25d9ff,#3979ff);color:#031019;font-weight:800;padding:13px 16px;cursor:pointer}
.cr-chat-error{color:#ffaaaa;font-size:12px}
@media(max-width:640px){.cr-chat{right:14px;bottom:14px}.cr-chat-panel{height:min(560px,calc(100vh - 96px))}}