@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";
:root{--bg-base:0 0% 98%;--bg-surface:0 0% 100%;--text-main:220 39% 11%;--text-muted:215 16% 47%;--primary:221 83% 53%;--primary-hover:221 83% 45%;--primary-text:0 0% 100%;--border:214 32% 91%;--accent-success:142 71% 45%;--accent-warning:38 92% 50%;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--font-sans:"Inter", sans-serif;--font-display:"Outfit", sans-serif}html.dark{--bg-base:222 47% 11%;--bg-surface:217 33% 17%;--text-main:210 40% 98%;--text-muted:215 20% 65%;--border:217 33% 25%;--bot-bubble:217 33% 17%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-main));font-family:var(--font-sans);flex-direction:column;height:100dvh;display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.glass-panel{background:hsla(var(--bg-surface), .7);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--border), .5);box-shadow:0 8px 32px #0000005e}.text-gradient{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-text));border-radius:var(--radius-full);font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:inline-flex}.btn-primary:hover{background:hsl(var(--primary-hover));box-shadow:0 4px 12px hsla(var(--primary), .4);transform:translateY(-2px)}.btn-chip{color:hsl(var(--primary));border:1px solid hsl(var(--primary));border-radius:var(--radius-full);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.btn-chip:hover{background:hsla(var(--primary), .1);transform:translateY(-1px)}.input-field{background:hsla(var(--bg-surface), .8);border:1px solid hsl(var(--border));width:100%;color:hsl(var(--text-main));border-radius:var(--radius-full);font-family:var(--font-sans);padding:.75rem 1.25rem;transition:all .2s}.input-field:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsla(var(--primary), .2);outline:none}.app-container{flex-direction:column;width:100%;max-width:1200px;height:100dvh;margin:0 auto;display:flex}.chat-area{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-lg);max-width:85%;padding:1rem;line-height:1.5;animation:.3s forwards fadeIn}.chat-bubble.bot{background:hsla(var(--bg-surface), .9);border:1px solid hsl(var(--border));border-bottom-left-radius:0;align-self:flex-start}.chat-bubble.user{background:hsl(var(--primary));color:hsl(var(--primary-text));box-shadow:0 4px 12px hsla(var(--primary), .3);border-bottom-right-radius:0;align-self:flex-end}.input-area{background:hsl(var(--bg-base));border-top:1px solid hsl(var(--border));align-items:flex-end;gap:.5rem;padding:1rem;display:flex}.quick-replies{flex-wrap:wrap;gap:.5rem;padding:.5rem 0;animation:.5s forwards fadeIn;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsla(var(--text-muted), .5)}