*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0a0a14;color:#e0e0e0;overflow:hidden;height:100vh}.particle-canvas{position:fixed!important;top:0;left:0;width:100vw!important;height:100vh!important;z-index:1;pointer-events:none;display:block}.loading-scene{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#42d3ff;font-size:1.2rem;z-index:1}.content-container{position:relative;z-index:2;height:100vh;max-width:800px;margin:0 auto;box-sizing:border-box;pointer-events:none}.centered-content,.content-container{display:flex;flex-direction:column;width:100%;padding:20px}.centered-content{justify-content:center;align-items:center;height:100%;pointer-events:auto}.input-container.centered{margin-top:40px;max-width:600px;width:100%;transition:all .3s ease}.messages-container{flex:1;overflow-y:auto;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:15px;background-color:rgba(10,10,20,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:12px;scrollbar-width:thin;scrollbar-color:#42d3ff #0a0a14;margin-top:80px;pointer-events:auto;z-index:11}.input-container{display:flex;padding:15px 20px;background-color:transparent;position:relative;z-index:10;pointer-events:auto}.input-container input{flex:1;padding:12px 15px;border-radius:24px;border:1px solid rgba(66,211,255,.3);background-color:rgba(10,10,20,.2);color:#fff;font-size:1rem;outline:none;transition:all .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.input-container input:focus{border-color:#42d3ff;box-shadow:0 0 10px rgba(66,211,255,.3)}.input-container input::placeholder{color:rgba(255,255,255,.5)}.input-container button{width:48px;height:48px;margin-left:10px;border-radius:50%;border:none;background:linear-gradient(135deg,#42d3ff,#0094ff);color:white;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;outline:none}.input-container button:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(66,211,255,.5)}.input-container button:disabled{background:#2a2a4a;cursor:not-allowed;opacity:.7;transform:scale(1);box-shadow:none}.input-container button svg{width:20px;height:20px}.message{display:flex;flex-direction:column;max-width:80%;padding:12px 16px;border-radius:18px;margin-bottom:4px;position:relative;animation:fadeIn .3s ease}.message.user{align-self:flex-end;background:linear-gradient(135deg,#42d3ff,#0094ff);color:white;border-bottom-right-radius:4px}.message.bot{align-self:flex-start;background-color:rgba(255,255,255,.1);color:#e0e0e0;border-bottom-left-radius:4px}.message-content{font-size:.95rem;line-height:1.4;word-break:break-word}.message-content a{color:#42d3ff;text-decoration:none;font-weight:500;transition:all .2s ease}.message-content a:hover{text-decoration:underline;color:#64b5f6}.clear-button-container{display:flex;justify-content:center;margin-bottom:10px;width:100%;pointer-events:auto;position:relative;z-index:12}.clear-button{background-color:rgba(255,255,255,.1);color:#e0e0e0;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;font-size:.85rem;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.clear-button:hover:not(:disabled){background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.clear-button:disabled{opacity:.4;cursor:default}.welcome-message{text-align:center;margin-bottom:30px}.welcome-message h1.typed-heading{font-family:var(--font-zen-dots);font-size:2.5rem;margin-bottom:15px;background:linear-gradient(135deg,#42d3ff,#0094ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;display:inline-block}.welcome-message h1.typed-heading.glow{animation:glow 2s ease-in-out infinite alternate}.cursor{display:inline-block;width:3px;height:1.2em;background:#42d3ff;margin-left:2px;vertical-align:middle;animation:none}.cursor.blink{animation:blink .7s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.welcome-message p{font-size:1.1rem;line-height:1.5;opacity:.9;max-width:550px;animation:slideUp .8s ease-out forwards}@keyframes glow{0%{text-shadow:0 0 5px rgba(66,211,255,.3),0 0 10px rgba(66,211,255,.2)}to{text-shadow:0 0 10px rgba(66,211,255,.5),0 0 20px rgba(66,211,255,.3),0 0 30px rgba(66,211,255,.1)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:.9}}.typing-indicator{display:flex;align-items:center;justify-content:center;padding:6px 10px;height:30px}.typing-indicator span{height:8px;width:8px;margin:0 2px;background-color:#e0e0e0;display:block;border-radius:50%;opacity:.4}.typing-indicator span:first-of-type{animation:bounce 1s .1s infinite}.typing-indicator span:nth-of-type(2){animation:bounce 1s .2s infinite}.typing-indicator span:nth-of-type(3){animation:bounce 1s .3s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.content-container{padding:15px}.messages-container{margin-top:50px;padding:15px}.message{max-width:90%}.welcome-message h1{font-size:2rem}}@media (max-width:480px){.content-container{padding:10px}.messages-container{margin-top:30px;padding:15px 10px}.input-container,.input-container input{padding:10px}.input-container button{width:42px;height:42px}}