@import"https://fonts.googleapis.com/css2?family=Special+Elite&display=swap";body{background:#edcfcf;text-align:center;font-size:.8rem;font-weight:300}.chat-container{position:fixed;bottom:env(safe-area-inset-bottom,20px);left:env(safe-area-inset-left,20px);right:env(safe-area-inset-right,20px);width:calc(100% - 40px);max-width:380px;height:calc(100% - 40px);max-height:600px;background:transparent;border-radius:22px;border:1.5px solid rgba(66,133,244,.18);box-shadow:0 8px 32px #1f26871a;display:flex;flex-direction:column;overflow:hidden;z-index:1001;font-family:monospace;transform:translateY(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);letter-spacing:.05em;margin:auto}.chat-container.visible{transform:translateY(0);opacity:1;display:flex}@media (max-height: 600px){.chat-container{height:calc(100% - 20px);max-height:none}}@media (max-width: 400px){.chat-container{width:calc(100% - 20px);left:10px;right:10px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.chat-container:not(.visible)+.chat-icon{animation:pulse 2s infinite}.chat-header{position:absolute;top:0;left:0;right:0;background:#f9f7f29f;border-radius:22px 22px 0 0;border-bottom:none;padding:1px 18px 1px 12px;display:flex;align-items:center;justify-content:space-between;min-height:38px;border-bottom:1.5px solid rgba(255,255,255,.18);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 4px 12px #0000001a;z-index:2;font-family:Special Elite,system-ui}.header-dot{width:15px;height:15px;background:#ff5f57;border-radius:50%;margin-right:0;border:1.5px solid rgba(0,0,0,.18);cursor:pointer;transition:transform .2s ease}.header-dot:hover{transform:scale(1.1)}.header-dot:active{transform:scale(.95)}.chat-header-title{flex:1;text-align:center;color:#00000048;font-size:1.35rem;font-weight:0;letter-spacing:.01em;margin-right:0;font-family:inherit;text-shadow:.5px 1px #00000042;text-decoration:none;position:relative;display:inline-block;transition:all .3s ease}.chat-header-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-shadow:1px 1px #00000042;overflow:hidden;transition:all .3s ease;clip-path:polygon(0 0,0 0,0 50%,0 50%)}.chat-header-title:hover:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:linear-gradient(45deg,#000,#000);-webkit-background-clip:text;background-clip:text;color:transparent}.chat-header-title:hover{opacity:.8}.chat-messages{flex:1;overflow-y:auto;padding:60px 8px 80px;display:flex;flex-direction:column;gap:18px;background:transparent;box-shadow:0 8px 32px #1f26871a}.message{max-width:85%;padding:7px 10px;border-radius:18px;color:#fff;word-wrap:break-word;line-height:1.6;font-size:1.05rem;box-shadow:0 8px 32px #1f26871a;border:none}.message.user{align-self:flex-end;background:#00000098;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);color:#fff;border-radius:18px 18px 6px;font-weight:500;text-shadow:1px 1px #00000042;border:1.5px solid rgba(66,133,244,.18)}.message.bot{align-self:flex-start;background:#493f3b5e;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-radius:18px 18px 18px 6px;border:1.5px solid rgba(255,255,255,.18);color:#fff;text-shadow:1px 1px #00000042;font-weight:400}.chat-input-container{position:absolute;bottom:0;left:0;right:0;background:transparent;border-top:1.5px solid rgba(255,255,255,.18);box-shadow:0 -4px 12px #0000001a;display:flex;justify-content:center;align-items:center;padding:6px 3px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.chat-input{flex:1 1 auto;width:100%;max-width:none;padding:9px 44px 9px 14px;border-radius:22px;border:1px solid #8f8f99de;background:#ffffffaf;color:#222;font-size:1.08rem;box-shadow:0 4px 16px #00000012;position:relative}.chat-send{position:absolute;right:8px;bottom:50%;transform:translateY(50%);margin-left:0;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #8f8f99de;background:transparent;color:#5bb6f8;box-shadow:0 2px 8px #00000012,inset 0 2px 6px #0000001a;cursor:pointer;transition:background .2s,border .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;z-index:2}.chat-send svg{width:18px;height:18px;stroke:#5bb6f8}.chat-send:hover,.chat-send:focus{background:#f5fafdb5;border-color:#8f8f99de;outline:none;box-shadow:0 2px 8px #00000012,inset 0 2px 8px #4285f414}.chat-send:active{background:#e3f2fd;border-color:#8f8f99de;box-shadow:0 1px 4px #00000012,inset 0 1.5px 6px #4285f41a}.chat-messages::-webkit-scrollbar{width:7px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff47}.chat-input-container{position:relative}.chat-send-loader{display:none;align-items:center;justify-content:center;height:100%;width:100%;font-size:1.3em;color:#5bb6f8;letter-spacing:1px;position:absolute;top:0;left:0;right:0;bottom:0;display:flex}.chat-send .dot{display:inline-block;animation:chat-dot-bounce 1.2s infinite;font-weight:700;font-size:1.2em;opacity:.7;margin:0;vertical-align:auto}.chat-send .dot:nth-child(2){animation-delay:.2s}.chat-send .dot:nth-child(3){animation-delay:.4s}@keyframes chat-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-6px);opacity:1}}