:root{--primary-purple: #9d50bb;--primary-purple-bright: #c084fc;--primary-purple-glow: rgba(157, 80, 187, .6);--primary-orange: #ff9d00;--primary-orange-bright: #ffbd4a;--primary-orange-glow: rgba(255, 157, 0, .6);--bg-deep: #020205;--bg-card: rgba(10, 10, 15, .8);--bg-glass: rgba(255, 255, 255, .05);--text-main: #ffffff;--text-dim: #b0b0cc;--text-muted: #666680;--accent-cyan: #00f2ff;--accent-pink: #ff007f;--accent-gold: #ffea00;--border-light: rgba(255, 255, 255, .08);--border-purple: rgba(157, 80, 187, .4);--border-orange: rgba(255, 157, 0, .4);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-neon-purple: 0 0 20px var(--primary-purple-glow);--shadow-neon-orange: 0 0 20px var(--primary-orange-glow);--shadow-holographic: 0 0 30px rgba(0, 242, 255, .15);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace}.view-title{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-purple-bright) 50%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.view-header{margin-bottom:30px}.view-header.animate-fade{animation:headerFadeIn .6s ease-out}.trending-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;margin-bottom:20px;overflow-x:auto}.trending-label{color:var(--primary-orange);font-weight:700;white-space:nowrap}.trending-topic{background:#ffffff1a;padding:6px 14px;border-radius:20px;white-space:nowrap;cursor:pointer;transition:all .2s ease}.trending-topic:hover{background:var(--primary-purple);color:#fff}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--primary-orange);margin-bottom:15px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-body);overflow-x:hidden;min-height:100vh}#particle-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.bg-particle{will-change:transform;contain:layout style}@keyframes floatParticle{0%{transform:translateY(0) translate(0);opacity:0}5%{opacity:var(--particle-opacity, .3)}95%{opacity:var(--particle-opacity, .3)}to{transform:translateY(-100vh) translate(var(--drift, 30px));opacity:0}}#particle-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:.3;animation:float-up 15s infinite linear}@keyframes float-up{0%{transform:translateY(110vh) translate(0) scale(.5);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(-10vh) translate(var(--drift, 20px)) scale(1.2);opacity:0}}.glass-panel{background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-light);border-radius:var(--radius-lg)}#loading-screen{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0f0c29,#302b63,#24243e);display:flex;justify-content:center;align-items:center;z-index:3000;transition:opacity .5s ease-in}.starfield{position:absolute;inset:0;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6;animation:twinkle 3s infinite ease-in-out}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.9;transform:scale(1.5)}}.nebula{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(60px);opacity:.3}.nebula-1{top:-150px;left:-150px;background:radial-gradient(circle,rgba(157,80,187,.5) 0%,transparent 70%);animation:nebula-drift 20s infinite ease-in-out}.nebula-2{bottom:-150px;right:-150px;background:radial-gradient(circle,rgba(255,157,0,.4) 0%,transparent 70%);animation:nebula-drift 25s infinite ease-in-out reverse}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.1)}}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.loading-logo-wrapper{position:relative;width:360px;height:360px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.loading-logo-glow{position:absolute;inset:-30px;background:radial-gradient(circle,rgba(157,80,187,.6) 0%,rgba(255,157,0,.3) 50%,transparent 70%);animation:pulse-glow 2s infinite ease-in-out;border-radius:50%;z-index:1}.loading-logo{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}.loading-circle{width:60px;height:60px;border:4px solid rgba(255,157,0,.3);border-top:4px solid var(--primary-orange);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #ff9d0099;margin:30px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-status{text-align:center;margin-top:20px;color:var(--text-dim);font-size:.85rem;letter-spacing:2px}.status-dot{display:inline-block;width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;margin-right:8px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.loading-timer{text-align:center;margin-top:30px}.timer-label{font-family:var(--font-mono);color:var(--text-dim);font-size:.9rem;letter-spacing:3px;text-transform:uppercase}.timer-countdown{font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:10px 0}.timer-bar{width:200px;height:4px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin:15px auto;max-width:80%}.timer-fill{height:100%;background:linear-gradient(90deg,var(--primary-orange),var(--primary-purple));width:0%;animation:timer-progress 3s linear forwards}@keyframes timer-progress{0%{width:0%}to{width:100%}}.particles-container{position:absolute;inset:0;pointer-events:none}#login-screen{position:fixed;inset:0;background:var(--bg-deep);display:flex;justify-content:center;align-items:center;z-index:2000;transition:opacity .8s ease-out,visibility .8s}#login-particles{position:fixed;inset:0;z-index:-1;pointer-events:none}#login-particles .particle{background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));box-shadow:0 0 20px var(--primary-orange-glow),0 0 40px var(--primary-purple-glow)}.login-content{width:100%;max-width:420px;padding:40px;position:relative}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:100px;height:100px;margin:0 auto 20px;position:relative}.login-logo img{width:100%;height:100%;object-fit:contain}.login-logo-glow{position:absolute;inset:-20px;background:radial-gradient(circle,var(--primary-purple-glow) 0%,var(--primary-orange-glow) 50%,transparent 70%);animation:pulse-glow 3s infinite alternate;border-radius:50%}.login-title{font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.login-subtitle{color:var(--text-dim);font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:#9d50bb1a;border:1px solid rgba(157,80,187,.3);border-radius:var(--radius-md);color:var(--text-main);font-size:.9rem;cursor:pointer;transition:all .3s}.login-toggle:hover{background:#9d50bb33;border-color:var(--primary-purple)}.login-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-orange);cursor:pointer}.login-submit{background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));color:#fff;border:none;padding:16px 24px;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #ff9d0066;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit:hover{transform:translateY(-2px);box-shadow:0 6px 30px #9d50bb80}.login-submit:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:24px}.login-footer a{color:var(--primary-orange);text-decoration:none;font-size:.9rem;transition:color .3s}.login-footer a:hover{color:var(--primary-orange-bright)}.login-divider{display:flex;align-items:center;gap:15px;margin:24px 0;color:var(--text-dim);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.admin-badge{background:linear-gradient(135deg,var(--accent-pink),var(--accent-cyan));color:#fff;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;animation:pulse-glow 2s infinite}.login-input{width:100%;padding:16px 20px;background:#0006;border:2px solid rgba(157,80,187,.3);border-radius:var(--radius-md);color:var(--text-main);font-size:1rem;transition:all .3s;backdrop-filter:blur(10px)}.login-input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 20px #ff9d004d;background:#0009}.login-input::placeholder{color:#b0b0cc80}.reaction-btn.active[data-type=like]{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f666}.reaction-btn.active[data-type=dislike]{color:#64748b;border-color:#64748b;box-shadow:0 0 10px #64748b66}.reaction-btn.active[data-type=heat]{color:#ef4444;border-color:#ef4444;box-shadow:0 0 10px #ef444466}.reaction-btn.active[data-type=admire]{color:#a855f7;border-color:#a855f7;box-shadow:0 0 10px #a855f766}.reaction-btn.active[data-type=cap]{color:#f97316;border-color:#f97316;box-shadow:0 0 10px #f9731666}.reaction-btn.active[data-type=wild]{color:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e66}.vibe-score-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#ff9d0033,#9d50bb33);border:1px solid var(--primary-orange);border-radius:20px;font-size:.8rem;font-weight:700;color:var(--primary-orange);margin-left:12px}.vibe-score-badge .score-value{color:var(--text-main)}.advanced-reactions{opacity:0;transition:opacity .3s;pointer-events:none;filter:blur(4px)}.reaction-btn:hover.advanced-reactions{opacity:1;pointer-events:auto;filter:blur(0)}#app{display:flex;height:100vh;opacity:1;transition:opacity .5s ease-in}#app.hidden{display:none;opacity:0}#main-nav{width:280px;height:calc(100vh - 40px);margin:20px;padding:24px;display:flex;flex-direction:column;gap:40px;flex-shrink:0}.nav-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--primary-purple)}.nav-logo img{width:32px;height:32px}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:15px;padding:12px 16px;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.nav-link:hover{background:var(--bg-glass);color:var(--text-main);transform:translate(5px)}.nav-link.active{background:linear-gradient(90deg,rgba(139,92,246,.15),transparent);color:var(--primary-purple);font-weight:700}.nav-link.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--primary-purple);border-radius:0 4px 4px 0;box-shadow:var(--shadow-neon-purple)}.nav-link .icon{font-size:1.4rem}.create-post-btn{display:flex!important;align-items:center;justify-content:center;width:56px!important;height:56px!important;min-width:56px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange))!important;box-shadow:0 0 20px var(--primary-purple-glow),0 0 40px var(--primary-orange-glow)!important;margin:0 auto!important;transition:all .3s ease!important}.create-post-btn:hover{transform:scale(1.1)!important;box-shadow:0 0 30px var(--primary-purple-glow),0 0 60px var(--primary-orange-glow)!important}.create-post-btn .brain-glow{font-size:1.8rem;filter:drop-shadow(0 0 8px var(--primary-purple)) drop-shadow(0 0 16px var(--primary-orange));animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%,to{filter:drop-shadow(0 0 8px var(--primary-purple)) drop-shadow(0 0 16px var(--primary-orange));transform:scale(1)}50%{filter:drop-shadow(0 0 15px var(--primary-purple)) drop-shadow(0 0 30px var(--primary-orange));transform:scale(1.1)}}@media(max-width:900px){.create-post-btn{width:64px!important;height:64px!important;min-width:64px!important;margin-top:-20px!important;z-index:10}.create-post-btn .brain-glow{font-size:2rem}}.vibe-out-fab{position:fixed;bottom:30px;right:30px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 25px var(--primary-purple-glow),0 0 50px var(--primary-orange-glow);z-index:1000;transition:all .3s ease;animation:vibeOutPulse 2s ease-in-out infinite}.vibe-out-fab:hover{transform:scale(1.15);box-shadow:0 0 40px var(--primary-purple-glow),0 0 70px var(--primary-orange-glow)}.vibe-text,.out-text{font-size:.7rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.brain-icon{font-size:1.8rem;filter:drop-shadow(0 0 8px var(--primary-purple)) drop-shadow(0 0 16px var(--primary-orange));animation:brainBounce 1.5s ease-in-out infinite}@keyframes vibeOutPulse{0%,to{box-shadow:0 0 25px var(--primary-purple-glow),0 0 50px var(--primary-orange-glow)}50%{box-shadow:0 0 40px var(--primary-purple-glow),0 0 70px var(--primary-orange-glow)}}@keyframes brainBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}@media(max-width:900px){.vibe-out-fab{bottom:100px;left:50%;right:auto;transform:translate(-50%)}.vibe-out-fab:hover{transform:translate(-50%) scale(1.15)}}.badge{position:absolute;right:15px;background:var(--primary-orange);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;font-weight:800;box-shadow:var(--shadow-neon-orange)}#content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 20px 0}#top-bar{height:70px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.search-container{position:relative;width:400px}.search-container input{width:100%;padding:12px 20px 12px 45px;background:#0000004d;border:1px solid var(--border-light);border-radius:var(--radius-full, 50px);color:var(--text-main);font-family:var(--font-body);transition:border-color .3s,box-shadow .3s}.search-container input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 10px #8b5cf633}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));color:#fff;border:none;padding:10px 24px;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-vibe{background:linear-gradient(135deg,#ffea00,#ff9d00);color:#000;border:none;padding:8px 12px;border-radius:50px;font-weight:800;cursor:pointer;box-shadow:0 0 15px #ffea0080;transition:all .2s ease;animation:vibePulse 2s ease-in-out infinite}.btn-vibe:hover{transform:scale(1.1);box-shadow:0 0 25px #ffea00cc}@keyframes vibePulse{0%,to{box-shadow:0 0 15px #ffea0080}50%{box-shadow:0 0 25px #ffea00cc}}#view-container{flex:1;overflow-y:auto;padding-right:10px;position:relative;height:100%}.profile-container{display:flex;flex-direction:column}.profile-banner{height:200px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:-60px;z-index:0;position:relative}.profile-banner img{width:100%;height:100%;object-fit:cover}.profile-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:30px;padding:0 10px}.profile-header{display:flex;align-items:flex-end;gap:20px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-deep);box-shadow:0 4px 20px #00000080;object-fit:cover}.profile-info{flex:1;padding-bottom:5px}.profile-info .bio{margin-top:10px;color:var(--text-dim);line-height:1.5}.profile-badges{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.profile-stats{display:flex;justify-content:space-around;padding:25px 20px;text-align:center}.profile-stats .stat-item{display:flex;flex-direction:column;gap:4px}.profile-stats .stat-value{font-size:1.5rem;font-weight:800;color:var(--primary-orange);font-family:var(--font-display)}.profile-stats .stat-label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.top-vibes-section{margin-top:10px}.section-title{font-family:var(--font-display);font-size:1.3rem;margin-bottom:15px;color:var(--primary-purple-bright)}.top-vibes-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:12px}.vibe-img-card{border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;transition:transform .3s,box-shadow .3s}.vibe-img-card:hover{transform:scale(1.03);box-shadow:var(--shadow-neon-purple);z-index:2}.vibe-img-card img{width:100%;height:100%;object-fit:cover;transition:filter .3s}.vibe-img-card:hover img{filter:brightness(1.2) contrast(1.1)}@media(max-width:900px){.top-vibes-grid{grid-template-columns:repeat(2,1fr)}}.tabs{display:flex;gap:10px;margin-bottom:25px;padding:5px;background:#0000004d;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.tab{padding:14px 24px;border:none;background:transparent;color:var(--text-dim);font-size:1.1rem;font-family:var(--font-display);font-weight:700;cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);flex:1}.tab:hover{color:var(--text-main);background:#ffffff0d;transform:translateY(-2px)}.tab.active{background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));color:#fff;box-shadow:0 4px 15px #ff9d004d;transform:scale(1.02)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-purple)}.view-header{margin-bottom:24px}.view-title{font-family:var(--font-display);font-size:2rem;font-weight:800;background:linear-gradient(90deg,#ffffff,var(--primary-orange),var(--primary-purple),var(--accent-cyan),#ffffff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradientShift 8s ease infinite}@keyframes titleGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-dim{color:var(--text-dim);transition:color .3s}.text-dim.animate{background:linear-gradient(90deg,var(--text-dim),var(--primary-orange),var(--primary-purple),var(--accent-cyan),var(--text-dim));background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtitleGradientShift 10s ease infinite}@keyframes subtitleGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tabs{display:flex;gap:20px;margin-bottom:20px;border-bottom:1px solid var(--border-light);padding-bottom:10px}.tab{background:transparent;border:none;color:var(--text-dim);font-weight:600;cursor:pointer;padding:8px 4px;position:relative;transition:color .3s}.tab.active{color:var(--primary-orange)}.tab.active:after{content:"";position:absolute;bottom:-11px;left:0;width:100%;height:3px;background:var(--primary-orange);box-shadow:var(--shadow-neon-orange);border-radius:2px 2px 0 0}.post-card{margin-bottom:20px;padding:20px;animation:slideUp .5s ease-out;transition:box-shadow .3s ease,transform .3s ease}.post-card:hover{transform:translateY(-2px)}.post-card[data-mood=like]{box-shadow:0 0 20px #3b82f64d,0 4px 20px #0000004d}.post-card[data-mood=like]:hover{box-shadow:0 0 30px #3b82f680,0 6px 30px #0006}.post-card[data-mood=dislike]{box-shadow:0 0 20px #ef44444d,0 4px 20px #0000004d}.post-card[data-mood=dislike]:hover{box-shadow:0 0 30px #ef444480,0 6px 30px #0006}.post-card[data-mood=gross]{box-shadow:0 0 20px #22c55e4d,0 4px 20px #0000004d}.post-card[data-mood=gross]:hover{box-shadow:0 0 30px #22c55e80,0 6px 30px #0006}.post-card[data-mood=heat]{box-shadow:0 0 20px #f9731666,0 4px 20px #0000004d}.post-card[data-mood=heat]:hover{box-shadow:0 0 35px #f9731699,0 6px 30px #0006}.post-card[data-mood=cold]{box-shadow:0 0 20px #06b6d44d,0 4px 20px #0000004d}.post-card[data-mood=cold]:hover{box-shadow:0 0 30px #06b6d480,0 6px 30px #0006}.post-card[data-mood=wild]{box-shadow:0 0 20px #a855f766,0 4px 20px #0000004d}.post-card[data-mood=wild]:hover{box-shadow:0 0 35px #a855f799,0 6px 30px #0006}.post-card[data-mood=mindblown]{box-shadow:0 0 20px #8b5cf666,0 4px 20px #0000004d}.post-card[data-mood=mindblown]:hover{box-shadow:0 0 35px #8b5cf699,0 6px 30px #0006}.post-card[data-mood=respect]{box-shadow:0 0 20px #eab3084d,0 4px 20px #0000004d}.post-card[data-mood=respect]:hover{box-shadow:0 0 30px #eab30880,0 6px 30px #0006}.post-card[data-mood=relate]{box-shadow:0 0 20px #14b8a64d,0 4px 20px #0000004d}.post-card[data-mood=relate]:hover{box-shadow:0 0 30px #14b8a680,0 6px 30px #0006}.post-card[data-mood=cap]{box-shadow:0 0 20px #dc262666,0 4px 20px #0000004d}.post-card[data-mood=cap]:hover{box-shadow:0 0 35px #dc262699,0 6px 30px #0006}.post-card[data-mood=laugh]{box-shadow:0 0 20px #facc154d,0 4px 20px #0000004d}.post-card[data-mood=laugh]:hover{box-shadow:0 0 30px #facc1580,0 6px 30px #0006}.post-card[data-mood=admire]{box-shadow:0 0 20px #ec48994d,0 4px 20px #0000004d}.post-card[data-mood=admire]:hover{box-shadow:0 0 30px #ec489980,0 6px 30px #0006}.post-card{position:relative;transition:box-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s ease}.post-card:before{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-lg) + 2px);opacity:0;transition:opacity .4s ease,box-shadow .4s ease;pointer-events:none;z-index:-1}.post-card.active-glow:before{opacity:1}.post-card.active-glow[data-active-glow=like]:before{box-shadow:0 0 40px #3b82f699,0 0 80px #3b82f64d,inset 0 0 20px #3b82f61a}.post-card.active-glow[data-active-glow=dislike]:before{box-shadow:0 0 40px #ef444499,0 0 80px #ef44444d,inset 0 0 20px #ef44441a}.post-card.active-glow[data-active-glow=gross]:before{box-shadow:0 0 40px #22c55e99,0 0 80px #22c55e4d,inset 0 0 20px #22c55e1a}.post-card.active-glow[data-active-glow=heat]:before{box-shadow:0 0 50px #f97316b3,0 0 100px #f9731666,inset 0 0 25px #f9731626;animation:heatPulse 2s ease-in-out infinite}@keyframes heatPulse{0%,to{box-shadow:0 0 50px #f97316b3,0 0 100px #f9731666,inset 0 0 25px #f9731626}50%{box-shadow:0 0 60px #f97316cc,0 0 120px #f9731680,inset 0 0 30px #f9731633}}.post-card.active-glow[data-active-glow=cold]:before{box-shadow:0 0 40px #06b6d499,0 0 80px #06b6d44d,inset 0 0 20px #06b6d41a}.post-card.active-glow[data-active-glow=wild]:before{box-shadow:0 0 50px #a855f7b3,0 0 100px #a855f766,inset 0 0 25px #a855f726;animation:wildShift 3s ease-in-out infinite}@keyframes wildShift{0%,to{box-shadow:0 0 50px #a855f7b3,0 0 100px #a855f766}33%{box-shadow:0 0 50px #ec4899b3,0 0 100px #ec489966}66%{box-shadow:0 0 50px #3b82f6b3,0 0 100px #3b82f666}}.post-card.active-glow[data-active-glow=mindblown]:before{box-shadow:0 0 50px #8b5cf6b3,0 0 100px #8b5cf666,inset 0 0 25px #8b5cf626}.post-card.active-glow[data-active-glow=respect]:before{box-shadow:0 0 40px #eab30899,0 0 80px #eab3084d,inset 0 0 20px #eab3081a;animation:respectPulse 2.5s ease-in-out infinite}@keyframes respectPulse{0%,to{opacity:1}50%{opacity:.8}}.post-card.active-glow[data-active-glow=relate]:before{box-shadow:0 0 40px #14b8a699,0 0 80px #14b8a64d,inset 0 0 20px #14b8a61a}.post-card.active-glow[data-active-glow=cap]:before{box-shadow:0 0 50px #dc2626b3,0 0 100px #dc262666,inset 0 0 25px #dc262626}.post-card.active-glow[data-active-glow=laugh]:before{box-shadow:0 0 40px #facc1599,0 0 80px #facc154d,inset 0 0 20px #facc151a}.post-card.active-glow[data-active-glow=admire]:before{box-shadow:0 0 40px #ec489999,0 0 80px #ec48994d,inset 0 0 20px #ec48991a}.post-card.active-glow[data-active-glow=mixed]:before{background:linear-gradient(135deg,#f9731666,#a855f766,#3b82f666);box-shadow:0 0 50px #f9731680,0 0 100px #a855f74d,0 0 150px #3b82f633;animation:mixedGlow 4s ease-in-out infinite}@keyframes mixedGlow{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.post-card.glow-enter{animation:glowEnter .4s ease-out forwards}.post-card.glow-exit{animation:glowExit .3s ease-in forwards}@keyframes glowEnter{0%{transform:scale(1)}50%{transform:scale(1.005)}to{transform:scale(1)}}@keyframes glowExit{0%{transform:scale(1)}to{transform:scale(1)}}.post-header{display:flex;gap:12px;margin-bottom:15px}.user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--primary-purple);padding:2px}.user-info .name{display:block;font-weight:700}.user-info .handle{color:var(--text-dim);font-size:.85rem}.more-options{background:transparent;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;padding:5px;transition:color .2s}.more-options:hover{color:var(--text-main)}.post-content{line-height:1.6;margin-bottom:20px;font-size:1.05rem;color:#ffffffe6}.post-media{width:100%;border-radius:var(--radius-md);margin-bottom:20px;max-height:500px;object-fit:cover;box-shadow:0 10px 20px #0000004d}.post-actions{display:flex;flex-direction:column;gap:12px;margin-top:15px}.reactions-container{display:flex;flex-direction:column;gap:8px;width:100%;padding-left:8px;padding-right:8px;box-sizing:border-box}.reactions-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:100%;overflow:hidden}.reactions-row.row-1{margin-bottom:2px}.reactions-row.row-2{margin-top:2px}.actions-right{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.reaction-btn,.action-btn{background:var(--bg-glass);border:1px solid var(--border-light);color:var(--text-dim);padding:6px 12px;border-radius:50px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:6px;transition:all .2s}.reaction-btn:hover,.action-btn:hover{border-color:var(--primary-purple);color:var(--text-main)}.action-btn{padding:10px 20px;font-size:.95rem;font-weight:600;min-height:44px;min-width:100px;justify-content:center}.action-btn:hover{background:#9d50bb26;transform:translateY(-2px);box-shadow:0 4px 12px #9d50bb33}.action-btn:active{transform:translateY(0)}.action-debate{background:linear-gradient(135deg,#9d50bb33,#ff643226);border-color:#9d50bb66}.action-debate:hover{background:linear-gradient(135deg,#9d50bb4d,#ff643240);border-color:#9d50bb99}@media(max-width:768px){.action-btn{padding:8px 14px;font-size:.85rem;min-width:80px}}.composer-container{padding:20px;max-width:600px;margin:0 auto}.composer-modes{display:flex;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.composer-mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-dim);cursor:pointer;transition:all .3s ease}.composer-mode-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.composer-mode-btn.active{background:linear-gradient(135deg,#9d50bb4d,#ff643233);border-color:#9d50bb80;color:var(--text-main);box-shadow:0 4px 15px #9d50bb4d}.mode-icon{font-size:1.4rem}.mode-label{font-size:.8rem;font-weight:600}.composer-content{margin-bottom:20px}.media-preview-area{margin:15px 0;padding:15px;background:#0000004d;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.media-preview-area img,.media-preview-area video{border-radius:8px;box-shadow:0 4px 15px #0000004d}.video-info{display:flex;justify-content:center;gap:20px;margin-top:10px;font-size:.8rem;color:var(--text-dim)}.media-info{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:#ffffff0d;border-radius:8px;margin-top:10px}.media-name{font-size:.85rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.remove-media-btn{background:#ef444433;border:none;color:#ef4444;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s ease;margin-left:10px}.remove-media-btn:hover{background:#ef44444d;transform:scale(1.1)}.composer-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.composer-error{color:#ef4444;font-size:.85rem;flex:1;text-align:center}@media(max-width:768px){.composer-container{padding:15px}.composer-modes{gap:6px}.composer-mode-btn{padding:10px 6px}.mode-icon{font-size:1.2rem}.mode-label{font-size:.75rem}.composer-actions{flex-direction:column;align-items:stretch}.composer-actions .btn-secondary,.composer-actions .btn-primary{width:100%;justify-content:center}}.reaction-btn.active[data-type=like]{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.reaction-btn.active[data-type=dislike]{color:#ef4444;border-color:#ef4444;box-shadow:0 0 10px #ef44444d}.reaction-btn.active[data-type=gross]{color:#22c55e;border-color:#22c55e;box-shadow:0 0 10px #22c55e4d}.reaction-btn.active[data-type=heat]{color:#f97316;border-color:#f97316;box-shadow:0 0 10px #f973164d}.reaction-btn.active[data-type=cold]{color:#06b6d4;border-color:#06b6d4;box-shadow:0 0 10px #06b6d44d}.reaction-btn.active[data-type=wild]{color:#a855f7;border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.reaction-btn.active[data-type=mindblown]{color:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf64d}.reaction-btn.active[data-type=respect]{color:#eab308;border-color:#eab308;box-shadow:0 0 10px #eab3084d}.reaction-btn.active[data-type=relate]{color:#14b8a6;border-color:#14b8a6;box-shadow:0 0 10px #14b8a64d}.reaction-btn.active[data-type=cap]{color:#dc2626;border-color:#dc2626;box-shadow:0 0 10px #dc26264d}.reaction-btn.active[data-type=laugh]{color:#facc15;border-color:#facc15;box-shadow:0 0 10px #facc154d}.reaction-btn.active[data-type=admire]{color:#ec4899;border-color:#ec4899;box-shadow:0 0 10px #ec48994d}@media(max-width:1024px){#main-nav{position:fixed;bottom:10px;left:10px;right:10px;width:calc(100% - 20px);height:70px;margin:0;flex-direction:row;justify-content:space-around;align-items:center;padding:0 10px;z-index:500;border-radius:20px}.nav-links{flex-direction:row;width:100%;justify-content:space-around;gap:0}.nav-link{flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:.6rem}.nav-link.active:before{inset:auto 20% -5px;width:auto;height:3px}.desktop-only{display:none}#content-area{padding:20px;margin-bottom:80px}#top-bar{padding:0 10px}.search-container{width:100%}.reactions-container{padding-left:4px;padding-right:4px}.reactions-row{gap:4px}.reaction-btn{padding:6px 4px;font-size:.75rem;min-width:0;white-space:nowrap;overflow:hidden}.reaction-btn span{font-size:.7rem}}.loader-view{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.vibestream-container{display:flex;flex-direction:column;gap:20px;max-width:500px;margin:0 auto}.vibe-video-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:9/16;background:#000}.vibe-video-card video{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000c);display:flex;justify-content:space-between;align-items:flex-end}.video-actions-sidebar{display:flex;flex-direction:column;gap:15px}.video-action{background:#ffffff1a;border:none;color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;font-size:1.2rem;backdrop-filter:blur(5px)}.video-reactions-sidebar{display:flex;flex-direction:column;gap:10px}.stream-reaction{background:#ffffff26;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .2s ease;animation:streamReactionPulse 2s ease-in-out infinite}.stream-reaction:hover{transform:scale(1.2);background:#ffffff4d}.stream-reaction:nth-child(1){animation-delay:0s}.stream-reaction:nth-child(2){animation-delay:.2s}.stream-reaction:nth-child(3){animation-delay:.4s}.stream-reaction:nth-child(4){animation-delay:.6s}.stream-reaction:nth-child(5){animation-delay:.8s}@keyframes streamReactionPulse{0%,to{box-shadow:0 0 5px #fff3}50%{box-shadow:0 0 15px #fff6}}.floating-reactions{position:absolute;bottom:60px;left:0;right:0;height:100px;pointer-events:none;overflow:hidden}.floating-reaction{position:absolute;bottom:0;font-size:2rem;animation:floatUp 2s ease-out forwards;opacity:0}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(1.5)}}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.room-card{padding:24px;position:relative;transition:transform .3s}.room-card:hover{transform:translateY(-5px);border-color:var(--primary-purple)}.room-status{width:10px;height:10px;border-radius:50%;background:#52525b;position:absolute;top:24px;right:24px}.room-status.online{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.room-avatars{display:flex;margin:15px 0}.mini-avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg-deep);margin-right:-10px}.sponsored-ad{border:1px dashed var(--accent-gold)}.ad-label{font-size:.7rem;color:var(--accent-gold);text-transform:uppercase;font-weight:800;margin-bottom:5px;display:block}#modal-container{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(10px)}#modal-content{position:relative;width:90%;max-width:500px;padding:30px;animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-secondary{background:var(--bg-glass);border:1px solid var(--border-light);color:var(--text-main);padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:var(--primary-purple)}.hidden{display:none!important}.user-badge{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:800;text-transform:uppercase}.badge-heat{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.badge-truth{background:#f9731633;color:#f97316;border:1px solid #f97316}.badge-admired{background:#8b5cf633;color:#8b5cf6;border:1px solid #8b5cf6}#app-footer{position:fixed;bottom:5px;right:5px;z-index:1000}#admin-trigger{background:transparent;border:none;opacity:.1;cursor:pointer;font-size:.8rem;transition:opacity .3s}.mind-state{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--accent-cyan);background:#00f2ff1a;padding:2px 10px;border-radius:50px;border:1px solid rgba(0,242,255,.2);margin-left:10px}.mind-state:before{content:"";width:6px;height:6px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan)}.reaction-pop-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.3) 0%,transparent 70%)}.reaction-pop-emoji{font-size:180px;animation:reactionPopDramatic 1.2s cubic-bezier(.175,.885,.32,1.275) forwards;filter:drop-shadow(0 0 100px currentColor) drop-shadow(0 0 50px currentColor);text-shadow:0 0 120px currentColor,0 0 60px currentColor}.reaction-pop-text{position:absolute;bottom:calc(50% - 120px);font-size:36px;font-weight:900;text-transform:uppercase;letter-spacing:6px;color:#fff;text-shadow:0 0 30px currentColor,0 0 60px currentColor,0 0 90px currentColor;animation:reactionTextPop 1.2s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:.15s;opacity:0;transform:scale(.5)}@keyframes reactionPopDramatic{0%{transform:scale(0) rotate(-30deg);opacity:0}20%{transform:scale(3) rotate(15deg);opacity:1}40%{transform:scale(2.5) rotate(-10deg)}60%{transform:scale(2) rotate(5deg)}80%{transform:scale(1.5) rotate(-2deg);opacity:.9}to{transform:scale(.3) rotate(0);opacity:0}}@keyframes reactionTextPop{0%{transform:translateY(40px) scale(.3);opacity:0}25%{transform:translateY(-15px) scale(1.3);opacity:1}50%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(.7);opacity:0}}.reaction-pop-overlay.like{color:#3b82f6}.reaction-pop-overlay.dislike{color:#ef4444}.reaction-pop-overlay.gross{color:#22c55e}.reaction-pop-overlay.heat{color:#f97316}.reaction-pop-overlay.cold{color:#06b6d4}.reaction-pop-overlay.wild{color:#a855f7}.reaction-pop-overlay.mindblown{color:#8b5cf6}.reaction-pop-overlay.respect{color:#eab308}.reaction-pop-overlay.relate{color:#14b8a6}.reaction-pop-overlay.cap{color:#dc2626}.reaction-pop-overlay.laugh{color:#facc15}.reaction-pop-overlay.admire{color:#ec4899}.reaction-pop{position:absolute;pointer-events:none;font-size:2rem;animation:reactionFloat .8s ease-out forwards;z-index:100}@keyframes reactionFloat{0%{transform:translateY(0) scale(.5);opacity:1}to{transform:translateY(-100px) scale(1.5);opacity:0}}.reaction-feedback-badge{position:fixed;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#14141ef2;border:1px solid rgba(255,255,255,.15);border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006,0 0 30px currentColor;font-size:.9rem;font-weight:600;pointer-events:none;z-index:9999;animation:reactionBadgePop 1.2s cubic-bezier(.175,.885,.32,1.275) forwards}.reaction-feedback-badge .badge-emoji{font-size:1.2rem}.reaction-feedback-badge .badge-label{color:#fff;text-shadow:0 0 10px currentColor}@keyframes reactionBadgePop{0%{transform:scale(0) translateY(20px);opacity:0}20%{transform:scale(1.1) translateY(-5px);opacity:1}40%{transform:scale(1) translateY(0)}70%{transform:scale(1) translateY(-10px);opacity:1}to{transform:scale(.8) translateY(-30px);opacity:0}}.reaction-feedback-badge.like{color:#3b82f6;border-color:#3b82f680}.reaction-feedback-badge.dislike{color:#ef4444;border-color:#ef444480}.reaction-feedback-badge.gross{color:#22c55e;border-color:#22c55e80}.reaction-feedback-badge.heat{color:#f97316;border-color:#f9731680}.reaction-feedback-badge.cold{color:#06b6d4;border-color:#06b6d480}.reaction-feedback-badge.wild{color:#a855f7;border-color:#a855f780}.reaction-feedback-badge.mindblown{color:#8b5cf6;border-color:#8b5cf680}.reaction-feedback-badge.respect{color:#eab308;border-color:#eab30880}.reaction-feedback-badge.relate{color:#14b8a6;border-color:#14b8a680}.reaction-feedback-badge.cap{color:#dc2626;border-color:#dc262680}.reaction-feedback-badge.laugh{color:#facc15;border-color:#facc1580}.reaction-feedback-badge.admire{color:#ec4899;border-color:#ec489980}.reaction-popup-from-tap{position:fixed;pointer-events:none;z-index:10000;font-size:2.5rem;animation:reactionFromTap .8s cubic-bezier(.175,.885,.32,1.275) forwards;filter:drop-shadow(0 0 20px currentColor);will-change:transform,opacity}@keyframes reactionFromTap{0%{transform:scale(.5) translateY(0);opacity:0}30%{transform:scale(1.4) translateY(-20px);opacity:1}50%{transform:scale(1.2) translateY(-40px)}to{transform:scale(.8) translateY(-80px);opacity:0}}.reaction-pop-overlay,.reaction-feedback-badge,.reaction-popup-from-tap{will-change:transform,opacity;contain:layout style;backface-visibility:hidden}.sync-stream-msg{animation:slideInRight .3s ease-out;padding:10px 15px;background:var(--bg-glass);border-radius:var(--radius-md);margin-bottom:8px;border-left:3px solid var(--primary-purple)}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse-glow{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}.profile-container{padding:30px;max-width:900px;margin:0 auto}.profile-header{display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:20px}.profile-avatar{width:150px;height:150px;border-radius:50%;border:4px solid var(--primary-purple);padding:4px}.profile-info{text-align:center}.profile-stats{display:flex;justify-content:center;gap:50px;width:100%;padding:20px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-top:20px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-value{font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-dim);font-size:.8rem;text-transform:uppercase}.chat-container{height:500px;display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card)}.chat-messages{flex:1;overflow-y:auto;padding:20px}.chat-input{padding:20px;display:flex;gap:10px}.chat-input input{flex:1;padding:10px;background:#0000004d;border:1px solid var(--border-light);border-radius:20px;color:#fff}.comments-modal{max-height:80vh;display:flex;flex-direction:column}.comments-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border-light);margin-bottom:15px}.comments-modal .modal-header h2{font-family:var(--font-display);font-size:1.3rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comments-list{flex:1;overflow-y:auto;max-height:50vh;padding-right:10px}.comment-card{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);animation:slideUp .3s ease-out}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-header strong{font-size:.9rem;color:var(--text-main)}.comment-time{font-size:.75rem;color:var(--text-muted)}.comment-text{font-size:.9rem;color:var(--text-dim);line-height:1.4;word-wrap:break-word}.comment-actions{display:flex;gap:8px;margin-top:8px}.comment-actions .reaction-btn,.comment-actions .action-btn{padding:4px 8px;font-size:.75rem}.comment-replies{margin-top:12px;padding-left:20px;border-left:2px solid var(--border-light)}.comment-replies .comment-card{border-bottom:none;padding:8px 0}.comment-input-area{display:flex;gap:12px;padding-top:15px;border-top:1px solid var(--border-light);margin-top:15px}.comment-avatar-input{width:36px;height:36px;border-radius:50%;flex-shrink:0}.comment-input-area textarea{width:100%;padding:10px;background:#0000004d;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;resize:none}.comment-input-area textarea:focus{outline:none;border-color:var(--primary-purple)}.comment-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.empty-comments{text-align:center;color:var(--text-muted);padding:40px 20px}.friends-container{display:flex;flex-direction:column;gap:20px}.friends-header{display:flex;gap:10px;margin-bottom:20px}.friends-tab{padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.friends-tab.active{background:var(--primary-purple);border-color:var(--primary-purple)}.friends-tab:hover{background:#8b5cf64d}.friend-card{display:flex;align-items:center;gap:12px;padding:15px;margin-bottom:10px}.friend-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.friend-info{flex:1}.friend-info strong{display:block;font-size:1rem}.friend-info p{margin:0;font-size:.85rem}.btn-small{padding:6px 12px;font-size:.8rem}.friends-list{display:flex;flex-direction:column;gap:10px}.requests-section{margin-bottom:30px}.requests-section h3{margin-bottom:15px;color:var(--primary-orange)}.top-eight{padding:20px;margin-top:20px}.top-eight h3{margin-bottom:15px;color:var(--primary-orange)}.top-eight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.top-eight-slot{aspect-ratio:1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.top-eight-slot.filled{background:#ffffff1a;border:2px solid var(--primary-purple)}.top-eight-slot.filled:hover{border-color:var(--primary-orange);transform:scale(1.05)}.top-eight-slot.filled img{width:80%;height:80%;object-fit:cover;border-radius:8px}.top-eight-slot.empty{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);color:var(--text-muted);font-size:2rem}.top-eight-slot.empty:hover{border-color:var(--primary-purple)}.top-eight-name{font-size:.7rem;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.top-eight-grid{grid-template-columns:repeat(4,1fr)}}.messages-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;height:calc(100vh - 200px)}.conversations-list{padding:15px;overflow-y:auto}.conversations-list h3{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s ease;margin-bottom:8px}.conversation-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.conversation-info{flex:1;overflow:hidden}.conversation-info strong{display:block;margin-bottom:4px}.conversation-info p{margin:0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--primary-orange);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:700}.conversation-view{display:flex;flex-direction:column;padding:0;overflow:hidden}.conversation-header{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid rgba(255,255,255,.1)}.conversation-avatar-small{width:36px;height:36px;border-radius:50%;object-fit:cover}.messages-scroll{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;gap:10px;max-width:70%}.message-sent{align-self:flex-end;flex-direction:row-reverse}.message-received{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.message-bubble{padding:12px 16px;border-radius:18px;background:#ffffff1a}.message-sent .message-bubble{background:var(--primary-purple)}.message-bubble p{margin:0;word-wrap:break-word}.message-time{display:block;font-size:.7rem;color:var(--text-muted);margin-top:4px;text-align:right}.message-input-area{display:flex;gap:10px;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.message-input-area input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 16px;color:var(--text-primary);font-family:inherit}.message-input-area input:focus{outline:none;border-color:var(--primary-purple)}@media(max-width:768px){.messages-layout{grid-template-columns:1fr}.conversations-list{display:none}}.community-header-main{display:flex;align-items:center;gap:15px;margin:15px 0}.community-icon-large{font-size:4rem}.community-category{display:inline-block;background:#8b5cf64d;color:var(--primary-purple);padding:4px 12px;border-radius:12px;font-size:.8rem;margin-top:8px}.community-posts{display:flex;flex-direction:column;gap:15px}.community-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.community-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #8b5cf633}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#ffffff0d;border-radius:12px;transition:background .2s ease}.notification-item:hover{background:#ffffff1a}.notification-item.unread{background:#8b5cf626;border-left:3px solid var(--primary-purple)}.notification-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%}.notification-content{flex:1}.notification-content strong{display:block;margin-bottom:4px}.notification-content p{margin:0;font-size:.9rem;color:var(--text-muted)}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:1rem}.notification-dismiss:hover{color:var(--text-primary)}.profile-header{display:flex;align-items:flex-start;gap:20px;padding:25px}.profile-avatar-large{width:140px;height:140px;border-radius:50%;border:4px solid var(--primary-purple);box-shadow:0 4px 30px #8b5cf64d;object-fit:cover}.profile-name-row{display:flex;align-items:center;gap:12px}.profile-name-row h1{margin:0}.profile-actions{display:flex;flex-direction:column;gap:10px}.profile-stats{display:flex;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.profile-stats span{color:var(--text-muted);font-size:.9rem}.profile-stats strong{color:var(--primary-orange);font-size:1.1rem}.top-eight-preview{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.top-eight-mini{width:50px;height:50px;border-radius:50%;border:2px solid var(--primary-purple);object-fit:cover}@media(max-width:600px){.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-avatar-large{width:100px;height:100px}.profile-name-row,.profile-stats{justify-content:center}.profile-actions{width:100%}}.profile-banner{height:200px;background-size:cover;background-position:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;background-color:var(--primary-purple)}.profile-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--bg-deep),transparent)}.profile-container{min-height:100vh;background:var(--bg-deep)}.profile-music-player{display:flex;align-items:center;gap:15px}.profile-music-player button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sync-room-chat{display:flex;flex-direction:column;height:calc(100vh - 200px);padding:0}.sync-room-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.chat-message{display:flex;gap:12px}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.chat-message-content{flex:1;background:#ffffff0d;padding:12px;border-radius:12px}.chat-message-content strong{display:block;margin-bottom:4px;color:var(--primary-orange)}.chat-message-content p{margin:0}.chat-reactions-row{display:flex;gap:8px;margin-top:8px;align-items:center}.chat-reaction{background:#ffffff1a;padding:2px 8px;border-radius:12px;font-size:.8rem}.add-reaction-btn{background:none;border:1px dashed rgba(255,255,255,.3);color:var(--text-muted);width:24px;height:24px;border-radius:50%;cursor:pointer}.add-reaction-btn:hover{border-color:var(--primary-purple);color:var(--primary-purple)}.sync-room-input{display:flex;gap:10px;padding:15px;border-top:1px solid rgba(255,255,255,.1);align-items:center}.sync-room-input input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:12px 16px;color:var(--text-primary)}.quick-reactions{display:flex;gap:5px}.quick-reactions button{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:transform .2s}.quick-reactions button:hover{transform:scale(1.2);background:#fff3}.vibe-matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.vibe-match-card{padding:25px;text-align:center;position:relative;overflow:hidden}.vibe-match-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#ffea00,#ff9d00);color:#000;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:800;animation:vibeMatchPulse 1.5s ease-in-out infinite}@keyframes vibeMatchPulse{0%,to{box-shadow:0 0 10px #ffea0080}50%{box-shadow:0 0 20px #ffea00cc}}.vibe-match-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--primary-purple);margin:15px 0;object-fit:cover}.vibe-match-card h3{margin:0;font-size:1.2rem}.vibe-match-bio{font-size:.9rem;color:var(--text-dim);margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vibe-match-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.rules-container{display:flex;flex-direction:column;gap:20px;max-width:800px}.rule-section{padding:25px;animation:ruleFadeIn .5s ease-out backwards}.rule-section:nth-child(1){animation-delay:.1s}.rule-section:nth-child(2){animation-delay:.2s}.rule-section:nth-child(3){animation-delay:.3s}.rule-section:nth-child(4){animation-delay:.4s}.rule-section:nth-child(5){animation-delay:.5s}.rule-section:nth-child(6){animation-delay:.6s}@keyframes ruleFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.rule-section h2{color:var(--primary-orange);margin-bottom:15px;font-size:1.3rem}.rule-section ul{list-style:none;padding:0}.rule-section li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-dim);line-height:1.6}.rule-section li:last-child{border-bottom:none}.rule-section li strong{color:var(--text-main)}.rule-section.disclaimer{border:1px solid var(--primary-orange);background:#ff9d001a}.rule-section.disclaimer p{color:var(--text-dim);line-height:1.7}.debate-room{padding:20px;margin-bottom:20px}.debate-header{margin-bottom:20px}.debate-title{font-size:1.5rem;margin-bottom:8px;color:var(--text-main)}.debate-description{color:var(--text-dim);margin-bottom:15px}.debate-stats{background:#ffffff0d;padding:15px;border-radius:12px}.stat-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;margin-bottom:8px}.stat-segment.side-a{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-segment.side-b{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-labels{display:flex;justify-content:space-between;font-size:.85rem}.side-a-label{color:#60a5fa}.side-b-label{color:#f87171}.total-participants{color:var(--text-muted)}.debate-join-prompt{text-align:center;padding:20px 0}.debate-join-prompt p{margin-bottom:15px;color:var(--text-dim)}.debate-sides{display:flex;gap:15px;justify-content:center}.btn-debate-side{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 30px;border:2px solid var(--border-light);background:#ffffff0d;border-radius:16px;cursor:pointer;transition:all .3s;min-width:120px}.btn-debate-side:hover{transform:translateY(-2px)}.btn-debate-side.side-a:hover{border-color:#3b82f6;background:#3b82f61a}.btn-debate-side.side-b:hover{border-color:#ef4444;background:#ef44441a}.side-emoji{font-size:2rem}.side-name{font-weight:600;color:var(--text-main)}.debate-your-side{text-align:center;padding:15px;background:#ffffff0d;border-radius:12px}.debate-your-side p{margin-bottom:10px}.debate-comments-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.debate-comments-side{padding:15px;border-radius:12px}.debate-comments-side.a{background:#3b82f60d;border:1px solid rgba(59,130,246,.2)}.debate-comments-side.b{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.debate-comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.debate-comment:last-child{border-bottom:none}.debate-comment-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.debate-comment-body{flex:1}.debate-comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.debate-comment-header strong{font-size:.85rem}.debate-comment-text{font-size:.9rem;color:var(--text-dim);line-height:1.4}.debate-empty{text-align:center;padding:30px;color:var(--text-muted)}.debate-create-form input,.debate-create-form textarea{font-family:inherit}@media(max-width:768px){.debate-comments-container{grid-template-columns:1fr}.debate-sides{flex-direction:column;align-items:center}.btn-debate-side{width:100%;max-width:250px}}#top-bar{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#0a0a0fe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-light);z-index:400;padding:0 20px;align-items:center;justify-content:space-between}.top-bar-logo{display:flex;align-items:center;gap:10px}.top-bar-logo img{width:36px;height:36px}.top-bar-logo span{font-family:var(--font-display);font-weight:700;font-size:1.2rem;background:linear-gradient(135deg,var(--text-main) 0%,var(--primary-purple-bright) 50%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hamburger-btn{display:flex;flex-direction:column;gap:5px;padding:8px;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.hamburger-btn:hover{transform:scale(1.05)}.hamburger-btn:active{transform:scale(.95)}.hamburger-line{width:24px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s ease}.hamburger-btn.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}#mobile-sidebar{position:fixed;inset:0;z-index:1000;pointer-events:none}#mobile-sidebar:not(.hidden){pointer-events:all}.mobile-sidebar-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}#mobile-sidebar:not(.hidden) .mobile-sidebar-backdrop{opacity:1}.mobile-sidebar-content{position:absolute;top:0;right:0;width:320px;height:100%;background:linear-gradient(180deg,#14141efa,#0f0f19fa);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}#mobile-sidebar:not(.hidden) .mobile-sidebar-content{transform:translate(0)}.sidebar-user-profile{display:flex;align-items:center;gap:15px;padding:25px 20px;background:linear-gradient(135deg,#9d50bb26,#ff64321a);border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease;position:relative}.sidebar-user-profile:hover{background:linear-gradient(135deg,#9d50bb40,#ff643226)}.sidebar-user-profile:active{transform:scale(.98)}.sidebar-user-avatar-container{position:relative;flex-shrink:0}.sidebar-user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.2);position:relative;z-index:2}.sidebar-user-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;z-index:1;animation:sidebarAuraPulse 3s ease-in-out infinite}@keyframes sidebarAuraPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{margin:0 0 3px;font-size:1.1rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-handle{margin:0 0 8px;font-size:.85rem;color:var(--text-dim)}.sidebar-user-stats{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-dim)}.close-sidebar-btn{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:var(--text-main);font-size:1.3rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-sidebar-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-sidebar-scroll{flex:1;overflow-y:auto;padding:10px 0}.mobile-sidebar-scroll::-webkit-scrollbar{width:4px}.mobile-sidebar-scroll::-webkit-scrollbar-track{background:transparent}.mobile-sidebar-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-section{margin-bottom:5px}.sidebar-section-title{padding:15px 20px 8px;margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05)}.mobile-sidebar-links{display:flex;flex-direction:column;padding:5px 10px;gap:3px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 15px;background:transparent;border:none;color:var(--text-main);font-size:.95rem;font-family:var(--font-body);cursor:pointer;border-radius:10px;transition:all .2s ease;text-align:left;position:relative}.sidebar-link:hover{background:#ffffff0d}.sidebar-link.active{background:linear-gradient(90deg,rgba(157,80,187,.2),transparent);border-left:3px solid var(--primary-purple);color:var(--text-main)}.sidebar-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--primary-purple),var(--primary-orange));border-radius:0 2px 2px 0;box-shadow:0 0 10px #9d50bb80}.sidebar-link .icon{font-size:1.2rem;width:24px;text-align:center}.sidebar-badge{margin-left:auto;background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:10px;min-width:20px;text-align:center}.sidebar-badge.hidden{display:none}.logout-link{color:#ef4444;margin-top:5px}.logout-link:hover{background:#ef44441a}.mobile-nav-links{display:contents}.vibe-out-nav-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-10px)}.vibe-out-nav-btn .vibe-out-icon{font-size:1.8rem;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(157,80,187,.5));animation:vibeOutPulse 2s ease-in-out infinite}@keyframes vibeOutPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(157,80,187,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(157,80,187,.8))}}.vibe-out-nav-btn .vibe-label{font-weight:700;background:linear-gradient(135deg,var(--primary-purple-bright) 0%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1024px){.mobile-only{display:flex!important}#content-area{padding-top:80px}#vibe-out-btn.desktop-only{display:none!important}}@media(min-width:1025px){.mobile-only,#mobile-sidebar,.mobile-nav-links{display:none!important}.desktop-only{display:flex!important}}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.profile-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:.75rem;font-weight:600;transition:all .2s ease;cursor:help}.profile-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.profile-badge.heat-badge{background:#f9731626;border-color:#f9731666;color:#f97316}.profile-badge.wild-badge{background:#a855f726;border-color:#a855f766;color:#a855f7}.profile-badge.respect-badge{background:#eab30826;border-color:#eab30866;color:#eab308}.profile-badge.mindblown-badge{background:#8b5cf626;border-color:#8b5cf666;color:#8b5cf6}.profile-badge.creator-badge{background:#ec489926;border-color:#ec489966;color:#ec4899}.profile-badge.social-badge{background:#14b8a626;border-color:#14b8a666;color:#14b8a6}.mind-state.verified-badge{background:#3b82f633;color:#3b82f6}.mind-state.admin-badge{background:#9d50bb33;color:#c084fc}.like-vibe-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ec489933,#f9731633);border:1px solid rgba(236,72,153,.4);transition:all .3s ease}.profile-avatar-container{position:relative;display:inline-block;margin-right:20px}.profile-avatar-large{position:relative;z-index:2;width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid rgba(157,80,187,.5);box-shadow:0 0 30px #9d50bb4d}.vibe-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;z-index:1;opacity:.6;animation:vibeAuraPulse 3s ease-in-out infinite}@keyframes vibeAuraPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.vibe-aura.like{background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);box-shadow:0 0 40px #3b82f680}.vibe-aura.dislike{background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%);box-shadow:0 0 40px #ef444480}.vibe-aura.gross{background:radial-gradient(circle,rgba(34,197,94,.4) 0%,transparent 70%);box-shadow:0 0 40px #22c55e80}.vibe-aura.heat{background:radial-gradient(circle,rgba(249,115,22,.5) 0%,transparent 70%);box-shadow:0 0 50px #f9731699}.vibe-aura.cold{background:radial-gradient(circle,rgba(6,182,212,.4) 0%,transparent 70%);box-shadow:0 0 40px #06b6d480}.vibe-aura.wild{background:radial-gradient(circle,rgba(168,85,247,.5) 0%,transparent 70%);box-shadow:0 0 50px #a855f799}.vibe-aura.mindblown{background:radial-gradient(circle,rgba(139,92,246,.5) 0%,transparent 70%);box-shadow:0 0 50px #8b5cf699}.vibe-aura.respect{background:radial-gradient(circle,rgba(234,179,8,.4) 0%,transparent 70%);box-shadow:0 0 40px #eab30880}.vibe-aura.relate{background:radial-gradient(circle,rgba(20,184,166,.4) 0%,transparent 70%);box-shadow:0 0 40px #14b8a680}.vibe-aura.cap{background:radial-gradient(circle,rgba(220,38,38,.5) 0%,transparent 70%);box-shadow:0 0 50px #dc262699}.vibe-aura.laugh{background:radial-gradient(circle,rgba(250,204,21,.4) 0%,transparent 70%);box-shadow:0 0 40px #facc1580}.vibe-aura.admire{background:radial-gradient(circle,rgba(236,72,153,.5) 0%,transparent 70%);box-shadow:0 0 50px #ec489999}.vibe-summary-strip{display:flex;align-items:center;gap:15px;margin:15px 0;padding:10px 15px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.vibe-indicator{display:flex;align-items:center;gap:8px;white-space:nowrap}.vibe-label{font-size:.85rem;color:var(--text-dim)}.vibe-type{font-weight:700;font-size:.95rem;padding:4px 10px;border-radius:20px}.vibe-type.like{background:#3b82f633;color:#3b82f6}.vibe-type.dislike{background:#ef444433;color:#ef4444}.vibe-type.gross{background:#22c55e33;color:#22c55e}.vibe-type.heat{background:#f9731633;color:#f97316}.vibe-type.cold{background:#06b6d433;color:#06b6d4}.vibe-type.wild{background:#a855f733;color:#a855f7}.vibe-type.mindblown{background:#8b5cf633;color:#8b5cf6}.vibe-type.respect{background:#eab30833;color:#eab308}.vibe-type.relate{background:#14b8a633;color:#14b8a6}.vibe-type.cap{background:#dc262633;color:#dc2626}.vibe-type.laugh{background:#facc1533;color:#facc15}.vibe-type.admire{background:#ec489933;color:#ec4899}.vibe-gradient-bar{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--vibe-color, #9d50bb),transparent);animation:vibeShimmer 2s ease-in-out infinite}.vibe-gradient-bar.like{--vibe-color: #3b82f6}.vibe-gradient-bar.dislike{--vibe-color: #ef4444}.vibe-gradient-bar.gross{--vibe-color: #22c55e}.vibe-gradient-bar.heat{--vibe-color: #f97316}.vibe-gradient-bar.cold{--vibe-color: #06b6d4}.vibe-gradient-bar.wild{--vibe-color: #a855f7}.vibe-gradient-bar.mindblown{--vibe-color: #8b5cf6}.vibe-gradient-bar.respect{--vibe-color: #eab308}.vibe-gradient-bar.relate{--vibe-color: #14b8a6}.vibe-gradient-bar.cap{--vibe-color: #dc2626}.vibe-gradient-bar.laugh{--vibe-color: #facc15}.vibe-gradient-bar.admire{--vibe-color: #ec4899}@keyframes vibeShimmer{0%,to{opacity:.6}50%{opacity:1}}.vibe-descriptor{font-size:.85rem;font-style:italic;color:var(--text-dim);white-space:nowrap}.profile-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:15px 0;padding:15px;background:#ffffff08;border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.4rem;font-weight:700;color:var(--text-main)}.stat-value.vibe-score{background:linear-gradient(135deg,var(--primary-purple-bright),var(--primary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--text-dim);margin-top:4px}.profile-tabs-container{margin-top:20px}.profile-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:15px 10px;background:transparent;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .3s ease;position:relative}.profile-tab:hover{color:var(--text-main);background:#ffffff0d}.profile-tab.active{color:var(--primary-orange)}.profile-tab.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:3px;background:var(--primary-orange);box-shadow:0 0 10px #f9731680;border-radius:2px}.tab-label{font-weight:600}.profile-top-eight{margin-top:20px;padding:20px}.top-eight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.top-eight-header h3{margin:0}.top-eight-count{font-size:.85rem;color:var(--text-dim);background:#ffffff1a;padding:4px 10px;border-radius:12px}.top-eight-scroll-container{display:flex;gap:15px;overflow-x:auto;padding:10px 5px;scroll-snap-type:x mandatory;scrollbar-width:none}.top-eight-scroll-container::-webkit-scrollbar{display:none}.top-eight-card{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;scroll-snap-align:start;transition:transform .2s ease}.top-eight-card:hover{transform:translateY(-3px)}.top-eight-avatar-ring{position:relative;width:80px;height:80px;border-radius:50%;padding:4px;transition:all .3s ease}.top-eight-avatar-ring.dim{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);box-shadow:0 0 10px #ffffff1a}.top-eight-avatar-ring.medium{background:linear-gradient(135deg,#9d50bb66,#ff643266);box-shadow:0 0 20px #9d50bb4d}.top-eight-avatar-ring.bright{background:linear-gradient(135deg,#9d50bb99,#ff643299);box-shadow:0 0 30px #9d50bb80;animation:topEightGlow 2s ease-in-out infinite}@keyframes topEightGlow{0%,to{box-shadow:0 0 30px #9d50bb80}50%{box-shadow:0 0 40px #9d50bbb3}}.top-eight-avatar-ring.empty{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.top-eight-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.add-icon{font-size:2rem;color:var(--text-dim)}.top-eight-name{font-size:.8rem;color:var(--text-main);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinned-post-container{position:relative;margin-bottom:20px}.pinned-label{position:absolute;top:-10px;left:15px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;z-index:10;box-shadow:0 2px 10px #0000004d}.profile-replies-feed{display:flex;flex-direction:column;gap:15px}.reply-card{padding:15px;cursor:pointer;transition:all .2s ease}.reply-card:hover{transform:translate(5px);border-left:3px solid var(--primary-purple)}.reply-context{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reply-label{font-size:.8rem;color:var(--text-dim)}.reply-time{font-size:.75rem;color:var(--text-muted)}.reply-preview{font-size:.95rem;color:var(--text-main);margin-bottom:8px;font-style:italic}.reply-post-preview{font-size:.8rem;color:var(--text-dim);padding:8px;background:#ffffff0d;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-media-grid{padding:10px 0}.media-filter-tabs{display:flex;gap:10px;margin-bottom:15px}.media-filter{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-dim);cursor:pointer;transition:all .2s ease}.media-filter:hover,.media-filter.active{background:#9d50bb33;border-color:#9d50bb66;color:var(--text-main)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.media-grid-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;background:#0000004d}.media-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-grid-item:hover img{transform:scale(1.05)}.video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#ffffffe6;text-shadow:0 2px 10px rgba(0,0,0,.5)}.profile-liked-feed{display:flex;flex-direction:column;gap:15px}.liked-post-card{position:relative}.liked-indicator{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);margin-top:-10px;border-radius:0 0 16px 16px}.reaction-badge{font-size:1.2rem}.liked-text{font-size:.85rem;color:var(--text-dim)}.quick-preview-modal{position:relative;padding:30px;text-align:center}.preview-header{margin-bottom:20px}.preview-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(157,80,187,.5);margin-bottom:15px}.preview-header h3{margin:0 0 5px}.preview-handle{color:var(--text-dim);margin:0 0 10px}.preview-bio{font-size:.9rem;color:var(--text-main);margin:0;padding:0 20px}.preview-stats{display:flex;justify-content:center;gap:30px;margin:20px 0;padding:15px;background:#ffffff0d;border-radius:12px}.preview-stats span{font-size:.9rem;color:var(--text-dim)}.preview-actions{display:flex;flex-direction:column;gap:10px}.preview-actions button{width:100%}.close-preview{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-main);font-size:1.5rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-preview:hover{background:#ffffff1a}.empty-state{text-align:center;padding:40px 20px;color:var(--text-dim)}.empty-state p{margin:0;font-size:1rem}@media(max-width:768px){.profile-avatar-large{width:100px;height:100px}.vibe-aura{width:120px;height:120px}.profile-stats-row{grid-template-columns:repeat(2,1fr);gap:10px}.vibe-summary-strip{flex-direction:column;gap:10px;text-align:center}.vibe-gradient-bar{width:100%}.media-grid{grid-template-columns:repeat(2,1fr)}.top-eight-avatar-ring{width:70px;height:70px}}.like-vibe-btn:hover{background:linear-gradient(135deg,#ec48994d,#f973164d);border-color:#ec489999;box-shadow:0 0 20px #ec48994d;transform:scale(1.02)}.like-vibe-btn:active{transform:scale(.98)}.like-vibe-btn .heart-icon{display:inline-block;transition:transform .2s ease}.like-vibe-btn:hover .heart-icon{animation:heartBeat .8s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)}}.profile-music-player{transition:all .3s ease}.profile-music-player:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.music-play-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.music-play-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #9d50bb80}.edit-profile-form .form-group label{font-size:.9rem;font-weight:500}.edit-profile-form input:focus,.edit-profile-form textarea:focus{outline:none;border-color:var(--primary-purple)!important;box-shadow:0 0 0 2px #9d50bb33}.admin-controls-inline{display:flex;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admin-btn-ban{background:#fbbf241a;border-color:#fbbf2466;color:#fbbf24}.admin-btn-ban:hover{background:#fbbf2433;border-color:#fbbf24b3;box-shadow:0 0 20px #fbbf244d;transform:translateY(-1px)}.admin-btn-delete{background:#f43f5e1a;border-color:#f43f5e66;color:#f43f5e}.admin-btn-delete:hover{background:#f43f5e33;border-color:#f43f5eb3;box-shadow:0 0 20px #f43f5e4d;transform:translateY(-1px)}.admin-icon{font-size:1rem}.top-eight-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.top-eight-mini{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(157,80,187,.5);cursor:pointer;transition:all .3s ease}.top-eight-mini:hover{transform:scale(1.1) translateY(-3px);border-color:var(--primary-orange);box-shadow:0 5px 15px #9d50bb66}.post-card,.reaction-btn,.profile-tab,.timeline-tab,.sidebar-link,.top-eight-card,.reaction-stage-one,.reaction-stage-two{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.post-card{contain:layout style}.reactions-container{contain:layout}.profile-tabs-container{contain:layout style}#post-feed,.mobile-sidebar-scroll,.top-eight-scroll-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(pointer:coarse){.reaction-btn{min-width:48px;min-height:48px;padding:8px 10px}.timeline-tab{min-height:56px;padding:15px 10px}.sidebar-link{min-height:52px;padding:15px 20px}.action-btn{min-height:44px;padding:10px 16px}.nav-link{min-height:56px}}.reaction-stage-one{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:radial-gradient(circle at center,#000000d9,#0009);z-index:10000;animation:stageOneFade .9s ease-out forwards;pointer-events:none}@keyframes stageOneFade{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.stage-one-emoji{font-size:180px;filter:drop-shadow(0 0 60px currentColor) drop-shadow(0 0 30px currentColor);will-change:transform,opacity}.stage-one-label{font-size:2.5rem;font-weight:900;text-transform:uppercase;letter-spacing:8px;color:#fff;text-shadow:0 0 40px currentColor,0 0 80px currentColor;animation:stageOneLabelAnim .9s ease-out forwards;will-change:transform,opacity}@keyframes stageOneLabelAnim{0%{transform:scale(.3) translateY(30px);opacity:0}30%{transform:scale(1.15) translateY(-5px);opacity:1}50%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(-40px);opacity:0}}.stage-one-glow-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:3px solid currentColor;animation:glowRingPulse .9s ease-out forwards;opacity:0}@keyframes glowRingPulse{0%{transform:scale(.5);opacity:0}20%{opacity:.8}50%{transform:scale(1.5);opacity:.6}to{transform:scale(2.5);opacity:0}}.anim-like{animation:animLike .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#3b82f6}@keyframes animLike{0%{transform:scale(0) rotate(-20deg);opacity:0}35%{transform:scale(2.3) rotate(8deg);opacity:1}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-dislike{animation:animDislike .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#ef4444}@keyframes animDislike{0%{transform:scale(0) rotate(20deg);opacity:0}35%{transform:scale(2.4) rotate(-10deg);opacity:1}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-gross{animation:animGross .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#22c55e}@keyframes animGross{0%{transform:scale(0) rotate(-5deg);opacity:0}30%{transform:scale(2.2) rotate(4deg);opacity:1}55%{transform:scale(2) rotate(-3deg)}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-heat{animation:animHeat .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#f97316;filter:drop-shadow(0 0 100px #f97316) drop-shadow(0 0 50px #f97316)}@keyframes animHeat{0%{transform:scale(0) rotate(-30deg);opacity:0}30%{transform:scale(2.6) rotate(15deg);opacity:1}55%{transform:scale(2.2) rotate(-10deg)}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-cold{animation:animCold .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#06b6d4;filter:drop-shadow(0 0 60px #06b6d4) drop-shadow(0 0 30px #06b6d4)}@keyframes animCold{0%{transform:scale(0) rotate(0);opacity:0}35%{transform:scale(2.2) rotate(-5deg);opacity:1}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-wild{animation:animWild .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#a855f7;filter:drop-shadow(0 0 80px #a855f7)}@keyframes animWild{0%{transform:scale(0) rotate(-50deg);opacity:0}25%{transform:scale(2.4) rotate(25deg)}45%{transform:scale(2.2) rotate(-18deg)}65%{transform:scale(2) rotate(12deg);opacity:1}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-mindblown{animation:animMindBlown .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#8b5cf6;filter:drop-shadow(0 0 100px #8b5cf6) drop-shadow(0 0 50px #8b5cf6)}@keyframes animMindBlown{0%{transform:scale(0);opacity:0}30%{transform:scale(2.8);opacity:1}55%{transform:scale(2.4)}to{transform:scale(2);opacity:0}}.anim-respect{animation:animRespect .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#eab308;filter:drop-shadow(0 0 70px #eab308)}@keyframes animRespect{0%{transform:scale(0);opacity:0}35%{transform:scale(2.1);opacity:1}55%{transform:scale(1.9)}75%{transform:scale(2);opacity:1}to{transform:scale(1.8);opacity:0}}.anim-relate{animation:animRelate .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#14b8a6}@keyframes animRelate{0%{transform:scale(0) translateY(50px);opacity:0}40%{transform:scale(2.3) translateY(-15px);opacity:1}to{transform:scale(1.8) translateY(0);opacity:0}}.anim-cap{animation:animCap .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#dc2626}@keyframes animCap{0%{transform:scale(0) rotate(40deg);opacity:0}35%{transform:scale(2.5) rotate(-12deg);opacity:1}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-laugh{animation:animLaugh .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#facc15;filter:drop-shadow(0 0 60px #facc15)}@keyframes animLaugh{0%{transform:scale(0) rotate(-10deg);opacity:0}30%{transform:scale(2.3) rotate(8deg)}50%{transform:scale(2.1) rotate(-5deg)}70%{transform:scale(2) rotate(3deg);opacity:1}to{transform:scale(1.8) rotate(0);opacity:0}}.anim-admire{animation:animAdmire .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#ec4899;filter:drop-shadow(0 0 80px #ec4899) drop-shadow(0 0 40px #ec4899)}@keyframes animAdmire{0%{transform:scale(0) translateY(100px);opacity:0}35%{transform:scale(2.2) translateY(-20px);opacity:1}55%{transform:scale(2) translateY(-10px)}to{transform:scale(1.8) translateY(0);opacity:0}}.anim-default{animation:animDefault .9s cubic-bezier(.34,1.56,.64,1) forwards;color:#9d50bb}@keyframes animDefault{0%{transform:scale(0);opacity:0}35%{transform:scale(2.2);opacity:1}to{transform:scale(1.8);opacity:0}}.reaction-stage-two{position:fixed;z-index:10001;pointer-events:none;animation:stageTwoFloat 1.1s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes stageTwoFloat{0%{transform:translateY(0) scale(.6);opacity:0}20%{transform:translateY(-20px) scale(1.15);opacity:1}40%{transform:translateY(-35px) scale(1.1);opacity:1}75%{transform:translateY(-70px) scale(1.05);opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.stage-two-content{display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(135deg,#14141ef2,#1e1e2df2);padding:25px 40px;border-radius:24px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.15);box-shadow:0 15px 60px #0009,0 0 40px currentColor}.stage-two-emoji{font-size:70px;filter:drop-shadow(0 0 25px currentColor) drop-shadow(0 0 10px currentColor);animation:emojiSubtlePulse 1.1s ease-in-out forwards}@keyframes emojiSubtlePulse{0%,to{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(1.05)}}.stage-two-label{font-size:1.6rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;color:#fff;text-shadow:0 0 30px currentColor,0 0 60px currentColor;animation:labelGlow 1.1s ease-in-out forwards}@keyframes labelGlow{0%,to{text-shadow:0 0 20px currentColor,0 0 40px currentColor}30%,60%{text-shadow:0 0 40px currentColor,0 0 80px currentColor,0 0 120px currentColor}}.post-card.energy-build{animation:energyPulse .5s ease-in-out infinite}@keyframes energyPulse{0%,to{box-shadow:0 0 30px #f9731666}50%{box-shadow:0 0 50px #f97316b3,0 0 80px #f9731666}}.trending-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#f97316,#dc2626);border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;animation:trendingPulse 1.5s ease-in-out infinite;margin-right:10px}@keyframes trendingPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #f9731680}50%{transform:scale(1.05);box-shadow:0 0 20px #f97316cc}}.post-card.blended-glow{animation:blendedGlow 4s ease-in-out infinite}@keyframes blendedGlow{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.timeline-tabs-container{position:relative;margin-bottom:20px;background:#ffffff08;border-radius:16px;padding:5px}.timeline-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.timeline-tabs::-webkit-scrollbar{display:none}.timeline-tab{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:transparent;border:none;border-radius:12px;color:var(--text-dim);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.timeline-tab:hover{background:#ffffff0d;color:var(--text-main)}.timeline-tab.active{background:linear-gradient(135deg,#9d50bb4d,#ff64324d);color:var(--text-main);box-shadow:0 4px 15px #9d50bb4d}.timeline-tab.active:before{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:var(--primary-orange);border-radius:2px;box-shadow:0 0 10px var(--primary-orange)}.tab-icon{font-size:1.3rem;transition:transform .3s ease}.timeline-tab:hover .tab-icon{transform:scale(1.1)}.timeline-tab.active .tab-icon{transform:scale(1.15)}.swipe-hint{text-align:center;padding:15px;color:var(--text-dim);font-size:.85rem;animation:swipeHintPulse 2s ease-in-out infinite}.swipe-hint.hidden{display:none}@keyframes swipeHintPulse{0%,to{opacity:.5}50%{opacity:1}}#post-feed{transition:opacity .3s ease,transform .3s ease}#post-feed.switching{opacity:0;transform:translate(-20px)}@keyframes toastSlideDown{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100px);opacity:0}}@keyframes indicatorPulse{0%,to{box-shadow:0 4px 15px #0000004d}50%{box-shadow:0 4px 25px #9d50bb80}}.notification-toast{transition:all .3s ease}.notification-toast:hover{transform:translate(-50%) scale(1.02);box-shadow:0 15px 50px #00000080}.notification-toast-icon{font-size:1.8rem;flex-shrink:0}.notification-toast-content{display:flex;flex-direction:column;gap:3px}.notification-toast-title{font-weight:700;font-size:.95rem;color:var(--text-main)}.notification-toast-message{font-size:.85rem;color:var(--text-dim)}.new-post-toast{transition:all .3s ease}.new-post-toast:hover{transform:translate(-50%) scale(1.05)}.new-post-toast-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.new-post-toast-avatar img{width:100%;height:100%;object-fit:cover}.new-post-toast-content{font-size:.9rem;color:var(--text-main)}.new-posts-indicator button{background:#fff3;border:none;color:#fff;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.new-posts-indicator button:hover{background:#ffffff4d;transform:scale(1.05)}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-post{padding:20px;margin-bottom:20px}.skeleton-header{display:flex;gap:12px;margin-bottom:15px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-text{flex:1}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-line.short{width:40%}.skeleton-content{height:100px;margin-bottom:15px}.error-state{text-align:center;padding:40px 20px;color:var(--text-dim)}.error-state-icon{font-size:3rem;margin-bottom:15px}.error-state-title{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:var(--text-main)}.error-state-message{font-size:.95rem;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));border:none;color:#fff;padding:12px 24px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #9d50bb66}.offline-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(90deg,#dc2626,#f97316);color:#fff;text-align:center;padding:10px;font-weight:700;z-index:10001;transform:translateY(-100%);transition:transform .3s ease}.offline-banner.show{transform:translateY(0)}.spinner-small{width:20px;height:20px;border-width:2px}.spinner-large{width:60px;height:60px;border-width:4px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.new-message-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9d50bb66}.new-message-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #9d50bb99}.new-message-btn span{font-size:1.2rem;font-weight:700}.conversations-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-light)}.conversations-header h3{margin:0;font-family:var(--font-display);font-size:1.1rem;color:var(--text-main)}.conversation-count{background:var(--primary-purple);color:#fff;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.conversations-scroll{max-height:calc(100vh - 300px);overflow-y:auto}.empty-conversations{padding:40px 20px;text-align:center}.conversation-item{display:flex;align-items:center;gap:12px;padding:15px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.conversation-item:hover{background:#ffffff0d}.conversation-item.unread{background:#9d50bb1a}.conversation-item.unread:hover{background:#9d50bb26}.conversation-avatar-container{position:relative;flex-shrink:0}.conversation-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#22c55e;border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 0 8px #22c55e99}.conversation-info{flex:1;min-width:0}.conversation-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.conversation-name-row strong{color:var(--text-main);font-weight:600;font-size:.95rem}.conversation-preview{color:var(--text-dim);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.conversation-preview.unread-text{color:var(--text-main);font-weight:500}.conversation-time{font-size:.75rem;color:var(--text-muted)}.empty-state-icon{font-size:4rem;margin-bottom:15px;opacity:.8}.empty-state h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:10px;color:var(--text-main)}.empty-state p{color:var(--text-dim);line-height:1.6}.conversation-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-light);background:#ffffff05}.conversation-header-info{display:flex;align-items:center;gap:12px}.conversation-header-text{display:flex;flex-direction:column}.conversation-header-text strong{color:var(--text-main);font-size:1rem}.online-status{font-size:.8rem;margin-top:2px}.online-status.online{color:#22c55e}.online-status.offline{color:var(--text-muted)}.conversation-menu-btn{background:none;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:8px;transition:all .2s ease}.conversation-menu-btn:hover{background:#ffffff1a;color:var(--text-main)}.messages-empty{text-align:center;padding:60px 20px;color:var(--text-dim)}.message{display:flex;align-items:flex-end;gap:10px;margin-bottom:15px;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent{flex-direction:row-reverse}.message-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-avatar-placeholder{width:35px;flex-shrink:0}.message-content{max-width:70%}.message-bubble{padding:12px 16px;border-radius:18px;position:relative;cursor:pointer;transition:all .2s ease}.message-received .message-bubble{background:#ffffff14;border-bottom-left-radius:4px}.message-sent .message-bubble{background:linear-gradient(135deg,var(--primary-purple) 0%,rgba(157,80,187,.8) 100%);border-bottom-right-radius:4px}.message-bubble:hover{transform:scale(1.01)}.message-bubble p{margin:0;color:var(--text-main);line-height:1.4;word-wrap:break-word}.message-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.7rem}.message-received .message-meta{color:var(--text-muted)}.message-sent .message-meta{color:#ffffffb3}.read-status{font-weight:700}.read-status.read{color:#22c55e}.edited-tag{font-size:.65rem;opacity:.7}.message-reactions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.reaction-badge{background:#ffffff1a;padding:4px 8px;border-radius:12px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.reaction-badge:hover{background:#fff3;transform:scale(1.1)}.message-reply{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;background:#ffffff0d;border-radius:8px;font-size:.85rem}.reply-line{width:3px;height:20px;background:var(--primary-orange);border-radius:2px}.reply-text{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator{display:flex;align-items:center;gap:8px;padding:10px 15px;margin-bottom:10px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:8px;height:8px;background:var(--primary-purple);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.typing-text{font-size:.8rem;color:var(--text-muted)}.message-input-area{display:flex;align-items:center;gap:10px;padding:15px 20px;border-top:1px solid var(--border-light);background:#ffffff05}.message-attach-btn{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:none;color:var(--text-dim);font-size:1.3rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.message-attach-btn:hover{background:#ffffff26;color:var(--text-main)}.message-input-container{flex:1;display:flex;align-items:center;gap:10px;background:#ffffff0d;border-radius:25px;padding:5px 5px 5px 15px;border:1px solid var(--border-light)}.message-input-container input{flex:1;background:none;border:none;color:var(--text-main);font-size:.95rem;padding:8px 0}.message-input-container input::placeholder{color:var(--text-muted)}.message-input-container input:focus{outline:none}.voice-record-btn{width:36px;height:36px;border-radius:50%;background:none;border:none;font-size:1.2rem;cursor:pointer;transition:all .2s ease;opacity:.7}.voice-record-btn:hover{opacity:1;transform:scale(1.1)}.message-send-btn{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #9d50bb66}.message-send-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #9d50bb99}.voice-message{display:flex;align-items:center;gap:10px;padding:8px;background:#0003;border-radius:12px}.voice-play-btn{width:36px;height:36px;border-radius:50%;background:var(--primary-purple);border:none;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.voice-play-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #9d50bb99}.voice-waveform-mini{display:flex;align-items:center;gap:2px;height:25px}.waveform-mini-bar{width:3px;background:linear-gradient(to top,var(--primary-purple),var(--primary-orange));border-radius:2px;transition:height .1s ease}.voice-duration{font-size:.8rem;color:var(--text-dim);min-width:40px;text-align:right}.voice-modal{max-width:400px;padding:40px}.voice-recording-container{text-align:center}.voice-waveform{display:flex;align-items:center;justify-content:center;gap:4px;height:80px;margin-bottom:30px}.waveform-bar{width:6px;background:linear-gradient(to top,var(--primary-purple),var(--primary-orange));border-radius:3px;transition:height .1s ease}.voice-timer{font-family:var(--font-mono);font-size:3rem;font-weight:700;color:var(--text-main);margin-bottom:10px;text-shadow:0 0 20px rgba(157,80,187,.5)}.voice-status{color:var(--text-dim);margin-bottom:30px}.voice-actions{display:flex;justify-content:center;gap:30px}.voice-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.voice-btn.cancel{background:#ef444433;color:#ef4444}.voice-btn.cancel:hover{background:#ef44444d;transform:scale(1.1)}.voice-btn.record{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);color:#fff;box-shadow:0 4px 20px #9d50bb80}.voice-btn.record:hover{transform:scale(1.1);box-shadow:0 6px 30px #9d50bbb3}.new-message-search{padding:20px;border-bottom:1px solid var(--border-light)}.new-message-results{max-height:400px;overflow-y:auto}.recipient-item{display:flex;align-items:center;gap:12px;padding:15px 20px;cursor:pointer;transition:all .2s ease}.recipient-item:hover{background:#ffffff0d}.recipient-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.recipient-info{display:flex;flex-direction:column}.recipient-info strong{color:var(--text-main);font-weight:600}.recipient-info span{font-size:.85rem}.unread-badge{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);color:#fff;padding:3px 8px;border-radius:12px;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #9d50bb66}@media(max-width:768px){.messages-layout{flex-direction:column}.conversations-list{width:100%;max-height:50vh;border-right:none;border-bottom:1px solid var(--border-light)}.conversations-scroll{max-height:40vh}.conversation-view{min-height:50vh}.message-content{max-width:80%}.new-message-btn{padding:10px 15px;font-size:.85rem}.voice-modal{margin:20px;padding:30px 20px}.voice-timer{font-size:2.5rem}}.friends-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-pill{background:#ffffff14;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--text-main)}.stat-pill.requests{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%)}.friends-container{padding:0 10px}.friends-header{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid var(--border-light);padding-bottom:15px}.friends-tab{background:#ffffff0d;border:1px solid var(--border-light);padding:10px 20px;border-radius:25px;color:var(--text-dim);font-weight:600;cursor:pointer;transition:all .2s ease}.friends-tab:hover{background:#ffffff1a;color:var(--text-main)}.friends-tab.active{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);border-color:transparent;color:#fff;box-shadow:0 4px 15px #9d50bb66}.friends-section{margin-bottom:25px}.friends-section-title{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.online-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e99}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.friend-card{display:flex;align-items:center;gap:15px;padding:15px;border-radius:16px;transition:all .2s ease}.friend-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.friend-avatar-container{position:relative;flex-shrink:0}.friend-avatar{width:55px;height:55px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.friend-avatar:hover{border-color:var(--primary-purple);box-shadow:0 0 15px #9d50bb66}.online-indicator.large{width:16px;height:16px;bottom:3px;right:3px;border-width:3px}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.friend-name{color:var(--text-main);font-weight:600;font-size:1rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-name:hover{color:var(--primary-purple-bright)}.friend-username{font-size:.85rem;color:var(--text-dim)}.friend-vibe{font-size:.75rem;padding:3px 10px;border-radius:12px;background:#ffffff14;color:var(--text-dim);width:fit-content;text-transform:capitalize}.friend-actions{display:flex;gap:8px}.friend-action-btn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff14;color:var(--text-dim);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.friend-action-btn:hover{background:var(--primary-purple);color:#fff;transform:scale(1.1)}.requests-grid{display:flex;flex-direction:column;gap:15px}.request-card{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:16px;flex-wrap:wrap;gap:15px}.request-info{display:flex;align-items:center;gap:15px}.request-avatar{width:55px;height:55px;border-radius:50%;object-fit:cover}.request-details{display:flex;flex-direction:column;gap:4px}.request-details strong{color:var(--text-main);font-size:1rem}.request-time{font-size:.8rem;color:var(--text-muted)}.request-actions{display:flex;gap:10px}.suggestions-header{margin-bottom:20px;padding:0 10px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.suggestion-card{display:flex;flex-direction:column;align-items:center;padding:25px 20px;border-radius:20px;text-align:center;position:relative;transition:all .2s ease}.suggestion-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.suggestion-mutuals{position:absolute;top:15px;right:15px}.mutual-count{background:#9d50bb33;color:var(--primary-purple-bright);padding:5px 12px;border-radius:15px;font-size:.75rem;font-weight:600}.suggestion-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:15px;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.suggestion-avatar:hover{border-color:var(--primary-purple);box-shadow:0 0 20px #9d50bb66}.suggestion-info{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:15px}.suggestion-info strong{color:var(--text-main);font-size:1.1rem;cursor:pointer}.suggestion-info strong:hover{color:var(--primary-purple-bright)}.suggestion-vibe{margin-top:5px;font-size:.8rem;padding:4px 12px;border-radius:15px;background:#ffffff14;color:var(--text-dim);text-transform:capitalize}.suggestion-add-btn{width:100%;padding:12px;border-radius:25px;font-weight:600}.vibe-heat,.vibe-hot{background:#ff640033!important;color:#ff8c00!important}.vibe-cold{background:#00c8ff33!important;color:#00d4ff!important}.vibe-wild{background:#b400ff33!important;color:#d855ff!important}.vibe-calm{background:#00ff9633!important;color:#00ff96!important}.vibe-positive{background:#ffc80033!important;color:gold!important}.vibe-mellow{background:#ff649633!important;color:#ff6496!important}.profile-mutuals{margin:20px 0;padding:20px;border-radius:16px}.mutuals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mutuals-header h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text-main);margin:0}.mutuals-count{background:#9d50bb33;color:var(--primary-purple-bright);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.mutuals-list{min-height:60px}.mutuals-avatars{display:flex;align-items:center;gap:-10px;margin-bottom:12px}.mutual-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);margin-left:-10px;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.mutual-avatar:first-child{margin-left:0}.mutual-avatar:hover{transform:scale(1.1);z-index:10;border-color:var(--primary-purple);box-shadow:0 0 15px #9d50bb66}.mutual-avatar.more{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-left:-10px}.mutuals-names{color:var(--text-dim);font-size:.9rem;margin:0}@media(max-width:768px){.profile-mutuals{padding:15px;margin:15px 0}.mutual-avatar{width:40px;height:40px}.mutuals-header h3{font-size:1rem}.mutuals-names{font-size:.85rem}}.settings-hint{font-size:.8rem;color:var(--text-muted);margin-top:5px;margin-bottom:0}.settings-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 0}.settings-checkbox-label input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary-purple);cursor:pointer}.settings-checkbox-label span{color:var(--text-main);font-weight:500}.settings-row select.login-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}.settings-row select.login-input option{background:var(--bg-card);color:var(--text-main);padding:10px}@media(max-width:768px){.friends-header{overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch}.friends-tab{white-space:nowrap;padding:8px 15px;font-size:.85rem}.friends-grid{grid-template-columns:1fr}.friend-card{padding:12px}.friend-avatar{width:45px;height:45px}.request-card{flex-direction:column;align-items:flex-start}.request-actions{width:100%}.request-actions button{flex:1}.suggestions-grid{grid-template-columns:repeat(2,1fr);gap:15px}.suggestion-card{padding:20px 15px}.suggestion-avatar{width:60px;height:60px}.stat-pill{padding:6px 12px;font-size:.8rem}}.profile-cover{width:100%;height:180px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));background-size:cover;background-position:center;position:relative;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.profile-cover-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0009)}.profile-header-section{padding:0 30px 30px;margin-top:-50px;position:relative;z-index:10;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.profile-avatar-wrapper{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar-container{position:relative;padding:4px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));border-radius:50%}.profile-avatar-large{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card)}.profile-identity{text-align:center;margin-bottom:25px}.profile-name-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.profile-name{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text-main);margin:0}.profile-badge-admin,.profile-badge-verified{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));color:#fff;padding:4px 10px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.profile-handle{color:var(--text-dim);font-size:1rem;margin-bottom:12px}.profile-bio{color:var(--text-main);font-size:1rem;line-height:1.5;max-width:500px;margin:0 auto 20px}.profile-vibe-titles{display:flex;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.vibe-title{padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;background:#ffffff14;border:1px solid var(--border-light);transition:all .3s ease}.vibe-title.heat{background:#ff640026;color:#ff8c00;border-color:#ff8c004d}.vibe-title.wild{background:#b400ff26;color:#d855ff;border-color:#d855ff4d}.vibe-title.cold{background:#00c8ff26;color:#00d4ff;border-color:#00d4ff4d}.vibe-title.respect{background:#ffc80026;color:gold;border-color:#ffd7004d}.vibe-title.mindblown{background:#ff326426;color:#ff3264;border-color:#ff32644d}.profile-stats-row{display:flex;justify-content:center;gap:40px;margin-top:20px}.profile-stats-row .stat-item{text-align:center}.profile-stats-row .stat-value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-main)}.profile-stats-row .stat-label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.profile-actions{display:flex;justify-content:center;gap:12px;margin-top:25px;flex-wrap:wrap}.profile-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;font-weight:600;transition:all .3s ease}.profile-action-btn .action-icon{font-size:1.1rem}.btn-add-friend{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));color:#fff;border:none}.btn-add-friend:hover{transform:translateY(-2px);box-shadow:0 5px 20px #9d50bb66}.btn-pending{background:#ffffff1a;color:var(--text-dim);border:1px solid var(--border-light);cursor:not-allowed;opacity:.7}.btn-friends{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.btn-friends:hover{background:#ef444433;color:#ef4444;border-color:#ef44444d}.friend-request-actions{display:flex;gap:10px}.btn-accept{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none}.btn-decline{background:#ffffff1a;color:var(--text-dim);border:1px solid var(--border-light)}.btn-vibe-like{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;font-weight:600;background:#ffffff14;color:var(--text-main);border:1px solid var(--border-light);cursor:pointer;transition:all .3s ease}.btn-vibe-like:hover{background:#ff649626;border-color:#ff64964d}.btn-vibe-like.liked{background:linear-gradient(135deg,#ff649633,#ff326433);color:#ff6496;border-color:#ff649680;box-shadow:0 0 20px #ff64964d}.vibe-heart{font-size:1.2rem;transition:transform .2s ease}.btn-vibe-like:hover .vibe-heart{transform:scale(1.2)}.profile-top-eight{margin:30px 0;padding:25px;border-radius:var(--radius-lg)}.top-eight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.top-eight-header h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text-main);margin:0}.top-eight-edit-btn{background:#ffffff14;border:1px solid var(--border-light);color:var(--text-dim);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.top-eight-edit-btn:hover{background:#ffffff26;color:var(--text-main)}.top-eight-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.top-eight-container.editing .top-eight-slot.draggable{cursor:grab}.top-eight-container.editing .top-eight-slot.draggable:active{cursor:grabbing}.top-eight-container.editing .top-eight-slot.dragging{opacity:.5;transform:scale(1.05)}.top-eight-slot{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;border-radius:16px;background:#ffffff08;transition:all .3s ease;position:relative}.top-eight-slot:hover{background:#ffffff0f;transform:translateY(-2px)}.top-eight-slot.empty{border:2px dashed var(--border-light);cursor:pointer}.top-eight-slot.empty:hover{border-color:var(--primary-purple);background:#9d50bb1a}.top-eight-avatar-ring{position:relative;padding:3px;border-radius:50%;background:#ffffff1a}.top-eight-avatar-ring.dim{background:#ffffff1a}.top-eight-avatar-ring.medium{background:linear-gradient(135deg,#9d50bb80,#ff9d0080)}.top-eight-avatar-ring.bright{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));box-shadow:0 0 15px #9d50bb80}.top-eight-avatar-ring.empty-ring{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.top-eight-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .2s ease}.top-eight-avatar:hover{transform:scale(1.1)}.top-eight-name{font-size:.85rem;color:var(--text-main);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.add-icon{font-size:1.5rem;color:var(--primary-purple)}.empty-dot{width:8px;height:8px;background:var(--border-light);border-radius:50%}.top-eight-remove{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:#ef4444cc;color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.top-eight-slot:hover .top-eight-remove{opacity:1}.profile-music-player{margin:30px 0;padding:25px;border-radius:var(--radius-lg);transition:all .3s ease}.profile-music-player.playing{border:1px solid rgba(157,80,187,.3)}.music-player-content{display:flex;align-items:center;gap:20px;margin-bottom:15px}.music-play-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #9d50bb66}.music-play-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #9d50bb99}.music-info{flex:1}.music-label{font-size:.9rem;color:var(--text-main);margin:0 0 10px;font-weight:500}.music-progress-container{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.music-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-purple),var(--primary-orange));border-radius:2px;transition:width .1s linear}.music-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:40px}.music-bar{width:6px;background:var(--text-muted);border-radius:3px;transition:all .1s ease}.profile-tabs-container{margin-top:30px}.profile-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border-light);margin-bottom:25px;overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab{display:flex;align-items:center;gap:8px;padding:15px 25px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.profile-tab:hover{color:var(--text-main);background:#ffffff08}.profile-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple);background:linear-gradient(to top,rgba(157,80,187,.1),transparent)}.tab-icon{font-size:1.2rem}.profile-tab-content{min-height:300px}.profile-reactions-feed{display:flex;flex-direction:column;gap:15px}.reacted-post-card{padding:20px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.reacted-post-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.reacted-post-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.reacted-author-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.reacted-author-info{flex:1}.reacted-author-info strong{display:block;color:var(--text-main);font-size:1rem}.reacted-author-info span{font-size:.85rem;color:var(--text-dim)}.user-reaction-badge{font-size:1.5rem}.reacted-post-content p{color:var(--text-main);line-height:1.5;margin:0 0 10px}.reacted-post-media{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:10px}.reacted-post-footer{display:flex;justify-content:flex-end}.reacted-time{font-size:.8rem;color:var(--text-muted)}.profile-about-section{display:flex;flex-direction:column;gap:20px}.about-card{padding:25px;border-radius:var(--radius-lg)}.about-card h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text-main);margin:0 0 15px}.about-bio{color:var(--text-main);font-size:1rem;line-height:1.6;margin:0}.about-info-grid{display:grid;gap:15px}.about-info-item{display:flex;flex-direction:column;gap:5px}.info-label{font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.info-value{font-size:1rem;color:var(--text-main);font-weight:500}.info-value.link{color:var(--primary-purple);text-decoration:none}.info-value.link:hover{text-decoration:underline}@media(max-width:768px){.profile-cover{height:140px}.profile-header-section{padding:0 20px 20px;margin-top:-40px}.profile-avatar-large{width:80px;height:80px}.profile-name{font-size:1.4rem}.profile-stats-row{gap:25px}.profile-stats-row .stat-value{font-size:1.2rem}.profile-actions{flex-direction:column;align-items:stretch}.profile-action-btn,.btn-vibe-like{width:100%;justify-content:center}.friend-request-actions{flex-direction:column}.top-eight-container{grid-template-columns:repeat(2,1fr);gap:15px}.top-eight-slot{padding:10px}.top-eight-avatar{width:50px;height:50px}.profile-tabs{gap:5px}.profile-tab{padding:12px 18px;font-size:.9rem}.tab-icon{font-size:1rem}.tab-label{display:none}.music-player-content{flex-direction:column;align-items:flex-start}.music-visualizer{height:30px}.music-bar{width:4px}}.create-room-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-orange) 100%);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9d50bb66}.create-room-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #9d50bb99}.create-room-btn .btn-icon{font-size:1.2rem;font-weight:700}.vibe-rooms-section{margin-bottom:40px}.section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.3rem;color:var(--text-main);margin-bottom:20px}.title-icon{font-size:1.4rem}.vibe-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.vibe-room-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;min-height:200px;background-size:cover;background-position:center}.vibe-room-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#000c);transition:opacity .3s ease}.vibe-room-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #9d50bb4d}.vibe-room-card:hover:before{background:linear-gradient(to bottom,#0000001a,#000000e6)}.vibe-room-card.energy-high{box-shadow:0 0 30px #ff64004d}.vibe-room-card.energy-high:hover{box-shadow:0 10px 50px #ff640066}.vibe-room-content{position:relative;z-index:10;padding:20px;height:100%;display:flex;flex-direction:column}.vibe-room-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.vibe-room-emoji{font-size:2.5rem}.active-indicator{background:#22c55e33;color:#22c55e;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.vibe-room-name{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.vibe-room-description{color:#fffc;font-size:.9rem;margin:0 0 15px;line-height:1.4}.vibe-room-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.vibe-tag{background:#ffffff26;color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.vibe-room-stats{display:flex;gap:15px;margin-top:auto}.vibe-room-stats .stat{display:flex;align-items:center;gap:5px;color:#ffffffe6;font-size:.85rem}.stat-icon{font-size:1rem}.create-room-modal{max-width:500px;padding:30px}.create-room-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-light)}.create-room-modal .modal-header h2{font-family:var(--font-display);font-size:1.5rem;color:var(--text-main);margin:0}.create-room-modal .modal-body{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-main);font-size:.9rem}.form-group input,.form-group textarea,.form-group select{padding:12px 15px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:#ffffff0d;color:var(--text-main);font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9d50bb33}.create-room-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-light)}.vibe-room-container{min-height:calc(100vh - 100px)}.vibe-room-header{padding:40px;background-size:cover;background-position:center;position:relative;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:-20px -20px 30px}.vibe-room-header:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#000000e6);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.btn-back{position:relative;z-index:10;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.btn-back:hover{background:#fff3}.vibe-room-identity{position:relative;z-index:10;text-align:center;max-width:700px;margin:0 auto}.room-emoji{font-size:4rem;display:block;margin-bottom:15px}.room-name{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 10px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.room-description{color:#ffffffe6;font-size:1.1rem;margin:0 0 20px}.room-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.vibe-tag-large{background:#ffffff26;backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}.room-stats-bar{display:flex;justify-content:center;gap:25px;margin-bottom:25px}.room-stats-bar .stat{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:1rem}.room-stats-bar .stat.private{color:#fbbf24}.room-stats-bar .stat.public{color:#22c55e}.room-actions{position:relative;z-index:10;display:flex;justify-content:center;gap:12px}.join-room-btn{padding:14px 35px;font-size:1.1rem;font-weight:600}.join-prompt{text-align:center;padding:50px 30px;margin:30px 0}.join-prompt p{color:var(--text-dim);font-size:1.1rem;margin-bottom:20px}.vibe-room-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border-light);margin-bottom:25px;overflow-x:auto;-webkit-overflow-scrolling:touch}.room-tab{display:flex;align-items:center;gap:8px;padding:15px 25px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-dim);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.room-tab:hover{color:var(--text-main);background:#ffffff08}.room-tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple);background:linear-gradient(to top,rgba(157,80,187,.1),transparent)}.vibe-room-content{min-height:400px}.vibe-room-feed{display:flex;flex-direction:column;gap:20px}.post-composer{padding:20px;border-radius:var(--radius-lg)}.post-composer textarea{width:100%;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:15px;color:var(--text-main);resize:none;margin-bottom:15px}.post-composer textarea:focus{outline:none;border-color:var(--primary-purple)}.room-post-card{padding:20px;border-radius:var(--radius-lg);transition:all .3s ease;position:relative}.room-post-card.energy-high{border:1px solid rgba(255,100,0,.3);box-shadow:0 0 20px #ff64001a}.room-post-card.energy-medium{border:1px solid rgba(157,80,187,.3)}.trending-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#ff640033,#ff9d0033);color:#ff8c00;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.post-energy{margin-left:auto;background:#9d50bb26;color:var(--primary-purple-bright);padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:600}.vibe-room-chat{display:flex;flex-direction:column;height:500px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:15px}.chat-empty{text-align:center;padding:40px;color:var(--text-dim)}.chat-message{display:flex;gap:12px;align-items:flex-start}.chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-content{flex:1;background:#ffffff0d;padding:12px 15px;border-radius:4px 12px 12px}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.chat-header strong{color:var(--text-main);font-size:.95rem}.chat-time{font-size:.75rem;color:var(--text-muted)}.chat-text{color:var(--text-main);margin:0;line-height:1.4}.chat-input-area{display:flex;gap:12px;padding:15px;border-radius:var(--radius-lg);margin-top:15px}.chat-input-area input{flex:1;background:#ffffff0d;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 15px;color:var(--text-main)}.chat-input-area input:focus{outline:none;border-color:var(--primary-purple)}.vibe-room-media{display:flex;flex-direction:column;gap:20px}.media-upload{padding:20px;text-align:center}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.media-card{padding:0;overflow:hidden;border-radius:var(--radius-lg)}.media-preview{height:150px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffff0d}.media-info{padding:15px}.media-info h4{margin:0 0 5px;color:var(--text-main);font-size:1rem}.media-info p{margin:0 0 8px;color:var(--text-dim);font-size:.85rem}.media-votes{background:#9d50bb26;color:var(--primary-purple-bright);padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.vibe-room-members{padding:10px 0}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.member-card{display:flex;align-items:center;gap:12px;padding:15px;border-radius:var(--radius-lg);transition:all .2s ease}.member-card:hover{transform:translateY(-2px);box-shadow:0 5px 20px #0003}.member-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.member-info{flex:1;display:flex;flex-direction:column;gap:4px}.member-info strong{color:var(--text-main);font-size:.95rem}.member-role{font-size:.75rem;padding:3px 10px;border-radius:12px;width:fit-content;text-transform:capitalize}.member-role.owner{background:linear-gradient(135deg,#ff640033,#ff9d0033);color:#ff8c00}.member-role.moderator{background:#9d50bb33;color:var(--primary-purple-bright)}.member-role.core{background:#22c55e33;color:#22c55e}.member-role.new{background:#ffffff1a;color:var(--text-dim)}.reputation-badge{font-size:.75rem;padding:3px 10px;border-radius:12px;width:fit-content}.reputation-badge.legend{background:linear-gradient(135deg,#ffd70033,#ff8c0033);color:gold}.reputation-badge.core{background:#9d50bb33;color:var(--primary-purple-bright)}.reputation-badge.regular{background:#00c8ff33;color:#00d4ff}.reputation-badge.active{background:#22c55e33;color:#22c55e}.reputation-badge.new{background:#ffffff1a;color:var(--text-dim)}@media(max-width:768px){.vibe-rooms-grid{grid-template-columns:1fr}.vibe-room-header{padding:25px 20px;margin:-15px -15px 20px}.room-name{font-size:1.8rem}.room-emoji{font-size:3rem}.vibe-room-tabs{gap:5px}.room-tab{padding:12px 18px;font-size:.9rem}.room-tab .tab-icon{font-size:1.1rem}.chat-messages{padding:15px}.members-grid,.media-grid{grid-template-columns:1fr}}.mobile-profile-container{width:100%;min-height:100vh;padding:0;margin:0;position:relative;background:var(--bg-main)}.mobile-profile-header{width:100%;height:35vh;min-height:280px;max-height:400px;position:relative;overflow:hidden}.mobile-profile-banner{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-purple) 0%,#ff6432 25%,var(--primary-purple) 50%,#9d50bb 75%,var(--primary-orange) 100%);background-size:400% 400%;animation:bannerGradientShift 15s ease infinite}@keyframes bannerGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mobile-profile-banner.has-image{background-size:cover;background-position:center;animation:none}.mobile-profile-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 80%,var(--bg-card) 100%)}.mobile-profile-avatar-section{position:relative;margin-top:-60px;z-index:10;display:flex;justify-content:center;margin-bottom:20px}.mobile-profile-avatar-wrapper{position:relative;padding:5px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));border-radius:50%;box-shadow:0 0 30px #9d50bb80,0 0 60px #ff64324d;animation:avatarGlow 3s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 0 30px #9d50bb80,0 0 60px #ff64324d}50%{box-shadow:0 0 40px #9d50bbb3,0 0 80px #ff643280}}.mobile-profile-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card);background:var(--bg-card);display:block}.mobile-profile-avatar-wrapper:active{transform:scale(.95)}.mobile-profile-identity{text-align:center;padding:0 20px 25px}.mobile-profile-name-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.mobile-profile-name{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--text-main);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.mobile-profile-badge-admin{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));color:#fff;padding:4px 12px;border-radius:15px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mobile-profile-handle{color:var(--text-dim);font-size:1rem;margin:0 0 15px}.mobile-profile-bio{color:var(--text-main);font-size:1rem;line-height:1.6;max-width:100%;margin:0 auto 20px;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-profile-vibe-titles{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;padding:0 10px}.mobile-vibe-title{padding:6px 14px;border-radius:20px;font-weight:600;font-size:.85rem;background:#ffffff14;border:1px solid var(--border-light)}.mobile-profile-stats-section{padding:25px 20px;margin:0;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.mobile-profile-stats-row{display:flex;justify-content:space-around;align-items:center;gap:0}.mobile-stat-item{text-align:center;flex:1;position:relative}.mobile-stat-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}.mobile-stat-value{display:block;font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.mobile-stat-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.mobile-profile-badges-section{padding:20px;background:#ffffff03}.mobile-profile-badges-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.mobile-profile-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;border:1px solid transparent;transition:all .3s ease;animation:badgeGlow 3s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 10px #9d50bb4d,0 0 20px #ff643233}50%{box-shadow:0 0 15px #9d50bb80,0 0 30px #ff64324d}}.mobile-profile-badge .badge-icon{font-size:1rem}.mobile-profile-badge .badge-name{background:linear-gradient(90deg,var(--primary-purple),var(--primary-orange),var(--primary-purple));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:badgeTextShine 3s linear infinite}@keyframes badgeTextShine{0%{background-position:0% center}to{background-position:200% center}}.mobile-profile-badge.heat-badge{background:#f973161f;border-color:#f9731666;box-shadow:0 0 15px #f9731633}.mobile-profile-badge.wild-badge{background:#a855f71f;border-color:#a855f766;box-shadow:0 0 15px #a855f733}.mobile-profile-badge.respect-badge{background:#eab3081f;border-color:#eab30866;box-shadow:0 0 15px #eab30833}.mobile-profile-badge.mindblown-badge{background:#8b5cf61f;border-color:#8b5cf666;box-shadow:0 0 15px #8b5cf633}.mobile-profile-badge.creator-badge{background:#ec48991f;border-color:#ec489966;box-shadow:0 0 15px #ec489933}.mobile-profile-badge.social-badge{background:#14b8a61f;border-color:#14b8a666;box-shadow:0 0 15px #14b8a633}.mobile-profile-actions{padding:25px 20px;display:flex;flex-direction:column;gap:12px}.mobile-profile-btn{width:100%;padding:16px 24px;border-radius:14px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.mobile-profile-btn-primary{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));color:#fff;box-shadow:0 4px 15px #9d50bb66}.mobile-profile-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #9d50bb80}.mobile-profile-btn-primary:active{transform:scale(.98)}.mobile-profile-btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid rgba(255,255,255,.15)}.mobile-profile-btn-secondary:hover{background:#ffffff1f}.mobile-btn-vibe-like{background:linear-gradient(135deg,#ff649626,#ff32641a);color:#ff6496;border:2px solid rgba(255,100,150,.3);box-shadow:0 0 20px #ff649633;animation:vibePulse 2s ease-in-out infinite}@keyframes vibePulse{0%,to{box-shadow:0 0 20px #ff649633}50%{box-shadow:0 0 30px #ff649666,0 0 40px #ff649633}}.mobile-btn-vibe-like:hover{background:linear-gradient(135deg,#ff649640,#ff326433);transform:translateY(-2px)}.mobile-btn-vibe-like.liked{background:linear-gradient(135deg,#ff64964d,#ff326440);border-color:#ff649699;box-shadow:0 0 30px #ff649666;animation:none}.mobile-btn-vibe-like .vibe-heart{font-size:1.3rem}.mobile-action-row{display:flex;gap:12px}.mobile-action-row .mobile-profile-btn{flex:1}.mobile-top-friends-section{padding:25px 0;margin:0}.mobile-top-friends-header{padding:0 20px 15px;display:flex;justify-content:space-between;align-items:center}.mobile-top-friends-header h3{font-family:var(--font-display);font-size:1.1rem;color:var(--text-main);margin:0}.mobile-top-friends-scroll{display:flex;gap:15px;overflow-x:auto;padding:10px 20px 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-top-friends-scroll::-webkit-scrollbar{display:none}.mobile-top-friend-item{display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:start;flex-shrink:0}.mobile-top-friend-avatar-wrapper{position:relative;padding:3px;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.mobile-top-friend-avatar-wrapper.glow-bright{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));box-shadow:0 0 15px #9d50bb80}.mobile-top-friend-avatar-wrapper.glow-medium{background:linear-gradient(135deg,#9d50bb99,#ff9d0099)}.mobile-top-friend-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid var(--bg-card);cursor:pointer;transition:transform .2s ease}.mobile-top-friend-avatar:active{transform:scale(.95)}.mobile-top-friend-name{font-size:.8rem;color:var(--text-main);max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.mobile-top-friend-empty{width:70px;height:70px;border-radius:50%;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:1.5rem}.mobile-music-player-section{padding:20px;margin:0 20px 20px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.mobile-music-player{display:flex;align-items:center;gap:15px}.mobile-music-album-art{width:60px;height:60px;border-radius:10px;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.mobile-music-info{flex:1;min-width:0}.mobile-music-track{font-weight:600;color:var(--text-main);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-music-artist{font-size:.85rem;color:var(--text-dim);margin:0}.mobile-music-play-btn{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange));border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #9d50bb66;transition:all .3s ease}.mobile-music-play-btn:active{transform:scale(.95)}.mobile-profile-content{padding:20px}.mobile-content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mobile-content-add-box{aspect-ratio:1;border-radius:16px;border:2px dashed rgba(255,255,255,.15);background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-dim);transition:all .3s ease}.mobile-content-add-box:hover{border-color:var(--primary-purple);background:#9d50bb1a}.mobile-content-add-box .add-icon{font-size:2rem}.mobile-content-add-box span{font-size:.9rem}.mobile-section-spacer{height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent);margin:0 20px}@media(max-width:480px){.mobile-profile-header{height:30vh;min-height:240px}.mobile-profile-avatar{width:100px;height:100px}.mobile-profile-name{font-size:1.6rem}.mobile-stat-value{font-size:1.5rem}.mobile-top-friend-avatar{width:60px;height:60px}.mobile-content-grid{gap:12px}}.mobile-profile-container{display:block}.profile-container.desktop-only{display:none}@media(min-width:769px){.mobile-profile-container{display:none!important}.profile-container.desktop-only{display:block!important}}#view-container .mobile-profile-container{width:100%;max-width:100%}.mobile-profile-container{overflow-x:hidden}.gameroom-container{width:100%;height:calc(100vh - 60px);overflow:hidden;background:var(--bg-main)}.gameroom-iframe{width:100%;height:100%;border:none;background:var(--black)}@media(max-width:768px){.gameroom-container{height:calc(100vh - 70px)}}.vhub-os-boot{position:absolute;inset:0;background:#0a0a12;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:101;padding:40px;transition:opacity .5s ease;overflow:hidden}.vhub-os-boot:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(157,80,187,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,157,0,.05) 0%,transparent 50%);pointer-events:none}.vhub-os-boot-fadeout{opacity:0!important;pointer-events:none}.vhub-os-boot-logo{margin-bottom:30px;animation:vhub-boot-pulse 2s ease-in-out infinite}.vhub-os-boot-logo-img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(157,80,187,.6))}@keyframes vhub-boot-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(157,80,187,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(157,80,187,.7))}}.vhub-os-boot-terminal{width:100%;max-width:600px;min-height:200px;max-height:300px;overflow-y:auto;font-family:Space Mono,Courier New,monospace;font-size:.85rem;color:#a0a0c0;line-height:1.8;scrollbar-width:none}.vhub-os-boot-terminal::-webkit-scrollbar{display:none}.vhub-os-boot-line{animation:vhub-line-appear .2s ease forwards;opacity:0}@keyframes vhub-line-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.boot-ok{color:#22c55e;font-weight:700;margin-right:8px}.vhub-os-boot-progress-wrapper{width:100%;max-width:400px;height:4px;background:#ffffff14;border-radius:4px;overflow:hidden;margin-top:30px}.vhub-os-boot-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--primary-purple),var(--primary-orange));border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px var(--primary-purple-glow)}.vhub-os-desktop{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;animation:vhub-desktop-fadein .6s ease forwards}@keyframes vhub-desktop-fadein{0%{opacity:0}to{opacity:1}}.vhub-os-desktop-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(157,80,187,.1) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(255,157,0,.06) 0%,transparent 60%),url(vibehub-os-wallpaper.png) center/cover no-repeat,#08080f;z-index:0}.vhub-os-desktop-icons{position:relative;z-index:1;flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:30px;padding:40px}.vhub-os-icon{display:flex;flex-direction:column;align-items:center;gap:10px;width:100px;cursor:pointer;user-select:none;padding:12px 8px;border-radius:12px;border:2px solid transparent;transition:all .2s ease}.vhub-os-icon:hover{background:#ffffff0d}.vhub-os-icon-selected{background:#9d50bb26!important;border-color:#9d50bb66!important}.vhub-os-icon-img{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;position:relative}.vhub-os-icon:hover .vhub-os-icon-img{transform:scale(1.1);box-shadow:0 8px 25px #0006}.vhub-os-icon-label{font-size:.75rem;color:#fff;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8);max-width:100px;line-height:1.3;word-wrap:break-word}.vhub-os-icon-bounce span{display:inline-block;animation:vhub-icon-bounce 2s ease-in-out infinite}@keyframes vhub-icon-bounce{0%,to{transform:translateY(0)}30%{transform:translateY(-8px)}50%{transform:translateY(0)}65%{transform:translateY(-4px)}80%{transform:translateY(0)}}.vhub-os-icon-glow span{display:inline-block;animation:vhub-icon-glow 3s ease-in-out infinite}@keyframes vhub-icon-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,200,50,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,200,50,.7));transform:scale(1.05)}}.vhub-os-taskbar{position:relative;display:flex;align-items:center;gap:12px;padding:6px 12px;background:#0a0a14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:1000;min-height:48px}.vhub-os-taskbar-start{display:flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(135deg,#9d50bb4d,#ff9d0033);border:1px solid rgba(157,80,187,.3);border-radius:8px;color:#fff;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.vhub-os-taskbar-start:hover{background:linear-gradient(135deg,#9d50bb80,#ff9d004d);box-shadow:0 0 15px #9d50bb4d}.vhub-os-taskbar-start-icon{width:20px;height:20px;object-fit:contain}.vhub-os-taskbar-center{flex:1;display:flex;gap:4px;overflow-x:auto}.vhub-os-taskbar-app{padding:6px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;color:#ccc;white-space:nowrap;display:flex;align-items:center;gap:6px}.vhub-os-taskbar-app.active{background:#9d50bb33;border-color:#9d50bb66;color:#fff}.vhub-os-taskbar-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:4px 10px;border-left:1px solid rgba(255,255,255,.08)}.vhub-os-taskbar-clock{font-family:var(--font-mono);font-size:.8rem;color:#e0e0e0}.vhub-os-taskbar-date{font-size:.65rem;color:#888}.vhub-os-start-backdrop{position:absolute;inset:0;z-index:8}.vhub-os-start-menu{position:absolute;bottom:54px;left:12px;width:320px;max-height:400px;overflow-y:auto;background:#0c0c16f2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(157,80,187,.25);border-radius:16px;padding:16px;z-index:20;transform:translateY(20px);opacity:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;box-shadow:0 -10px 40px #00000080,0 0 20px #9d50bb1a}.vhub-os-start-menu.vhub-os-start-open{transform:translateY(0);opacity:1}.vhub-os-start-header{display:flex;align-items:center;gap:12px;padding:8px 4px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--primary-purple-bright)}.vhub-os-start-logo{width:28px;height:28px;object-fit:contain}.vhub-os-start-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(157,80,187,.3),transparent);margin:10px 0}.vhub-os-start-section-title{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:2px;padding:4px 8px;margin-bottom:6px}.vhub-os-start-apps{display:flex;flex-direction:column;gap:4px}.vhub-os-start-app-item{display:flex;align-items:center;gap:14px;padding:12px 10px;background:transparent;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s;text-align:left;width:100%}.vhub-os-start-app-item:hover{background:#9d50bb26}.vhub-os-start-app-icon{font-size:1.6rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;flex-shrink:0}.vhub-os-start-app-info{display:flex;flex-direction:column;gap:2px}.vhub-os-start-app-name{font-weight:600;font-size:.9rem}.vhub-os-start-app-desc{font-size:.72rem;color:#888}.vhub-os-start-exit{color:#ff6b6b}.vhub-os-start-exit:hover{background:#ff64641a!important}.vhub-os-app-fullscreen{position:fixed;inset:0;z-index:9000;background:#050505;transform:scale(.95);opacity:0;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .35s ease}.vhub-os-app-fullscreen.vhub-os-app-open{transform:scale(1);opacity:1}.vhub-os-app-fullscreen.vhub-os-app-closing{transform:scale(.9);opacity:0;transition:transform .3s ease,opacity .3s ease}.vhub-os-app-iframe{width:100%;height:100%;border:none;transition:opacity .5s ease}.vhub-os-app-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#050505;z-index:2;transition:opacity .4s ease}.vhub-os-app-loading-icon{font-size:4rem;animation:vhub-app-loading-bounce 1.5s ease-in-out infinite}@keyframes vhub-app-loading-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.vhub-os-app-loading-text{font-family:var(--font-body);font-size:1.1rem;color:#aaa;letter-spacing:1px}.vhub-os-app-loading-spinner{width:36px;height:36px;border:3px solid rgba(157,80,187,.2);border-top:3px solid var(--primary-purple);border-radius:50%;animation:spin .8s linear infinite}.vhub-os-return-btn{position:fixed;bottom:20px;left:20px;width:48px;height:48px;border-radius:50%;background:#0a0a14b3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(157,80,187,.4);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease;animation:vhub-return-pulse 3s ease-in-out infinite;box-shadow:0 4px 20px #00000080}.vhub-os-return-btn:hover{transform:scale(1.15);border-color:var(--primary-purple);box-shadow:0 0 25px #9d50bb80;background:#9d50bb4d}.vhub-os-return-btn img{width:28px;height:28px;object-fit:contain}@keyframes vhub-return-pulse{0%,to{box-shadow:0 4px 20px #00000080}50%{box-shadow:0 4px 20px #00000080,0 0 15px #9d50bb4d}}@media(max-width:768px){.vhub-os-boot{padding:20px}.vhub-os-boot-logo-img{width:60px;height:60px}.vhub-os-boot-terminal{font-size:.7rem;min-height:150px;max-height:220px;line-height:1.6}.vhub-os-boot-progress-wrapper{max-width:280px}.vhub-os-desktop-icons{padding:15px 15px 100px;gap:12px;justify-content:center;overflow-y:auto;height:100%}.vhub-os-icon{width:80px;padding:10px 6px}.vhub-os-icon-img{width:52px;height:52px;font-size:2rem;border-radius:14px}.vhub-os-icon-label{font-size:.65rem;max-width:80px}.vhub-os-icon:after{content:"Tap to open";position:absolute;bottom:-4px;font-size:.5rem;color:#ffffff40;opacity:0;transition:opacity .3s;pointer-events:none}.vhub-os-icon-selected:after{opacity:1}.vhub-os-taskbar{padding:4px 8px;min-height:42px;gap:8px}.vhub-os-taskbar-start{padding:5px 10px;font-size:.75rem;gap:5px}.vhub-os-taskbar-start-icon{width:16px;height:16px}.vhub-os-taskbar-start span{display:none}.vhub-os-taskbar-app{font-size:.7rem;padding:4px 10px}.vhub-os-taskbar-clock{font-size:.7rem}.vhub-os-taskbar-date{font-size:.55rem}.vhub-os-taskbar-right{padding:2px 6px}.vhub-os-start-menu{left:8px;right:8px;width:auto;bottom:48px;max-height:55vh;border-radius:14px;padding:14px}.vhub-os-start-app-item{padding:10px 8px;gap:12px}.vhub-os-start-app-icon{width:36px;height:36px;font-size:1.3rem}.vhub-os-start-app-name{font-size:.85rem}.vhub-os-start-app-desc{font-size:.65rem}.vhub-os-return-btn{width:44px;height:44px;bottom:15px;left:15px}.vhub-os-return-btn img{width:24px;height:24px}}@media(max-width:380px){.vhub-os-desktop-icons{gap:10px;padding:15px 10px}.vhub-os-icon{width:72px}.vhub-os-icon-img{width:46px;height:46px;font-size:1.8rem}.vhub-os-boot-terminal{font-size:.6rem}}.app-card:hover{transform:translateY(-5px);border-color:#9d50bb99!important;box-shadow:0 10px 30px #9d50bb40!important}