:root{--primary-gradient:linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--secondary-gradient:linear-gradient(135deg, #718096 0%, #4a5568 100%);--success-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--glass-bg:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.2);--shadow-light:0 8px 32px rgba(31, 38, 135, 0.15);--shadow-heavy:0 15px 35px rgba(31, 38, 135, 0.2);--text-primary:#ffffff;--text-secondary:#e2e8f0;--border-radius:16px;--animation-speed:0.3s}.fitassist-container{max-width:1000px;margin:0 auto;padding:20px;background:#fff;min-height:100vh;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column}.fitassist-intro{background:linear-gradient(135deg,#2d3748 0%,#4a5568 50%,#718096 100%);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:var(--shadow-light);color:var(--text-primary);text-align:center;animation:fadeInUp 0.8s ease-out}.fitassist-intro h1{margin:0 0 15px 0;font-size:2.2rem;font-weight:700;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;text-shadow:2px 2px 4px rgb(0 0 0 / .1)}.fitassist-intro p{margin:10px 0;font-size:1.3rem;line-height:1.6;opacity:.95;color:var(--text-secondary)}.fitassist-cards-container{background:linear-gradient(135deg,#2d3748 0%,#4a5568 50%,#718096 100%);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:20px;margin-bottom:30px;position:relative;animation:fadeInUp 0.8s ease-out}.fitassist-cards{display:flex;flex-direction:row;gap:20px;padding:10px 0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.fitassist-cards::-webkit-scrollbar{display:none}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:all var(--animation-speed) ease,opacity 0.2s ease;z-index:3;opacity:.7}.scroll-arrow:hover{opacity:1;background:var(--success-gradient);transform:translateY(-50%) scale(1.1)}.scroll-arrow:focus{outline:none;box-shadow:0 0 0 3px rgb(79 172 254 / .3)}.scroll-arrow-left{left:10px}.scroll-arrow-right{right:10px}.fitassist-card{background:var(--glass-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:20px;cursor:pointer;transition:all var(--animation-speed) cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-light);position:relative;overflow:hidden;color:var(--text-primary);will-change:transform;min-width:260px;max-width:260px;scroll-snap-align:center;flex-shrink:0}.fitassist-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-heavy);border-color:rgb(255 255 255 / .4)}.fitassist-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .1),transparent);transition:left 0.6s}.fitassist-card:hover::before{left:100%}.fitassist-card .fitassist-icon{font-size:3rem;margin-bottom:15px;display:block;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .2));animation:float 3s ease-in-out infinite}.fitassist-card h3{margin:0 0 10px 0;font-size:1.4rem;font-weight:600;color:var(--text-primary)}.fitassist-card p{margin:0;font-size:.95rem;opacity:.9;line-height:1.5;color:var(--text-secondary)}.fitassist-card.supplements{background:linear-gradient(135deg,rgb(113 128 150 / .2),rgb(74 85 104 / .2))}.fitassist-card.injuries{background:linear-gradient(135deg,rgb(160 174 192 / .2),rgb(113 128 150 / .2))}.fitassist-card.motivation{background:linear-gradient(135deg,rgb(203 213 224 / .2),rgb(160 174 192 / .2))}.chat-container{background:linear-gradient(135deg,#2d3748 0%,#4a5568 50%,#718096 100%);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-light);overflow:hidden;animation:fadeInUp 0.8s ease-out 0.2s both;display:flex;flex-direction:column;max-height:min(500px, 50vh);overflow-y:auto}.chat-box{flex:1;overflow-y:auto;padding:20px;background:rgb(255 255 255 / .05);scroll-behavior:smooth;min-height:200px}.chat-box::-webkit-scrollbar,.chat-container::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track,.chat-container::-webkit-scrollbar-track{background:rgb(255 255 255 / .1);border-radius:var(--border-radius)}.chat-box::-webkit-scrollbar-thumb,.chat-container::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:var(--border-radius);transition:background 0.3s}.chat-box::-webkit-scrollbar-thumb:hover,.chat-container::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .5)}.chat-input{padding:20px;background:rgb(255 255 255 / .05);display:flex;flex-direction:column;gap:10px;align-items:flex-end;position:sticky;bottom:0;z-index:1;border-radius:var(--border-radius)}.message{margin-bottom:15px;animation:slideIn 0.4s ease-out;display:flex;align-items:flex-start;gap:12px;max-width:85%}.message.user{flex-direction:row-reverse;margin-left:auto}.message::before{content:'';width:40px;height:40px;border-radius:50%;flex-shrink:0;background-size:cover;background-position:center;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.message.user::before{background:linear-gradient(135deg,#4a5568,#2d3748);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E")}.message.bot::before{background:var(--success-gradient);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E")}.message-content{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:18px;padding:15px 18px;color:var(--text-primary);line-height:1.5;box-shadow:0 4px 12px rgb(0 0 0 / .1);position:relative;word-wrap:break-word}.message.user .message-content{background:var(--primary-gradient);border:none;border-radius:18px}.message.bot .message-content{background:rgb(255 255 255 / .15);border-radius:18px}.quick-replies{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.quick-reply-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:8px 15px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all var(--animation-speed) ease}.quick-reply-btn:hover{background:var(--success-gradient);border-color:rgb(255 255 255 / .4);transform:translateY(-2px)}.quick-reply-btn:focus{outline:none;box-shadow:0 0 0 3px rgb(79 172 254 / .3)}.retry-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:8px 15px;color:var(--text-primary);font-size:.9rem;cursor:pointer;margin-top:10px;transition:all var(--animation-speed) ease}.retry-btn:hover{background:var(--success-gradient);border-color:rgb(255 255 255 / .4);transform:translateY(-2px)}.retry-btn:focus{outline:none;box-shadow:0 0 0 3px rgb(79 172 254 / .3)}.message-status{font-size:.75rem;opacity:.7;margin-top:5px;text-align:right;color:var(--text-secondary)}.message.user .message-status{text-align:left}.status-sending{color:#fbbf24}.status-sent{color:#10b981}.status-error{color:#ef4444}.message.thinking .message-content{background:rgb(255 255 255 / .1);padding:15px 25px;border-radius:18px}.typing-dots{display:inline-flex;align-items:center;gap:4px}.typing-dots span{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .6);animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:0.2s}.typing-dots span:nth-child(3){animation-delay:0.4s}#chat-input{flex:1;min-height:50px;max-height:120px;padding:15px 20px;border:2px solid var(--glass-border);border-radius:var(--border-radius);background:var(--glass-bg);backdrop-filter:blur(10px);color:var(--text-primary);font-size:1rem;font-family:inherit;resize:none;transition:all var(--animation-speed) ease;width:100%}#chat-input::placeholder{color:rgb(255 255 255 / .6)}#chat-input:focus{outline:none;border-color:rgb(255 255 255 / .4);box-shadow:0 0 0 4px rgb(255 255 255 / .1);transform:translateY(-2px)}#send-btn{width:50px;height:50px;border:none;border-radius:50%;background:var(--success-gradient);color:#fff;font-size:1.5rem;cursor:pointer;transition:all var(--animation-speed) ease;box-shadow:0 4px 15px rgb(79 172 254 / .4);display:flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}#send-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgb(79 172 254 / .6)}#send-btn:active{transform:translateY(-1px) scale(.98)}.autocomplete-container{position:absolute;bottom:80px;width:calc(100% - 80px);background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--border-radius);max-height:150px;overflow-y:auto;z-index:10}.autocomplete-list{list-style:none;padding:0;margin:0}.autocomplete-item{padding:10px 15px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:background 0.2s ease}.autocomplete-item:hover,.autocomplete-item:focus{background:var(--success-gradient)}.autocomplete-list::-webkit-scrollbar{width:6px}.autocomplete-list::-webkit-scrollbar-track{background:rgb(255 255 255 / .1);border-radius:var(--border-radius)}.autocomplete-list::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:var(--border-radius)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(79 172 254 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}@media (max-width:768px){.chat-container{max-height:min(400px, 50vh)}}@media (max-width:425px){.fitassist-container{padding:10px}.fitassist-intro{padding:20px}.fitassist-intro h1{font-size:1.6rem}.fitassist-intro p{font-size:1.1rem}.fitassist-cards-container{margin-bottom:15px;padding:15px}.fitassist-card{min-width:200px;max-width:200px;padding:15px}.fitassist-card .fitassist-icon{font-size:2.5rem}.fitassist-card h3{font-size:1.2rem}.fitassist-card p{font-size:.85rem}.scroll-arrow{width:35px;height:35px;font-size:1.3rem}.scroll-arrow-left{left:8px}.scroll-arrow-right{right:8px}.chat-container{max-height:min(350px, 50vh)}.chat-input{padding:10px;gap:8px}#chat-input{padding:12px 15px;font-size:.95rem}#send-btn{width:45px;height:45px;font-size:1.3rem}.message::before{width:35px;height:35px}.message-content{padding:12px 15px;font-size:.95rem}.quick-reply-btn,.retry-btn{font-size:.85rem;padding:6px 12px}.autocomplete-container{width:calc(100% - 65px);bottom:70px}.autocomplete-item{font-size:.9rem;padding:8px 12px}.message{animation:none}}.loading-pulse{animation:pulse 2s infinite}.message-content h1,.message-content h2,.message-content h3,.message-content h4{color:var(--text-primary);margin:15px 0 10px 0;font-weight:600}.message-content ul,.message-content ol{margin:10px 0;padding-left:20px}.message-content li{margin:8px 0;color:var(--text-secondary)}.message-content strong{color:var(--text-primary);font-weight:600}.message-content em{color:var(--text-secondary);font-style:italic}