@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--primary-gradient: linear-gradient(135deg, #7f9cf5 0%, #a78bfa 100%);--glass-bg: rgba(255,255,255,.25);--glass-border: rgba(255,255,255,.35);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--text-color: #232946;--subheading-color: #6c6c6c;--placeholder-color: #b0b0b0;--primary-color: #f4f6fb;--secondary-color: #fff;--secondary-hover-color: #f1f3f7;--accent-color: #7f9cf5;--user-bubble: #e0e7ff;--ai-bubble: #f9fafb;--border-radius: 1.5rem;--main-container-max-width: 540px}body.dark_mode{--primary-color: #1f2937;--secondary-color: #111b27;--text-color: #f3f4f6;--ai-bubble: #1f2937;--user-bubble: #374151}body{min-height:100vh;background:var(--primary-gradient);background-attachment:fixed;font-family:Poppins,sans-serif;margin:0;padding:0;transition:background .3s ease}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;background:var(--primary-gradient);padding-bottom:2rem}.header{margin:5vh auto 2.5rem auto;padding:2.5rem 2rem 1.5rem;border-radius:2rem;background:#fff;box-shadow:0 8px 32px #7f9cf51a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;max-width:var(--main-container-max-width);transition:box-shadow .2s}.header .title{font-size:2.7rem;font-weight:700;color:var(--accent-color);margin-bottom:.5rem;letter-spacing:.01em;text-shadow:0 2px 8px #e0e7ff}.header .subtitle{font-size:1.18rem;color:var(--subheading-color);margin-bottom:1.5rem}.suggestion-list{display:flex;gap:1.5rem;margin-top:2.2rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.5rem;justify-content:center}.suggestion-list::-webkit-scrollbar{display:none}.suggestion-list .suggestion{cursor:pointer;padding:1.2rem;min-width:220px;border-radius:1.5rem;background:#f4f6fb;box-shadow:0 2px 12px #7f9cf51a;display:flex;flex-direction:column;align-items:flex-end;transition:background .2s,box-shadow .2s,transform .18s;border:1.5px solid #e0e7ff;will-change:transform}.suggestion-list .suggestion:hover{background:#fff;box-shadow:0 8px 32px #7f9cf521;transform:translateY(-4px) scale(1.03)}.suggestion-list .suggestion .text{font-size:1.05rem;color:var(--text-color);margin-bottom:1.1rem;text-align:left;font-weight:500}.suggestion-list .suggestion .icon{width:38px;height:38px;font-size:1.3rem;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center}.chat-list{padding:2.5rem 1rem 10rem;max-width:var(--main-container-max-width);margin:0 auto;width:100%;flex:1 1 auto;max-height:calc(100vh - 260px);overflow-y:auto;background:#fff;border-radius:2rem;box-shadow:0 8px 32px #7f9cf51a;scroll-behavior:smooth;border:1.5px solid #e0e7ff;animation:fadeIn .6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-list::-webkit-scrollbar{width:8px;background:transparent}.chat-list::-webkit-scrollbar-thumb{background:#e0e7ff;border-radius:8px}.chat-list::-webkit-scrollbar-track{background:transparent}.chat-list .message{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:none;border-radius:1.5rem;box-shadow:none;padding:0;position:relative;animation:fadeIn .5s}.chat-list .message.outgoing{align-items:flex-end}.chat-list .message.incoming{align-items:flex-start}.chat-list .message .message-content{display:flex;gap:1.1rem;align-items:flex-end}.chat-list .message .avatar{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2.5px solid var(--accent-color);background:#fff;box-shadow:0 2px 8px #7f9cf51a}.chat-list .message .text{color:var(--text-color);font-size:1.12rem;line-height:1.7;padding:.9rem 1.3rem;border-radius:1.5rem;background:#f4f6fb;white-space:pre-wrap;word-break:break-word;max-width:370px;box-shadow:0 2px 8px #7f9cf512;border:1.5px solid #e0e7ff;margin-bottom:.1rem}.chat-list .message.outgoing .text{background:#e0e7ff;border:1.5px solid #c7d2fe;color:#232946}.chat-list .message.incoming .text{background:#f9fafb;border:1.5px solid #e0e7ff;color:#232946}.chat-list .message.error .text{color:#e55865}.chat-list .message.loading .text{display:block;color:#b0b0b0;font-style:italic;background:#f4f6fb}.chat-list .message .icon{color:var(--accent-color);cursor:pointer;height:36px;width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e0e7ff;font-size:1.25rem;margin-left:1.5rem;visibility:hidden;transition:background .2s}.chat-list .message .icon.hide{visibility:hidden}.chat-list .message:not(.loading,.error):hover .icon:not(.hide){visibility:visible}.chat-list .message .icon:hover{background:var(--accent-color);color:#fff}.chat-list .message .loading-indicator{display:none;gap:.8rem;width:100%;flex-direction:column}.chat-list .message.loading .loading-indicator{display:flex}.chat-list .message .loading-indicator .loading-bar{height:8px;width:100%;border-radius:.135rem;background-position:-800px 0;background:linear-gradient(to right,#7f9cf5,#f4f6fb,#a78bfa);animation:loading 2s linear infinite}.chat-list .message .loading-indicator .loading-bar:last-child{width:60%}@keyframes loading{0%{background-position:-800px 0}to{background-position:800px 0}}.typing-area{position:fixed;width:100%;left:0;bottom:0;padding:2rem .5rem;background:transparent;z-index:10;display:flex;justify-content:center}.typing-area .typing-form{display:flex;gap:.8rem;align-items:center;max-width:540px;background:#501432;border-radius:100px;box-shadow:0 2px 16px #7f9cf51a;border:1.5px solid #e0e7ff;padding:.5rem .5rem .5rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-items:center}.typing-form .input-wrapper{width:100%;height:52px;display:flex;position:relative}.typing-form .typing-input{width:100%;border:none;outline:none;font-size:1.12rem;color:var(--text-color);padding:.7rem 3.5rem .7rem 1.2rem;border-radius:100px;background:#f4f6fb;box-shadow:0 1px 4px #7f9cf50a;transition:background .2s;border:1.5px solid #e0e7ff}.typing-form .typing-input:focus{background:#fff}.typing-form .typing-input::placeholder{color:var(--placeholder-color)}.typing-area .icon{width:48px;height:48px;flex-shrink:0;cursor:pointer;border-radius:50%;display:flex;font-size:1.3rem;color:#fff;align-items:center;justify-content:center;background:var(--accent-color);transition:background .2s}.typing-area .icon:hover{background:#a78bfa}.typing-form #send-message-button{position:absolute;right:0;outline:none;border:none;transform:scale(0);background:transparent;transition:transform .2s ease}.typing-form .typing-input:valid~#send-message-button{transform:scale(1)}.action-buttons{display:flex;gap:.5rem}.typing-area .disclaimer-text{text-align:center;font-size:.95rem;margin-top:1.2rem;color:var(--placeholder-color);font-style:italic;letter-spacing:.01em}.modal-overlay{position:fixed;inset:0;background:#7f9cf51a;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border-radius:2rem;box-shadow:0 8px 32px #7f9cf52e;padding:2rem 2.5rem 1.5rem;max-width:90vw;min-width:300px;text-align:center;animation:modalIn .18s cubic-bezier(.4,2,.6,1) both}@keyframes modalIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{margin-bottom:.5rem;font-size:1.3rem;color:#a78bfa}.modal p{color:#444;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1.2rem;justify-content:center}.modal-btn{padding:.6rem 1.6rem;border-radius:100px;border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:background .18s}.modal-btn.yes{background:#a78bfa;color:#fff}.modal-btn.yes:hover{background:#7f9cf5}.modal-btn.no{background:#e0e7ff;color:#7f9cf5}.modal-btn.no:hover{background:#c7d2fe}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#ff4d4d;color:#fff;padding:.6rem 1.2rem;border-radius:1rem;font-size:.9rem;z-index:1000;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%,20px)}10%,90%{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.header{padding:1.2rem .7rem 1rem;border-radius:1.2rem;max-width:98vw}.header .title{font-size:1.5rem}.header .subtitle{font-size:1rem}.suggestion-list .suggestion{min-width:140px;padding:.7rem .6rem}.chat-list{max-width:100vw;padding-bottom:8rem;border-radius:1.2rem;max-width:var(--main-container-max-width)}.chat-list .message .avatar{width:30px;height:30px}.chat-list .message .text{font-size:.95rem;padding:.5rem .7rem;max-width:80vw}.typing-form .input-wrapper{height:38px}.typing-form .typing-input{padding:.5rem 2rem .5rem .7rem;font-size:.95rem}.typing-area .icon{height:38px;width:38px;font-size:1rem}.typing-area .disclaimer-text{font-size:.8rem;margin-top:.5rem}}