*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.header .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.8rem;margin-bottom:.2rem}.logo .slogan{font-size:.9rem;opacity:.9}.nav{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease}.nav-link:hover,.nav-link.active{background-color:#fff3}.main{min-height:calc(100vh - 140px);padding:2rem 0}.section{display:none}.section.active{display:block}.hero{text-align:center;padding:3rem 0;background:#fff;border-radius:10px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.hero h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.hero p{font-size:1.2rem;color:#666;margin-bottom:2rem}.hero-stats{display:flex;justify-content:center;gap:3rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#667eea}.stat-label{font-size:.9rem;color:#666}.footer{background-color:#333;color:#fff;text-align:center;padding:1rem 0;margin-top:auto}.section-description{color:#666;font-size:1rem;margin-bottom:1.5rem;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.header .container{flex-direction:column;gap:1rem}.nav{gap:1rem}.hero-stats{flex-direction:column;gap:1rem}.hero h2{font-size:2rem}.section-description{font-size:.9rem;margin-bottom:1rem}}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-size:1rem;text-decoration:none;transition:all .3s ease;font-weight:500}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.recommendation-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.recommendation-card:hover{transform:translateY(-5px)}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recommendation-title{font-size:1.2rem;font-weight:700;color:#333}.recommendation-odds{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:700}.recommendation-content{color:#666;margin-bottom:1rem;line-height:1.6;max-height:120px;overflow:hidden;position:relative}.recommendation-content.expanded{max-height:none}.recommendation-content.has-overflow:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#fff);pointer-events:none}.recommendation-expand-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;padding:.5rem 0;text-decoration:underline;transition:color .3s ease}.recommendation-expand-btn:hover{color:#764ba2}.recommendation-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#888}.recommendation-author{font-weight:500}.recommendation-time{color:#999}.post-form{background:#fff;padding:1.5rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.post-form textarea{width:100%;min-height:100px;padding:1rem;border:1px solid #ddd;border-radius:5px;resize:vertical;font-family:inherit;font-size:1rem;margin-bottom:1rem}.post-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 4px #0000001a}.post-header{display:flex;align-items:center;margin-bottom:1rem}.post-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-right:1rem}.post-info h4{margin-bottom:.2rem;color:#333}.post-info .post-time{font-size:.9rem;color:#888}.post-content{color:#555;line-height:1.6;margin-bottom:1rem}.post-actions{display:flex;gap:1rem;align-items:center}.post-action{display:flex;align-items:center;gap:.3rem;color:#888;cursor:pointer;transition:color .3s ease}.post-action:hover{color:#667eea}.post-action.liked{background:#dc35451a;color:#dc3545;border-radius:15px;padding:.3rem .6rem}.post-action.liked:hover{background:#dc354533;color:#dc3545}.profile-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-top:2rem}.profile-info{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 2px 4px #0000001a}.avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1rem}.profile-info h3{margin-bottom:.5rem;color:#333}.profile-stats{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 4px #0000001a}.stat-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #eee}.stat-item:last-child{border-bottom:none}.stat-item span:first-child{color:#666}.stat-item span:last-child{font-weight:700;color:#667eea}.load-more-container{text-align:center;margin-top:2rem;padding:1rem}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.load-more-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.recommendations-grid,.profile-content{grid-template-columns:1fr}.recommendation-header{flex-direction:column;align-items:flex-start;gap:.5rem}.load-more-btn{padding:.6rem 1.5rem;font-size:.9rem}}.simple-profile{text-align:center;max-width:600px;margin:0 auto}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1rem;box-shadow:0 10px 30px #0003}.simple-profile h3{color:#333;margin-bottom:.5rem;font-size:1.5rem}.simple-profile>p{color:#666;margin-bottom:2rem;font-size:1.1rem}.profile-notice{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 15px #0000001a;text-align:left}.profile-notice h4{color:#333;margin-bottom:1rem;font-size:1.2rem}.profile-notice p{color:#666;margin-bottom:1rem;line-height:1.6}.profile-notice ul{list-style:none;padding:0;margin-bottom:2rem}.profile-notice li{padding:.8rem 0;border-bottom:1px solid #f0f0f0;color:#555;line-height:1.5}.profile-notice li:last-child{border-bottom:none}.profile-notice strong{color:#333}.quick-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.quick-actions .btn{padding:.8rem 1.5rem;border-radius:25px;font-weight:500;transition:all .3s ease}.quick-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.quick-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.quick-actions .btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.quick-actions .btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.profile-notice{padding:1.5rem}.quick-actions{flex-direction:column}.quick-actions .btn{width:100%}}.ai-chat-bubble{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#ff6b9d,#c44569);border-radius:50%;cursor:pointer;box-shadow:0 4px 20px #ff6b9d66;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none}.ai-chat-bubble:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b9d99}.ai-chat-bubble.hidden{transform:scale(0);opacity:0;pointer-events:none}.ai-chat-bubble.bounce{animation:bubbleBounce 1s ease-in-out}@keyframes bubbleBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.bubble-avatar{font-size:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.bubble-notification{position:absolute;top:-5px;right:-5px;background:#ff4757;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .3s ease}.bubble-notification.show{transform:scale(1);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ai-chat-window{position:fixed;bottom:30px;right:30px;width:350px;height:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;z-index:1001;display:flex;flex-direction:column;transform:scale(0) translateY(100px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.ai-chat-window.open{transform:scale(1) translateY(0);opacity:1}.chat-header{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.chat-title h4{margin:0;font-size:16px;font-weight:600}.chat-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:5px}.chat-status:before{content:"";width:8px;height:8px;background:#4ade80;border-radius:50%;animation:statusBlink 2s infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.chat-controls{display:flex;gap:8px}.chat-minimize,.chat-close{width:30px;height:30px;border:none;background:#fff3;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;transition:background .3s ease;display:flex;align-items:center;justify-content:center}.chat-minimize:hover,.chat-close:hover{background:#ffffff4d}.chat-messages{flex:1;padding:20px;overflow-y:auto;background:#f8fafc;display:flex;flex-direction:column;gap:15px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.chat-message{display:flex;gap:10px;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chat-message.ai .message-avatar{background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff}.chat-message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-content{max-width:70%;display:flex;flex-direction:column;gap:5px}.message-text{background:#fff;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;box-shadow:0 2px 8px #0000001a;word-wrap:break-word}.chat-message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:18px 18px 4px}.chat-message.ai .message-text{border-radius:18px 18px 18px 4px}.message-time{font-size:11px;color:#94a3b8;padding:0 8px}.chat-message.user .message-time{text-align:right}.typing-indicator{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border-radius:18px;margin:0 20px;box-shadow:0 2px 8px #0000001a;transform:translateY(10px);opacity:0;transition:all .3s ease}.typing-indicator.show{transform:translateY(0);opacity:1}.typing-indicator span{font-size:12px;color:#64748b}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:#ff6b9d;border-radius:50%;animation:typingDot 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.chat-input-area{padding:20px;background:#fff;border-radius:0 0 20px 20px}.chat-input-container{display:flex;gap:10px;align-items:center}#chatInput{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:25px;font-size:14px;outline:none;transition:border-color .3s ease;background:#f8fafc}#chatInput:focus{border-color:#ff6b9d;background:#fff}#chatInput::placeholder{color:#94a3b8}#chatSend{width:45px;height:45px;border:none;background:linear-gradient(135deg,#ff6b9d,#c44569);color:#fff;border-radius:50%;cursor:pointer;font-size:16px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}#chatSend:hover{transform:scale(1.05);box-shadow:0 4px 15px #ff6b9d66}#chatSend:active{transform:scale(.95)}@media (max-width: 768px){.ai-chat-window{width:calc(100vw - 40px);height:calc(100vh - 100px);bottom:20px;right:20px;left:20px;max-width:none}.ai-chat-bubble{bottom:20px;right:20px}.chat-messages,.chat-input-area{padding:15px}.message-content{max-width:85%}}@media (prefers-color-scheme: dark){.ai-chat-window{background:#1e293b}.chat-messages{background:#0f172a}.message-text,.chat-message.ai .message-text{background:#334155;color:#e2e8f0}.typing-indicator{background:#334155}.chat-input-area{background:#1e293b}#chatInput{background:#334155;border-color:#475569;color:#e2e8f0}#chatInput:focus{background:#475569}#chatInput::placeholder{color:#64748b}}.ai-chat-window:before{content:"";position:absolute;top:-10px;right:40px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ff6b9d;z-index:-1}.chat-message.ai .message-text:before{content:"✨";position:absolute;left:-20px;top:-5px;font-size:12px;opacity:0;animation:sparkle 3s infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}