:root{--background: #0a0e17;--foreground: #e0e0e0;--primary: #0cf;--secondary: #f0c;--accent: #0fc;--border: #1a2030;--card: #111827;--card-hover: #1a2438;--input: #1a2030}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);background-image:radial-gradient(circle at 25% 25%,rgba(12,255,204,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(240,0,204,.05) 0%,transparent 50%);color:var(--foreground);width:100%;height:100vh;overflow-x:hidden}.chat-container.svelte-14ac0kc{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 30px #0cffcc1a;background-color:#111827b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none}.chat-header.svelte-14ac0kc{padding:1.5rem;background-color:var(--card);border-bottom:1px solid var(--border);text-align:center;position:relative}.chat-header.svelte-14ac0kc h1:where(.svelte-14ac0kc){font-size:1.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0}.connection-status.svelte-14ac0kc{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background-color:#f44336;box-shadow:0 0 5px #f4433680;transition:all .3s ease}.connection-status.connected.svelte-14ac0kc{background-color:#4caf50;box-shadow:0 0 5px #4caf5080}.chat-messages.svelte-14ac0kc{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-messages.svelte-14ac0kc::-webkit-scrollbar{width:6px}.chat-messages.svelte-14ac0kc::-webkit-scrollbar-track{background:transparent}.chat-messages.svelte-14ac0kc::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.message.svelte-14ac0kc{display:flex;margin-bottom:1rem}.message.user.svelte-14ac0kc{justify-content:flex-end}.message-content.svelte-14ac0kc{padding:.75rem 1rem;border-radius:12px;max-width:80%;animation:svelte-14ac0kc-fadeIn .3s ease-out}.message.user.svelte-14ac0kc .message-content:where(.svelte-14ac0kc){background:linear-gradient(135deg,#0cffcc1a,#0cffcc33);border:1px solid rgba(12,255,204,.3);box-shadow:0 0 15px #0cffcc1a}.message.svelte-14ac0kc p:where(.svelte-14ac0kc){margin:0;line-height:1.5}.chat-input-container.svelte-14ac0kc{padding:1.5rem;background-color:var(--card);border-top:1px solid var(--border)}form.svelte-14ac0kc{display:flex;gap:.5rem;max-width:1400px;margin:0 auto;width:100%}input.svelte-14ac0kc{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background-color:var(--input);color:var(--foreground);font-size:1rem;transition:all .3s ease}input.svelte-14ac0kc:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0cffcc33}button.svelte-14ac0kc{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;border:none;background:linear-gradient(135deg,#0cffcccc,#0cfc);color:#000;cursor:pointer;transition:all .3s ease}button.svelte-14ac0kc:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #0cffcc4d}button.svelte-14ac0kc:active:not(:disabled){transform:translateY(0)}button.svelte-14ac0kc:disabled{opacity:.5;cursor:not-allowed}@keyframes svelte-14ac0kc-typing{0%,to{transform:scale(.6);opacity:.6}50%{transform:scale(1);opacity:1}}@keyframes svelte-14ac0kc-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}