@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--primary-blue: #1D7BBF;--primary-purple: #662D91;--brand-gradient: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-purple) 100%);--bg-color: #fdfdfd;--text-dark: #1f2937;--text-light: #6b7280;--text-lighter: #9ca3af;--white: #ffffff;--border-light: rgba(0, 0, 0, .04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:24px 24px;color:var(--text-dark);line-height:1.6;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.ambient-aurora{position:absolute;top:0;left:0;width:100%;height:600px;overflow:hidden;z-index:0;pointer-events:none}.aurora-blob{position:absolute;filter:blur(120px);border-radius:50%;opacity:.15}.aurora-blob.primary{background:var(--primary-blue);width:600px;height:600px;top:-200px;left:-100px;animation:aurora-breath-1 12s infinite alternate ease-in-out}.aurora-blob.secondary{background:var(--primary-purple);width:500px;height:500px;top:-150px;right:-50px;animation:aurora-breath-2 15s infinite alternate ease-in-out}@keyframes aurora-breath-1{0%{transform:scale(1) translate(0);opacity:.15}to{transform:scale(1.1) translate(40px,20px);opacity:.25}}@keyframes aurora-breath-2{0%{transform:scale(1) translate(0);opacity:.12}to{transform:scale(1.15) translate(-30px,30px);opacity:.22}}.header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:rgba(253,253,253,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.02);z-index:10;position:relative}.header-brand{display:flex;align-items:center}.brand-logo{height:28px;width:auto;object-fit:contain;filter:grayscale(100%) opacity(.8);transition:all .3s ease}.brand-logo:hover{filter:grayscale(0%) opacity(1)}.action-buttons{display:flex;gap:12px;justify-content:center;align-items:center}.new-chat-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:transparent;color:var(--text-light);border:1px solid var(--border-light);border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.new-chat-btn:hover{background:#f3f4f6;color:var(--text-dark)}.active-voice-btn{background-color:#fee2e2!important;color:#ef4444!important;border-color:#fca5a5!important}@keyframes ripple-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.5);opacity:0}}.ripple-container{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;border-radius:999px;background-color:currentColor;animation:ripple-ring 1.5s infinite cubic-bezier(.4,0,.2,1)}.language-selector{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border-light);font-size:.875rem;color:var(--text-light)}.language-selector select{background:transparent;border:none;color:inherit;outline:none;cursor:pointer}.chat-container{flex:1;overflow-y:auto;padding:32px 20px;display:flex;flex-direction:column;gap:32px;scroll-behavior:smooth;margin:0 auto;width:100%;max-width:1000px;position:relative;z-index:1}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;margin-top:-5vh}.empty-state-logo{height:52px;width:auto;margin-bottom:28px;object-fit:contain;transition:all .5s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 8px 16px rgba(29,123,191,.15)) drop-shadow(0 2px 6px rgba(102,45,145,.1))}.empty-state-logo:hover{transform:scale(1.08) translateY(-4px);filter:drop-shadow(0 15px 30px rgba(29,123,191,.25)) drop-shadow(0 5px 15px rgba(102,45,145,.2))}.empty-state h2{font-size:2.25rem;font-weight:700;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-bottom:8px;letter-spacing:-.02em}.empty-state>p{font-size:1.1rem;color:var(--text-light);margin-bottom:40px}.suggestion-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:640px;margin:0 auto}.suggestion-card{background:#ffffff;border-radius:20px;padding:24px;display:flex;flex-direction:column;text-align:left;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 20px #00000005;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;cursor:pointer;position:relative;overflow:hidden}.suggestion-card:before{content:"";position:absolute;top:0;right:0;width:160px;height:160px;border-radius:50%;filter:blur(40px);opacity:.15;z-index:0;transform:translate(30%,-30%);transition:opacity .3s}.suggestion-card.blue:before{background:#3b82f6}.suggestion-card.orange:before{background:#f97316}.suggestion-card.purple:before{background:#a855f7}.suggestion-card.teal:before{background:#14b8a6}.suggestion-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000000f}.suggestion-card:hover:before{opacity:.25}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative;z-index:1}.card-icon{position:relative;z-index:1}.suggestion-card.blue .card-icon{color:#3b82f6}.suggestion-card.orange .card-icon{color:#f97316}.suggestion-card.purple .card-icon{color:#a855f7}.suggestion-card.teal .card-icon{color:#14b8a6}.sparkle-icon{color:#9ca3af;position:relative;z-index:1;transition:color .3s}.suggestion-card.blue:hover .sparkle-icon{color:#3b82f6}.suggestion-card.orange:hover .sparkle-icon{color:#f97316}.suggestion-card.purple:hover .sparkle-icon{color:#a855f7}.suggestion-card.teal:hover .sparkle-icon{color:#14b8a6}.card-title{font-weight:600;font-size:1.05rem;color:#1f2937;margin-bottom:8px;position:relative;z-index:1}.card-desc{font-size:.85rem;color:#6b7280;line-height:1.5;position:relative;z-index:1}.message-wrapper{display:flex;gap:16px;max-width:85%}.message-wrapper.user{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.assistant{align-self:flex-start}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:500;font-size:.9rem;color:var(--white);box-shadow:0 2px 10px #0000000d}.avatar.user{background:#374151}.avatar.assistant{background:var(--brand-gradient)}.message-bubble{padding:16px 20px;border-radius:20px;font-size:1rem;line-height:1.6;box-shadow:0 2px 10px #00000005}.message-wrapper.user .message-bubble{background:#f3f4f6;color:var(--text-dark);border-bottom-right-radius:4px}.message-wrapper.assistant .message-bubble{background:var(--white);color:var(--text-dark);border:1px solid var(--border-light);border-bottom-left-radius:4px}.message-bubble p{margin-bottom:.75em}.message-bubble p:last-child{margin-bottom:0}.message-bubble ul,.message-bubble ol{margin-bottom:.75em;padding-left:24px}.message-bubble ul:last-child,.message-bubble ol:last-child{margin-bottom:0}.message-bubble li{margin-bottom:.35em}.typing-indicator{display:flex;gap:6px;padding:18px 24px;align-items:center}.typing-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-lighter);animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.4;box-shadow:0 0 #0000}40%{transform:scale(1.1);opacity:1;box-shadow:0 0 8px var(--primary-blue);background-color:var(--primary-blue)}}.input-container{padding:0 24px 32px;display:flex;justify-content:center;background:transparent}.input-form{display:flex;align-items:center;width:100%;max-width:760px;background:var(--white);border-radius:999px;box-shadow:0 8px 30px #0000000a;padding:6px 8px;border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1)}.input-form:focus-within{transform:translateY(-2px);box-shadow:0 0 0 1px #1d7bbf4d,0 0 0 4px #1d7bbf1a,0 12px 40px #662d911f;border-color:transparent}.attachment-btn{background:transparent;color:var(--text-lighter);border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s;margin-left:4px}.attachment-btn:hover:not(:disabled){color:var(--text-dark);background:#f3f4f6}.chat-input{flex:1;padding:12px 16px;border:none;outline:none;font-size:1.05rem;background:transparent;color:var(--text-dark)}.chat-input::placeholder{color:var(--text-lighter)}.send-btn{background:#f3f4f6;color:var(--text-lighter);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-btn:not(:disabled){background:var(--brand-gradient);color:var(--white);box-shadow:0 4px 15px #1d7bbf4d}.send-btn:not(:disabled):hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #1d7bbf66}.send-btn.flying svg{animation:fly-airplane .6s ease-in-out forwards}@keyframes fly-airplane{0%{transform:translate(0) scale(1);opacity:1}40%{transform:translate(20px,-20px) scale(.8);opacity:0}41%{transform:translate(-20px,20px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.send-btn:disabled{opacity:.6;cursor:not-allowed}.voice-controls{display:flex;flex-direction:column;align-items:center;padding:20px}.mic-button{width:80px;height:80px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #662d914d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.header{flex-direction:column;padding:16px 20px;gap:16px}.action-buttons{flex-wrap:wrap;gap:8px;width:100%}.action-buttons>*{flex:1;justify-content:center;white-space:nowrap}.chat-container{padding:16px 12px}.message-wrapper{max-width:95%;gap:10px}.message-bubble{padding:12px 16px;font-size:.95rem}.empty-state h2{font-size:1.75rem}.empty-state-logo{height:42px;margin-bottom:20px}.suggestion-cards{flex-direction:column;align-items:center;width:100%}.suggestion-card{width:100%;max-width:100%;padding:16px}.input-container{padding:0 12px 20px}.input-form{padding:4px 6px}.chat-input{padding:10px 12px;font-size:1rem}.send-btn{width:36px;height:36px}}