.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.message-bubble-user{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:1rem;max-width:85%;margin-left:auto;padding:1rem;box-shadow:0 4px 15px #2563eb4d}.message-bubble-bot{background:var(--bot-bubble-bg);border:1px solid var(--bot-bubble-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:85%;color:var(--bot-bubble-text);border-radius:1rem;padding:1rem}input:-webkit-autofill{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg)inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg)inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg)inset;transition:background-color 5000s ease-in-out}textarea:-webkit-autofill{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg)inset;transition:background-color 5000s ease-in-out}textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg)inset;transition:background-color 5000s ease-in-out}textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--input-text);-webkit-box-shadow:0 0 0px 1000px var(--input-bg)inset;transition:background-color 5000s ease-in-out}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb);filter:brightness(1.2)}.status-indicator{border-radius:50%;width:8px;height:8px;display:inline-block}.status-online{background-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.status-offline{background-color:#ef4444;box-shadow:0 0 0 2px #ef44444d}.status-checking{background-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b4d}.code-block-container{border:1px solid var(--bot-bubble-border);border-radius:.5rem;max-width:100%;margin:.5rem 0;position:relative;overflow:hidden}.code-header{background:var(--code-header-bg);border-bottom:1px solid var(--bot-bubble-border);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.code-language{color:#9ca3af;font-size:.75rem;font-weight:500}.code-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6cc;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.code-copy-btn:hover{background:#3b82f6}.code-content{background:var(--code-bg);color:var(--code-text);white-space:pre-wrap;word-wrap:break-word;max-width:100%;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.text-content{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin-bottom:.5rem;line-height:1.6}.text-content:last-child{margin-bottom:0}.copy-text-btn{background:var(--code-header-bg);color:var(--bot-bubble-text);border:1px solid var(--bot-bubble-border);cursor:pointer;white-space:nowrap;border-radius:.25rem;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.75rem;transition:all .2s;display:flex}.copy-text-btn:hover{background:var(--bot-bubble-border);color:var(--bot-bubble-text)}.message-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.message-content-wrapper{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.text-break{word-break:break-word;overflow-wrap:break-word;max-width:100%}.long-text-fix{word-break:break-word;overflow-wrap:anywhere;max-width:100%}.message-content{overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.chat-message{width:fit-content;max-width:100%}@media (max-width:768px){.message-bubble-user,.message-bubble-bot{max-width:95%}}