@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#1b447c;--color-primary-light:#2a5a9e;--color-primary-dark:#132f57;--color-secondary:#3c80ba;--color-secondary-light:#5a9cd1;--color-accent:#4a9fd9;--color-accent-glow:#4a9fd94d;--color-dark:#171d47;--color-bg:#f0f2f8;--color-bg-gradient:linear-gradient(145deg, #e8eaf3 0%, #f0f2f8 50%, #e4e8f4 100%);--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-glass:#ffffffb8;--color-surface-hover:#f4f6fc;--color-text:#1a1a2e;--color-text-secondary:#5a5f7a;--color-text-muted:#8e93a8;--color-border:#1b447c1a;--color-border-strong:#1b447c33;--color-user-bubble:var(--color-primary);--color-user-text:#fff;--color-bot-bubble:#f0f3fa;--color-bot-text:#1a1a2e;--color-chip-bg:#1b447c0f;--color-chip-border:#1b447c1f;--color-chip-hover:#1b447c1f;--color-input-bg:#fff;--color-scrollbar:#1b447c26;--color-scrollbar-hover:#1b447c4d;--shadow-sm:0 1px 3px #171d470f;--shadow-md:0 4px 16px #171d4714;--shadow-lg:0 8px 32px #171d471f;--shadow-glow:0 0 20px #4a9fd926;--blur:blur(16px);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg:#0a0d1a;--color-bg-gradient:linear-gradient(145deg, #0a0d1a 0%, #0f1225 50%, #0d1020 100%);--color-surface:#141829;--color-surface-elevated:#1a1f35;--color-surface-glass:#141829d1;--color-surface-hover:#1e2340;--color-text:#e8eaf3;--color-text-secondary:#9da3c0;--color-text-muted:#6b7194;--color-border:#4a9fd91a;--color-border-strong:#4a9fd933;--color-user-bubble:var(--color-primary);--color-user-text:#fff;--color-bot-bubble:#1a1f35;--color-bot-text:#e8eaf3;--color-chip-bg:#4a9fd914;--color-chip-border:#4a9fd926;--color-chip-hover:#4a9fd92e;--color-input-bg:#141829;--color-scrollbar:#4a9fd91f;--color-scrollbar-hover:#4a9fd940;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #4a9fd933}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--color-bg-gradient);color:var(--color-text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.app-container{flex-direction:column;max-width:900px;height:100dvh;margin:0 auto;display:flex;position:relative}.header{background:var(--color-surface-glass);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.header-logo{align-items:center;display:flex}.header-logo-img{object-fit:contain;border-radius:4px;width:auto;height:48px}.header-title{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.header-controls{align-items:center;gap:8px;display:flex}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.lang-select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a5f7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:6px 26px 6px 10px;font-family:inherit;font-size:.82rem}.lang-select:hover,.lang-select:focus{border-color:var(--color-border-strong)}.info-strip{background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);justify-content:center;align-items:center;gap:16px;padding:6px 20px;font-size:.75rem;display:flex}.info-strip-item{align-items:center;gap:5px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:4px;padding:20px;display:flex;overflow-y:auto}.welcome-card{text-align:center;flex-direction:column;align-items:center;padding:40px 24px 32px;animation:.6s ease-out fade-in-up;display:flex}.welcome-icon{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:var(--radius-xl);width:96px;height:96px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;margin-bottom:20px;display:flex}.welcome-icon svg{color:#fff;width:60px;height:60px}.welcome-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:8px;font-size:1.35rem;font-weight:700}.welcome-subtitle{color:var(--color-text-secondary);max-width:400px;margin-bottom:28px;font-size:.9rem;line-height:1.5}.suggestion-chips{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;max-width:480px;display:grid}.chip{background:var(--color-chip-bg);border:1px solid var(--color-chip-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:left;padding:10px 14px;font-family:inherit;font-size:.82rem;line-height:1.4}.chip:hover{background:var(--color-chip-hover);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.message-row{margin-bottom:2px;animation:.3s ease-out fade-in-up;display:flex}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.message-bubble{border-radius:var(--radius-lg);word-wrap:break-word;max-width:80%;padding:10px 16px;font-size:.89rem;line-height:1.6;position:relative}.message-bubble.user{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:var(--color-user-text);border-bottom-right-radius:4px}.message-bubble.bot{background:var(--color-bot-bubble);color:var(--color-bot-text);border:1px solid var(--color-border);border-bottom-left-radius:4px}.message-timestamp{color:var(--color-text-muted);opacity:.7;margin-top:4px;font-size:.68rem}.message-row.user .message-timestamp{text-align:right}.message-sources{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:8px;padding-top:8px;font-size:.72rem}.message-sources a{color:var(--color-accent);text-decoration:none}.message-sources a:hover{text-decoration:underline}.message-bubble.bot h1,.message-bubble.bot h2,.message-bubble.bot h3{color:var(--color-text);margin-top:12px;margin-bottom:4px;font-size:.95rem;font-weight:600}.message-bubble.bot h1:first-child,.message-bubble.bot h2:first-child,.message-bubble.bot h3:first-child{margin-top:0}.message-bubble.bot p{margin-bottom:8px}.message-bubble.bot p:last-child{margin-bottom:0}.message-bubble.bot ul,.message-bubble.bot ol{margin-bottom:8px;margin-left:18px}.message-bubble.bot li{margin-bottom:3px}.message-bubble.bot strong{color:var(--color-text);font-weight:600}.message-bubble.bot a{color:var(--color-accent);text-decoration:none}.message-bubble.bot a:hover{text-decoration:underline}.message-bubble.bot code{background:var(--color-chip-bg);border-radius:4px;padding:2px 5px;font-size:.82rem}.message-bubble.bot table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.82rem}.message-bubble.bot th,.message-bubble.bot td{border:1px solid var(--color-border);text-align:left;padding:6px 10px}.message-bubble.bot th{background:var(--color-chip-bg);font-weight:600}.typing-indicator{align-items:center;gap:4px;padding:14px 18px;animation:.3s ease-out fade-in-up;display:flex}.typing-dot{background:var(--color-text-muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.input-dock{background:var(--color-surface-glass);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--color-border);padding:12px 20px 8px}.input-row{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:flex-end;gap:8px;padding:4px 4px 4px 16px;display:flex}.input-row:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input-textarea{resize:none;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;padding:8px 0;font-family:inherit;font-size:.88rem;line-height:1.5}.input-textarea::placeholder{color:var(--color-text-muted)}.send-button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.98)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:18px;height:18px}.input-disclaimer{text-align:center;color:var(--color-text-muted);padding:6px 0 4px;font-size:.68rem;line-height:1.4}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.app-container{max-width:100%}.header{padding:10px 14px}.header-title{display:none}.chat-area{padding:14px}.welcome-card{padding:28px 16px 24px}.suggestion-chips{grid-template-columns:1fr}.message-bubble{max-width:88%}.input-dock{padding:10px 14px 6px}}@media (min-width:641px) and (max-width:900px){.app-container{max-width:100%;padding:0 8px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}::selection{color:var(--color-text);background:#4a9fd94d}