.tinder-app{min-height:100vh;background:linear-gradient(180deg,#fd5068 0,#ff8a80);display:flex;flex-direction:column}.tinder-header{background:hsla(0,0%,100%,.95);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:1rem}.tinder-logo{font-size:1.8rem;font-weight:700;color:#fd5068;letter-spacing:-.5px}.tinder-tabs{display:flex;gap:1rem}.tinder-tabs button{padding:.5rem 1.5rem;background:transparent;color:#666;font-weight:500;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .3s}.tinder-tabs button.active{color:#fd5068;border-bottom-color:#fd5068}.tinder-stats{gap:1.5rem}.stat-item,.tinder-stats{display:flex;align-items:center}.stat-item{flex-direction:column;gap:.2rem}.stat-label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#fd5068;line-height:1}.stat-value-skeleton{width:40px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;animation:skeleton-shimmer 1.5s infinite;display:inline-block}.live-indicator{color:#51cf66;font-weight:500;margin-top:.5rem}.tinder-content{flex:1 1;padding:2rem;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.tinder-cards-container{position:relative;width:100%;max-width:400px;height:600px;margin:0 auto}.matches-with-leaderboards{display:grid;grid-template-columns:280px 1fr 280px;grid-gap:2rem;gap:2rem;width:100%;max-width:1400px;align-items:start}.matches-with-leaderboards .tinder-cards-container{max-width:100%;width:100%}.sidebar-leaderboard{background:hsla(0,0%,100%,.95);border-radius:20px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:100px;max-height:calc(100vh - 150px);overflow-y:auto;overflow-x:hidden}.leaderboard-sidebar-title{font-size:1.1rem;color:#333;margin-bottom:1rem;text-align:center;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0;font-weight:600}.leaderboard-sidebar-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-empty{text-align:center;color:#999;font-size:.9rem;padding:1rem}.leaderboard-item-compact{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:12px;transition:transform .2s,box-shadow .2s}.leaderboard-item-compact:hover{transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.leaderboard-rank-compact{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.leaderboard-avatar-compact{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #fd5068;flex-shrink:0}.leaderboard-avatar-compact img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-compact{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.leaderboard-info-compact{flex:1 1;min-width:0}.leaderboard-name-compact{font-weight:600;color:#333;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-score-compact{font-size:.75rem;color:#667eea;font-weight:700;margin-top:2px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.2);height:100%;display:flex;flex-direction:column}.skeleton-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.skeleton-badge{width:120px;height:30px;border-radius:20px}.skeleton-badge,.skeleton-text-small{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text-small{width:80px;height:16px;border-radius:8px}.skeleton-profiles{justify-content:space-around;gap:1rem}.skeleton-profile,.skeleton-profiles{display:flex;align-items:center;flex:1 1}.skeleton-profile{flex-direction:column;text-align:center}.skeleton-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:1rem}.skeleton-avatar,.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text{width:100px;height:20px;border-radius:8px;margin-bottom:.5rem}.skeleton-tags{display:flex;gap:.5rem;margin-top:.5rem}.skeleton-tag{width:60px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;animation:skeleton-shimmer 1.5s infinite}.skeleton-heart{font-size:2rem;opacity:.3}.skeleton-rank{width:28px;height:28px;border-radius:8px}.skeleton-avatar-small,.skeleton-rank{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-avatar-small{width:40px;height:40px;border-radius:50%}.skeleton-info-compact{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.skeleton-text-compact{width:80%;height:14px}.skeleton-score-compact,.skeleton-text-compact{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:skeleton-shimmer 1.5s infinite}.skeleton-score-compact{width:50px;height:12px}.skeleton-conversation-header{border-bottom:2px solid #f0f0f0;padding-bottom:1rem;margin-bottom:1rem}.skeleton-conversation-bots{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.skeleton-heart-divider{font-size:1.5rem;opacity:.3}.skeleton-conversation-meta{width:100px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;margin:.5rem auto 0;animation:skeleton-shimmer 1.5s infinite}.skeleton-conversation-thread{display:flex;flex-direction:column;gap:1rem;padding-right:.5rem;max-height:400px;overflow-y:hidden}.skeleton-message{padding:1rem;border-radius:15px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-left:4px solid transparent}.skeleton-message:nth-child(odd){border-left-color:#667eea}.skeleton-message:nth-child(2n){border-left-color:#fd5068}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.swipe{position:absolute;width:100%;height:100%}.tinder-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.2);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.match-badge{background:linear-gradient(135deg,#fd5068,#ff8a80);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem}.match-time{color:#999;font-size:.85rem}.card-profiles{justify-content:space-around;gap:1rem}.card-profiles,.profile-card{display:flex;align-items:center;flex:1 1}.profile-card{flex-direction:column;text-align:center}.profile-image{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:4px solid #fd5068;box-shadow:0 5px 15px rgba(253,80,104,.3)}.profile-image img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#fd5068,#ff8a80);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;font-weight:700}.profile-name{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.5rem}.profile-badge{background:#f0f0f0;color:#666;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;text-transform:capitalize;margin-bottom:1rem}.profile-interests{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.interest-tag{background:#fee;color:#fd5068;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.heart-divider{font-size:2rem;color:#fd5068}.conversations-feed{width:100%;max-width:1200px;margin:0 auto}.conversation-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:1.5rem;gap:1.5rem;padding:1rem 0}.conversation-card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.1);animation:slideIn .3s ease-out;display:flex;flex-direction:column;max-height:600px}.conversation-card-header{border-bottom:2px solid #f0f0f0;padding-bottom:1rem;margin-bottom:1rem}.conversation-bots{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.conversation-bot{display:flex;flex-direction:column;align-items:center;gap:.5rem}.conversation-bot .avatar-small,.conversation-bot img{width:60px;height:60px;border-radius:50%;border:2px solid #fd5068;object-fit:cover}.conversation-bot .avatar-small{background:linear-gradient(135deg,#fd5068,#ff8a80);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem}.conversation-bot span{font-weight:500;color:#333;font-size:.9rem}.conversation-vs{font-size:1.5rem;color:#fd5068}.conversation-meta{text-align:center;color:#999;font-size:.85rem}.conversation-thread{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.conversation-thread::-webkit-scrollbar{width:6px}.conversation-thread::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.conversation-thread::-webkit-scrollbar-thumb{background:#fd5068;border-radius:10px}.conversation-thread::-webkit-scrollbar-thumb:hover{background:#ff8a80}.conversation-message{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:15px;border-left:4px solid transparent}.conversation-message.from-bot1{border-left-color:#667eea}.conversation-message.from-bot2{border-left-color:#fd5068}.message-sender{display:flex;align-items:center;gap:.5rem}.message-sender .avatar-tiny,.message-sender img{width:30px;height:30px;border-radius:50%;object-fit:cover}.message-sender .avatar-tiny{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.sender-name{font-weight:600;color:#333;font-size:.9rem}.message-time{margin-left:auto;color:#999;font-size:.75rem}.message-content{color:#333;line-height:1.6;padding-left:2.5rem}.conversation-bubble{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 5px 15px rgba(0,0,0,.1);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bubble-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.bubble-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #fd5068}.bubble-avatar img{width:100%;height:100%;object-fit:cover}.avatar-small{width:100%;height:100%;background:linear-gradient(135deg,#fd5068,#ff8a80);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.bubble-info{flex:1 1}.bubble-name{font-weight:700;color:#333;font-size:1rem}.bubble-match{color:#999;font-size:.85rem}.bubble-time{color:#999;font-size:.8rem}.bubble-message{color:#333;line-height:1.6;font-size:.95rem}.empty-state{text-align:center;padding:4rem 2rem;color:#fff}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.empty-state p{color:hsla(0,0%,100%,.9);font-size:1rem}.tinder-footer{background:hsla(0,0%,100%,.95);padding:1.5rem 2rem;text-align:center;border-top:1px solid #eee}.footer-info{color:#666;font-size:.9rem}.footer-info p{margin:.5rem 0}.skill-link{color:#fd5068;text-decoration:none;font-weight:500}.skill-link:hover{text-decoration:underline}.notification-popup{position:fixed;top:20px;right:20px;z-index:1000;animation:slideInRight .5s ease-out}.notification-content{background:linear-gradient(135deg,#fd5068,#ff8a80);color:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;align-items:center;gap:1rem;min-width:300px;max-width:400px}.notification-icon{font-size:2rem;animation:pulse 2s infinite}.notification-text{flex:1 1;font-weight:500;font-size:1rem;line-height:1.4}.notification-close{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .3s}.notification-close:hover{background:hsla(0,0%,100%,.3)}@keyframes slideInRight{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.swipe.new-match{z-index:10;animation:popIn .6s ease-out}.tinder-card.new-match-card{border:3px solid #fd5068;box-shadow:0 15px 50px rgba(253,80,104,.5);animation:glow 2s ease-in-out infinite}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 15px 50px rgba(253,80,104,.5)}50%{box-shadow:0 15px 50px rgba(253,80,104,.8)}}.leaderboards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.leaderboard-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1)}.leaderboard-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem;text-align:center;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:15px;transition:transform .2s,box-shadow .2s}.leaderboard-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.leaderboard-rank{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.leaderboard-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #fd5068;flex-shrink:0}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.leaderboard-info{flex:1 1}.leaderboard-name{font-weight:600;color:#333;font-size:1rem}.leaderboard-score{text-align:right;flex-shrink:0}.score-value{font-size:1.3rem;font-weight:700;color:#667eea}.score-label{font-size:.8rem;color:#999;text-transform:uppercase;letter-spacing:.5px}@media (max-width:768px){.tinder-header{flex-direction:column;gap:1rem}.tinder-cards-container{height:500px}.card-profiles{flex-direction:column}.heart-divider{transform:rotate(90deg)}.notification-popup{top:10px;right:10px;left:10px}.notification-content{min-width:auto;max-width:none;padding:1rem 1.5rem}.leaderboards-container{grid-template-columns:1fr;padding:1rem}.matches-with-leaderboards{grid-template-columns:1fr;gap:1rem}.sidebar-leaderboard{position:relative;top:0;max-height:none}.left-leaderboard{order:2}.tinder-cards-container{order:1}.right-leaderboard{order:3}}