@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #ffdf00;--secondary: #004040;--bg-color: #0a0a0f;--text-primary: #e8ecf1;--text-muted: rgba(255, 255, 255, .4);--glass-bg: rgba(15, 20, 30, .7);--glass-border: rgba(255, 223, 0, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 600px 400px at 20% 20%,rgba(0,64,64,.18) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 80% 80%,rgba(255,223,0,.06) 0%,transparent 70%),radial-gradient(ellipse 400px 400px at 50% 50%,rgba(88,28,135,.08) 0%,transparent 70%);animation:gradientShift 15s ease-in-out infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);animation:fadeSlideUp .6s ease-out}.app-container{display:flex;height:100vh;width:100vw;max-width:1400px;margin:0 auto;padding:24px;gap:24px}.sidebar{flex:0 0 300px;padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.brand{display:flex;flex-direction:column;gap:8px}.brand-logo{width:100%;max-width:220px;height:auto;object-fit:contain;margin-bottom:4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.brand-logo:hover{transform:scale(1.05) rotate(-1deg)}.brand-slogan{font-size:.95rem;font-weight:500;color:var(--primary);opacity:.9;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,var(--primary) 0%,#fff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.upload-zone{border:2px dashed rgba(255,223,0,.3);border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#14192866}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--primary);background:#ffdf000d;transform:translateY(-2px);box-shadow:0 4px 20px #ffdf001a}.upload-zone input{display:none}.upload-icon{color:var(--primary);margin-bottom:12px}.chat-container{flex:1;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;position:relative}.chat-history{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px}.message-wrapper{display:flex;gap:16px;max-width:85%;animation:floatIn .3s ease-out}.message-wrapper.user{align-self:flex-end;flex-direction:row-reverse}.message-wrapper.bot{align-self:flex-start}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--glass-border);display:flex;justify-content:center;align-items:center;background:var(--secondary);flex-shrink:0}.bot .avatar{box-shadow:0 0 15px #ffdf0066;border-color:var(--primary);animation:pulse-glow 3s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 10px #ffdf0033}to{box-shadow:0 0 20px #ffdf0099}}.message-bubble{padding:16px 20px;line-height:1.6;font-size:.95rem}.user .message-bubble{background:linear-gradient(135deg,#004d4d,#003838);border-radius:18px 18px 4px;border:1px solid rgba(255,223,0,.15);box-shadow:0 2px 12px #0040404d}.bot .message-bubble{background:linear-gradient(135deg,#1e2332e6,#141928f2);border-radius:18px 18px 18px 4px;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #00000040}.input-area{padding:20px;background:#0a0e16e6;border-top:1px solid var(--glass-border);display:flex;gap:12px}.chat-input{flex:1;background:#14192899;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 20px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease}.chat-input:focus{outline:none;border-color:#ffdf0066;box-shadow:0 0 0 3px #ffdf0014,0 0 20px #ffdf000f;background:#191e32b3}.send-btn{background:linear-gradient(135deg,#ffdf00,#ffb800,#ff9500);background-size:200% auto;color:#002020;border:none;border-radius:12px;padding:0 24px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px #ffdf0040;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){background-position:right center;transform:translateY(-2px);box-shadow:0 6px 25px #ffdf0066,0 0 40px #ffdf0026}.send-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffdf0026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffdf004d}.message-bubble h1,.message-bubble h2,.message-bubble h3{margin-top:12px;margin-bottom:8px;color:var(--primary)}.message-bubble p{margin-bottom:10px}.message-bubble p:last-child{margin-bottom:0}.message-bubble code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace}.message-bubble pre{background:#00000080;padding:12px;border-radius:8px;overflow-x:auto;margin:10px 0}.message-bubble ul,.message-bubble ol{margin-left:20px;margin-bottom:10px}.typing-indicator{display:flex;gap:4px;padding:8px 12px}.typing-indicator span{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1;box-shadow:0 0 10px var(--primary)}}.app-description{margin-top:8px;padding-top:24px;border-top:1px dashed rgba(255,223,0,.2);display:flex;flex-direction:column;gap:10px}.app-description h3{font-size:.9rem;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.app-description p{font-size:.8rem;color:#c0c8d4;line-height:1.5}.app-description h4{font-size:.8rem;color:var(--text-primary);font-weight:600;margin-top:4px}.benefit-card{display:flex;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:12px;border-radius:12px;margin-top:4px;align-items:flex-start}.benefit-icon{color:#10b981;flex-shrink:0}.benefit-text{display:flex;flex-direction:column;gap:4px}.benefit-text strong{font-size:.8rem;color:#10b981}.benefit-text span{font-size:.75rem;color:#c0c8d4;line-height:1.4}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.social-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.social-link{color:var(--text-muted);font-size:.75rem;text-decoration:none;text-transform:capitalize;padding:4px 10px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.social-link:hover{color:var(--bg-color);background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #ffdf004d}.contact-info{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.contact-info a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:var(--primary)}.session-id{font-size:.7rem;color:#fff3;margin-top:4px}.mobile-header{display:none;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.mobile-logo{height:32px;width:auto}.menu-toggle{background:transparent;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}.sidebar-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.app-container{flex-direction:column;padding:0;gap:0;height:100vh}.mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 20px 20px 0;margin:0}.sidebar.open{transform:translate(0)}.chat-container{border-radius:0;height:calc(100vh - 60px)}.message-wrapper{max-width:92%}.sidebar-footer{padding-bottom:30px}}@media(max-width:600px){.message-wrapper{max-width:100%}.message-bubble{padding:12px 16px;font-size:.9rem}.input-area{padding:12px}.chat-input{padding:10px 16px}.send-btn{padding:0 16px}}