@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary:#0a1628;--primary-rgb:10,22,40;--primary-light:#1a2d4a;--accent:#c8a44e;--accent-rgb:200,164,78;--accent-hover:#dbb85e;--accent-glow:#c8a44e59;--bg-app:#f5f7fa;--bg-panel:#ffffffd9;--bg-bubble-user:var(--primary);--text-bubble-user:#fff;--bg-bubble-ai:#fff;--text-bubble-ai:#1a1a2e;--text-main:#1a1a2e;--text-muted:#5f6368;--border:#00000014;--glass-border:#fff6;--shadow-sm:0 2px 10px #0000000d;--shadow-md:0 8px 30px #0000001a;--shadow-lg:0 16px 48px #00000026;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition:.3s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-app:#0b0f19;--bg-panel:#121829d9;--bg-bubble-user:var(--accent);--text-bubble-user:var(--primary);--bg-bubble-ai:#1c2539;--text-bubble-ai:#e4e4ec;--text-main:#e4e4ec;--text-muted:#8a8fa8;--border:#ffffff12;--glass-border:#ffffff1a;--shadow-sm:0 4px 15px #0000004d;--shadow-md:0 10px 40px #0006;--shadow-lg:0 20px 60px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);height:100dvh;transition:background-color var(--transition);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.app-container{background:var(--bg-panel);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);max-width:600px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;position:relative}.header{border-bottom:1px solid var(--border);z-index:10;background:rgba(var(--primary-rgb),.02);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-brand{align-items:center;gap:12px;display:flex}.logo-container{background:var(--primary);width:44px;height:44px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.2);border-radius:10px;justify-content:center;align-items:center;padding:6px;display:flex}.header-logo{object-fit:contain;width:100%;height:100%}.header-text h1{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:700}[data-theme=dark] .header-text h1{background:linear-gradient(135deg,var(--accent),#f0d078);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-text p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-main);transition:all var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:rgba(var(--accent-rgb),.1);border-color:var(--accent);transform:translateY(-1px)}.lang-select{appearance:none;border:1px solid var(--border);cursor:pointer;color:var(--text-main);transition:all var(--transition);background:0 0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.lang-select:hover{border-color:var(--accent)}.chat-area{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent)transparent;flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.chat-area::-webkit-scrollbar{width:5px}.chat-area::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.message{flex-direction:column;max-width:85%;animation:.4s ease-out messageFadeIn;display:flex}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end}.message.ai{align-self:flex-start}.bubble{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:12px 16px;font-size:14px;line-height:1.6;position:relative}.user .bubble{background:var(--bg-bubble-user);color:var(--text-bubble-user);border-bottom-right-radius:4px}.ai .bubble{background:var(--bg-bubble-ai);color:var(--text-bubble-ai);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble p{margin-bottom:8px}.bubble p:last-child{margin-bottom:0}.bubble ul,.bubble ol{margin-bottom:8px;padding-left:20px}.bubble li{margin-bottom:4px}.bubble h3{margin:12px 0 8px;font-size:16px;font-weight:700}.bubble a{color:inherit;font-weight:600;text-decoration:underline}.welcome-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px 20px;display:flex}.welcome-icon{margin-bottom:8px;font-size:48px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-text h2{margin-bottom:12px;font-size:24px;font-weight:800}.welcome-text p{color:var(--text-muted);max-width:320px;font-size:14px;line-height:1.6}.chips-container{flex-wrap:wrap;justify-content:center;gap:10px;max-width:400px;display:flex}.chip{background:var(--bg-bubble-ai);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);color:var(--text-main);box-shadow:var(--shadow-sm);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.chip:hover{background:var(--accent);color:var(--primary);border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-2px)}.input-container{background:var(--bg-panel);border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 20px 24px;display:flex}.input-wrapper{background:var(--bg-bubble-ai);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition);align-items:flex-end;padding:8px 16px;display:flex}.input-wrapper:focus-within{border-color:var(--accent)}.chat-input{color:var(--text-main);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;padding:8px 0;font-family:inherit;font-size:14px}.send-btn{background:var(--accent);cursor:pointer;width:32px;height:32px;color:var(--primary);transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;margin-left:8px;display:flex}.send-btn:disabled{background:var(--border);cursor:not-allowed;opacity:.5}.send-btn:not(:disabled):hover{background:var(--accent-hover);transform:scale(1.1)}.disclaimer-text{color:var(--text-muted);text-align:center;padding:0 20px;font-size:10px}.typing{align-items:center;min-width:120px;padding:12px 16px;display:flex}.plane-loader{align-items:center;width:100%;height:28px;display:flex;position:relative;overflow:hidden}.plane-icon{z-index:2;filter:drop-shadow(0 2px 4px rgba(var(--accent-rgb),.4));font-size:22px;animation:2s ease-in-out infinite flyAcross;position:relative}.plane-trail{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5;border-radius:2px;height:2px;animation:2s ease-in-out infinite trailGlow;position:absolute;top:50%;left:0;transform:translateY(-50%)}@keyframes flyAcross{0%{opacity:0;transform:translate(-10px)rotate(-2deg)}15%{opacity:1}50%{opacity:1;transform:translate(40px)rotate(0)}85%{opacity:1}to{opacity:0;transform:translate(90px)rotate(2deg)}}@keyframes trailGlow{0%{opacity:0;width:0}30%{opacity:.6;width:50px}70%{opacity:.3;width:80px}to{opacity:0;width:0}}@media (max-width:600px){.app-container{border-left:none;border-right:none;width:100%}}