@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}:root{--vibetribe-primary:#7c3aed;--vibetribe-secondary:#5b21b6;--vibetribe-accent:#3730a3;--vibetribe-niu-primary:#c8102e;--vibetribe-niu-secondary:#8b0a1a;--vibetribe-niu-accent:#5d0912}.niu-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c8102e,#fff,#c8102e);-webkit-background-clip:text;background-clip:text;color:#0000}.niu-bg-red{background-color:#c8102e}.niu-border-red{border-color:#c8102e}.niu-theme{background:linear-gradient(135deg,#c8102e,#8b0a1a 50%,#5d0912)}.huskie-glow{box-shadow:0 0 20px #c8102e66}.huskie-shimmer{animation:huskie-shimmer 2s ease-in-out infinite alternate}@keyframes huskie-shimmer{0%{box-shadow:0 0 20px #c8102e66}to{box-shadow:0 0 30px #c8102ecc}}.huskie-howl{animation:huskie-howl 3s ease-in-out infinite}@keyframes huskie-howl{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.purple-gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7c3aed,#fff,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#0000}.purple-bg{background-color:#7c3aed}.purple-border{border-color:#7c3aed}.purple-theme{background:linear-gradient(135deg,#7c3aed,#5b21b6 50%,#3730a3)}.purple-glow{box-shadow:0 0 20px #7c3aed66}.purple-shimmer{animation:purple-shimmer 2s ease-in-out infinite alternate}@keyframes purple-shimmer{0%{box-shadow:0 0 20px #7c3aed66}to{box-shadow:0 0 30px #7c3aedcc}}.glass{background:#ffffff1a;border:1px solid #fff3}.glass,.glass-dark{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:#0000001a;border:1px solid #ffffff1a}.mood-hover-fire:hover{background:#fb923c4d!important;border-color:#fb923c80}.mood-hover-water:hover{background:#3b82f64d!important;border-color:#3b82f680}.mood-hover-moon:hover{background:#eab3084d!important;border-color:#eab30880}.mood-hover-sun:hover{background:#22c55e4d!important;border-color:#22c55e80}.mood-hover-thinking:hover{background:#a855f74d!important;border-color:#a855f780}.mood-hover-lightning:hover{background:#ef44444d!important;border-color:#ef444480}.mood-hover-sunset:hover{background:#f973164d!important;border-color:#f9731680}.mood-hover-wave:hover{background:#06b6d44d!important;border-color:#06b6d480}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.bounce-hover:hover{transform:translateY(-4px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.gradient-vibetribe{background:linear-gradient(135deg,#7c3aed,#5b21b6 50%,#3730a3)}.gradient-niu{background:linear-gradient(135deg,#c8102e,#8b0a1a 50%,#5d0912)}.gradient-overlay{background:linear-gradient(135deg,#7c3aede6,#5b21b6e6 50%,#3730a3e6)}.gradient-overlay-niu{background:linear-gradient(135deg,#c8102ee6,#8b0a1ae6 50%,#5d0912e6)}.text-shadow{text-shadow:0 2px 4px #0000004d}.text-glow{text-shadow:0 0 20px #ffffff4d}.text-glow-niu{text-shadow:0 0 20px #c8102e80}.text-glow-purple{text-shadow:0 0 20px #7c3aed80}.card-shadow{box-shadow:0 8px 32px #0000004d}.card-shadow-hover:hover{box-shadow:0 12px 40px #0006}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed66}50%{box-shadow:0 0 40px #7c3aedcc}}@keyframes pulse-glow-niu{0%,to{box-shadow:0 0 20px #c8102e66}50%{box-shadow:0 0 40px #c8102ecc}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.pulse-glow-niu{animation:pulse-glow-niu 2s ease-in-out infinite}.floating{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}::-webkit-scrollbar-track{border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width:640px){.glass,.glass-dark{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.card-shadow{box-shadow:0 4px 16px #0003}}:root{--niu-primary:#c8102e;--niu-secondary:#8b0a1a;--niu-dark:#5d0912;--niu-accent:gold;--niu-black:#000;--niu-gradient:conic-gradient(from 45deg,#c8102e 0%,#8b0a1a 25%,#5d0912 50%,#000 75%,#c8102e 100%);--niu-gradient-alt:linear-gradient(135deg,#c8102e,gold 20%,#8b0a1a 40%,#5d0912 60%,#000 80%,#c8102e);--niu-holographic:linear-gradient(45deg,#c8102e,gold,#c8102e,#8b0a1a,gold,#5d0912);--niu-glow:0 0 40px #c8102ecc,0 0 80px #ffd70066;--niu-shadow:0 20px 60px #c8102e4d,inset 0 1px 0 #ffd70033;--purple-primary:#7c3aed;--purple-secondary:#5b21b6;--purple-dark:#3730a3;--purple-accent:#ec4899;--purple-cosmic:#1e1b4b;--purple-gradient:conic-gradient(from 180deg,#7c3aed 0%,#5b21b6 25%,#3730a3 50%,#1e1b4b 75%,#7c3aed 100%);--purple-gradient-alt:linear-gradient(135deg,#7c3aed,#ec4899 20%,#5b21b6 40%,#3730a3 60%,#1e1b4b 80%,#7c3aed);--purple-holographic:linear-gradient(45deg,#7c3aed,#ec4899,#7c3aed,#5b21b6,#ec4899,#3730a3);--purple-glow:0 0 40px #7c3aedcc,0 0 80px #ec489966;--purple-shadow:0 20px 60px #7c3aed4d,inset 0 1px 0 #ec489933;--glass-bg:#ffffff14;--glass-bg-hover:#ffffff1f;--glass-bg-active:#ffffff29;--glass-border:#ffffff2e;--glass-border-hover:#ffffff40;--glass-blur:25px;--glass-blur-intense:40px;--glass-shadow:0 12px 48px #0006,0 4px 12px #0003;--glass-shadow-hover:0 20px 80px #00000080,0 8px 24px #0000004d;--glass-shadow-active:0 32px 120px #0009,0 12px 36px #0006;--bounce-duration:0.8s;--glow-duration:3s;--float-duration:4s;--pulse-duration:2s;--morph-duration:1.2s;--particle-duration:6s;--holographic-duration:4s;--neural-duration:8s;--holographic-shift:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);--particle-glow:radial-gradient(circle,#fffc 0%,#fff6 30%,#0000 70%);--neural-connection:linear-gradient(90deg,#0000,#fff9,#0000);--mobile-scale:0.9;--mobile-padding:1rem;--mobile-blur:15px}.vibetribe-app{animation:ultimateBackgroundShift 8s ease-in-out infinite;animation:ultimateBackgroundShift var(--neural-duration) ease-in-out infinite;background:conic-gradient(from 45deg,#c8102e 0,#8b0a1a 25%,#5d0912 50%,#000 75%,#c8102e 100%);background:var(--niu-gradient);background-attachment:fixed;background-size:400% 400%;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:hidden;perspective:1000px;position:relative;transform-style:preserve-3d}.vibetribe-app:before{animation:holographicRotation 4s linear infinite;animation:holographicRotation var(--holographic-duration) linear infinite;background:linear-gradient(135deg,#c8102e,gold 20%,#8b0a1a 40%,#5d0912 60%,#000 80%,#c8102e);background:var(--niu-gradient-alt);background-size:200% 200%;content:"";filter:blur(1px);height:200%;left:-50%;opacity:0;position:fixed;top:-50%;transform-origin:center;transition:all .8s cubic-bezier(.4,0,.2,1);width:200%;z-index:-2}.vibetribe-app:after{animation:particleFloat 6s ease-in-out infinite;animation:particleFloat var(--particle-duration) ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#ffd70026 0,#0000 50%),radial-gradient(circle at 80% 20%,#c8102e1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b0a1a14 0,#0000 50%);background-size:100px 100px,150px 150px,80px 80px}.vibetribe-app:hover:before{opacity:.2;transform:scale(1.05) rotate(2deg)}.vibetribe-app.purple-theme{animation:cosmicBackgroundShift 8s ease-in-out infinite;animation:cosmicBackgroundShift var(--neural-duration) ease-in-out infinite;background:conic-gradient(from 180deg,#7c3aed 0,#5b21b6 25%,#3730a3 50%,#1e1b4b 75%,#7c3aed 100%);background:var(--purple-gradient)}.vibetribe-app.purple-theme:before{background:linear-gradient(135deg,#7c3aed,#ec4899 20%,#5b21b6 40%,#3730a3 60%,#1e1b4b 80%,#7c3aed);background:var(--purple-gradient-alt)}.vibetribe-app.purple-theme:after{background:radial-gradient(circle at 30% 70%,#ec489926 0,#0000 50%),radial-gradient(circle at 70% 30%,#7c3aed1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#5b21b614 0,#0000 50%)}.vibetribe-app:after{animation:float 4s ease-in-out infinite;animation:float var(--float-duration) ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 80% 20%,#ffffff0d 1px,#0000 0),radial-gradient(circle at 40% 40%,#ffffff14 1.5px,#0000 0);background-size:50px 50px,30px 30px,70px 70px;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.vibetribe-header{animation:ultimateHeaderEntrance 1.2s cubic-bezier(.175,.885,.32,1.275) forwards;padding:3rem 1rem 2rem;perspective:800px;position:relative;text-align:center;transform-style:preserve-3d}.vibetribe-header:before{animation:holographicSweep 4s ease-in-out infinite;animation:holographicSweep var(--holographic-duration) ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);background:var(--holographic-shift);background-size:200% 200%;border-radius:50px;bottom:-20px;content:"";filter:blur(15px);left:-20px;opacity:0;position:absolute;right:-20px;top:-20px;z-index:-1}.vibetribe-header:hover:before{animation-duration:2s;opacity:.3}.niu-mode-toggle{animation:float 4s ease-in-out infinite;animation:float var(--float-duration) ease-in-out infinite;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);border:2px solid #ffffff2e;border:2px solid var(--glass-border);border-radius:25px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.8rem 1.5rem;position:absolute;position:relative;right:1.5rem;top:1.5rem;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.niu-mode-toggle:before{animation:holographicPulse 3s ease-in-out infinite;animation:holographicPulse var(--glow-duration) ease-in-out infinite;background:linear-gradient(45deg,#c8102e,gold,#c8102e,#8b0a1a,gold,#5d0912);background:var(--niu-holographic);background-size:200% 200%;border-radius:50px;content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:all .6s ease;width:200%}.niu-mode-toggle.active{background:#ffffff29;background:var(--glass-bg-active);border-color:gold;border-color:var(--niu-accent);box-shadow:0 0 40px #c8102ecc,0 0 80px #ffd70066,0 32px 120px #0009,0 12px 36px #0006;box-shadow:var(--niu-glow),var(--glass-shadow-active);transform:translateY(-4px) scale(1.1) rotateX(5deg)}.niu-mode-toggle.active:before{animation-duration:1s;opacity:.2}.niu-mode-toggle:hover{background:#ffffff1f;background:var(--glass-bg-hover);border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 20px 80px #00000080,0 8px 24px #0000004d;box-shadow:var(--glass-shadow-hover);transform:translateY(-6px) scale(1.12) rotateX(8deg) rotateY(2deg)}.niu-mode-toggle:hover:before{opacity:.15}.niu-mode-toggle:active{box-shadow:0 32px 120px #0009,0 12px 36px #0006;box-shadow:var(--glass-shadow-active);transform:translateY(-2px) scale(1.05) rotateX(2deg)}.vibetribe-app.niu-theme .niu-mode-toggle{border-color:gold;border-color:var(--niu-accent);box-shadow:0 20px 60px #c8102e4d,inset 0 1px 0 #ffd70033;box-shadow:var(--niu-shadow)}.vibetribe-app.niu-theme .niu-mode-toggle:before{background:linear-gradient(45deg,#c8102e,gold,#c8102e,#8b0a1a,gold,#5d0912);background:var(--niu-holographic)}.location-icon{font-size:1.5rem;margin-bottom:.5rem;opacity:.8}.vibetribe-title{-webkit-text-fill-color:#0000;animation:holographicTextShift 4s ease-in-out infinite,textFloat 4s ease-in-out infinite,textGlow 3s ease-in-out infinite alternate;animation:holographicTextShift var(--holographic-duration) ease-in-out infinite,textFloat var(--float-duration) ease-in-out infinite,textGlow var(--glow-duration) ease-in-out infinite alternate;background:linear-gradient(45deg,#7c3aed,#ec4899,#7c3aed,#5b21b6,#ec4899,#3730a3);background:var(--purple-holographic);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;color:#0000;font-size:3.5rem;font-weight:900;letter-spacing:2px;line-height:1.1;margin-bottom:1rem;position:relative;text-shadow:0 0 30px #ffffff80,0 4px 8px #0000004d,0 8px 16px #0003;transform-style:preserve-3d}.vibetribe-title:before{animation:depthShift 3s ease-in-out infinite alternate;animation:depthShift var(--glow-duration) ease-in-out infinite alternate;background:linear-gradient(45deg,#c8102e,gold,#c8102e,#8b0a1a,gold,#5d0912);background:var(--niu-holographic);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;left:2px;opacity:.7;top:2px;z-index:-1}.vibetribe-title:after,.vibetribe-title:before{-webkit-text-fill-color:#0000;content:attr(data-text);position:absolute}.vibetribe-title:after{animation:outerGlow 2s ease-in-out infinite alternate;animation:outerGlow var(--pulse-duration) ease-in-out infinite alternate;background:linear-gradient(45deg,#fffc,#ffd70099);background-clip:text;-webkit-background-clip:text;filter:blur(3px);left:0;opacity:.3;top:0;z-index:-2}.vibetribe-title.niu-edition{animation:niuHolographicShift 4s ease-in-out infinite,textFloat 4s ease-in-out infinite,niuGlow 3s ease-in-out infinite alternate;animation:niuHolographicShift var(--holographic-duration) ease-in-out infinite,textFloat var(--float-duration) ease-in-out infinite,niuGlow var(--glow-duration) ease-in-out infinite alternate;background:linear-gradient(45deg,#c8102e,gold,#c8102e,#8b0a1a,gold,#5d0912);background:var(--niu-holographic);background-size:300% 300%}.vibetribe-title.niu-edition:before{background:linear-gradient(135deg,#c8102e,gold 20%,#8b0a1a 40%,#5d0912 60%,#000 80%,#c8102e);background:var(--niu-gradient-alt);background-size:300% 300%}.huskie-subtitle{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;opacity:.9}.tagline{font-size:1.125rem;line-height:1.4;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.9}.connection-stats{font-size:.95rem;gap:1rem;justify-content:center;margin-bottom:2rem;opacity:.9}.connection-stats,.stat-item{align-items:center;display:flex}.stat-item{gap:.25rem}.connected-indicator{background:#10b981;border-radius:50%;height:8px;margin-right:.25rem;width:8px}.vibetribe-content{margin:0 auto;max-width:500px;padding:0 1rem}.feeling-card{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feeling-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feeling-card:hover{background:var(--glass-hover);border-color:#ffffff4d;box-shadow:0 16px 48px #0006;transform:translateY(-4px) scale(1.02)}.feeling-card:hover:before{left:100%}.glass-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow)}.glass-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card-hover:hover{background:var(--glass-hover);box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.feeling-title{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#fff,#e0e7ff,#c7d2fe);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0003}.mood-grid{grid-gap:1rem;animation:neuralGridEntrance 1.5s cubic-bezier(.175,.885,.32,1.275) forwards;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;perspective:1000px;position:relative;transform-style:preserve-3d}.mood-grid:before{animation:neuralConnectionPulse 8s ease-in-out infinite;animation:neuralConnectionPulse var(--neural-duration) ease-in-out infinite;background:linear-gradient(45deg,#0000 48%,#ffffff1a 49%,#ffffff1a 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#ffffff0d 49%,#ffffff0d 51%,#0000 52%);background-size:40px 40px,60px 60px;border-radius:30px;bottom:-10px;content:"";filter:blur(1px);left:-10px;opacity:0;position:absolute;right:-10px;top:-10px;z-index:-1}.mood-grid:hover:before{animation-duration:3s;opacity:.6}.mood-button{align-items:center;animation:morphingFadeIn 1.2s cubic-bezier(.175,.885,.32,1.275) forwards;animation-fill-mode:both;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);border:2px solid #ffffff2e;border:2px solid var(--glass-border);border-radius:25px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.6rem;min-height:100px;overflow:hidden;padding:1.2rem 1rem;position:relative;text-align:center;transform:translateZ(0) rotateX(0deg);transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.mood-button:before{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);background:var(--holographic-shift);background-size:200% 200%;border-radius:27px;bottom:-2px;filter:blur(8px);left:-2px;right:-2px;top:-2px;transition:all .6s cubic-bezier(.4,0,.2,1)}.mood-button:after,.mood-button:before{content:"";opacity:0;position:absolute;z-index:-1}.mood-button:after{background:radial-gradient(circle,#fffc 0,#fff6 30%,#0000 70%);background:var(--particle-glow);border-radius:50%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1);width:0}.mood-button:hover{background:#ffffff1f;background:var(--glass-bg-hover);border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 20px 80px #00000080,0 8px 24px #0000004d;box-shadow:var(--glass-shadow-hover);transform:translateY(-8px) translateZ(20px) rotateX(10deg) scale(1.08)}.mood-button:hover:before{animation:holographicSweep 2s ease-in-out infinite;opacity:.8}.mood-button:hover:after{height:120%;opacity:.3;width:120%}.mood-button:active{transform:translateY(-2px) scale(1.02)}.mood-emoji{animation:holographicPulse 2s ease-in-out infinite;animation:holographicPulse var(--pulse-duration) ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,255,255,.2));font-size:2rem;line-height:1;position:relative;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275);z-index:1}.mood-button:hover .mood-emoji{animation:emojiLevitate 2s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(255,255,255,.4));transform:translateZ(30px) scale(1.4) rotateY(15deg)}.mood-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ffffffe6,#fff9,#ffffffe6);background-clip:text;-webkit-background-clip:text;background-size:200% 200%;font-size:.95rem;font-weight:700;opacity:.85;position:relative;text-shadow:0 2px 8px #ffffff1a;transform-style:preserve-3d;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.mood-button:hover .mood-text{animation:textShimmer 3s ease-in-out infinite;opacity:1;text-shadow:0 4px 16px #ffffff4d;transform:translateZ(20px)}.mood-button.excited:hover{background:#fb923c4d;box-shadow:0 12px 32px #fb923c66}.mood-button.anxious:hover{background:#3b82f64d;box-shadow:0 12px 32px #3b82f666}.mood-button.lonely:hover{background:#eab3084d;box-shadow:0 12px 32px #eab30866}.mood-button.happy:hover{background:#22c55e4d;box-shadow:0 12px 32px #22c55e66}.mood-button.confused:hover{background:#a855f74d;box-shadow:0 12px 32px #a855f766}.mood-button.motivated:hover{background:#ef44444d;box-shadow:0 12px 32px #ef444466}.mood-button.nostalgic:hover{background:#f973164d;box-shadow:0 12px 32px #f9731666}.mood-button.overwhelmed:hover{background:#06b6d44d;box-shadow:0 12px 32px #06b6d466}.mood-button.pumped:hover{background:#dc267f4d;box-shadow:0 12px 32px #dc267f66}.mood-button.homesick:hover{background:#9333ea4d;box-shadow:0 12px 32px #9333ea66}.debug-info{background:#0000001a;border-radius:.5rem}.code-block{background:#2d3748;border-radius:.375rem}.firebase-check{background:#edf2f7;border-radius:.375rem;padding:.5rem}.debug-floating{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.debug-header{border-bottom:1px solid #e2e8f0}.user-info-bar{align-items:center;animation:slideInFromLeft .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#6366f1,#8b5cf6);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:14px;gap:8px;justify-content:center;padding:8px 16px;position:relative;z-index:1000}.user-info-bar:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.user-info-bar .user-id{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;padding:2px 8px;position:relative;z-index:1}.debug-info,.user-info-bar .user-id{background:#ffffff14;background:var(--glass-bg)}.debug-info{animation:fadeInUp .6s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);font-size:.75rem;margin-top:1rem;max-height:200px;overflow-y:auto;padding:1rem;text-align:left}.debug-info pre{color:#ffffffe6;margin:0;white-space:pre-wrap;word-break:break-all}.code-block{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2d3748cc;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0003;color:#e2e8f0;font-size:.75rem;margin:.5rem 0;overflow-x:auto;padding:.75rem}.firebase-check{align-items:center;border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:12px;display:flex;font-weight:600;justify-content:center;margin:1rem 0}.debug-floating,.firebase-check{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);color:#fff;padding:.75rem}.debug-floating{animation:slideInFromRight .6s ease-out;border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:16px;bottom:20px;font-size:.7rem;max-height:200px;max-width:300px;overflow:auto;position:fixed;right:20px;z-index:1000}.debug-header{align-items:center;border-bottom:1px solid #fff3;color:#ffffffe6;display:flex;font-weight:600;margin-bottom:.5rem;padding-bottom:.25rem}.debug-content pre{color:#fffc;margin:0;white-space:pre-wrap;word-break:break-all}.error-container{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c);display:flex;justify-content:center;min-height:100vh;padding:2rem}.error-content{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);border:1px solid #fff3;border-radius:24px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);color:#fff;max-width:500px;padding:2rem;text-align:center}.error-content h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-message{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;margin:1rem 0;padding:.75rem}@media (max-width:640px){.debug-floating{bottom:10px;font-size:.65rem;left:10px;max-width:none;right:10px}.debug-info{font-size:.7rem;padding:.75rem}.code-block{font-size:.7rem;padding:.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.feeling-card:hover,.mood-button:hover{transform:none}}@media (prefers-contrast:high){:root{--glass-bg:#000c;--glass-border:#fffc}.feeling-card,.mood-button{border-width:2px}}.mood-button:focus,.niu-mode-toggle:focus{outline:2px solid #fff;outline-offset:2px}.mood-button:focus:not(:focus-visible){outline:none}@media print{.vibetribe-app{background:#fff!important;color:#000!important}.feeling-card,.mood-button{background:#fff!important;border:1px solid #000!important;box-shadow:none!important}.debug-floating,.debug-info{display:none}}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.loading-container:before{animation:float 4s ease-in-out infinite;animation:float var(--float-duration) ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#ffffff1a 2px,#0000 0),radial-gradient(circle at 80% 20%,#ffffff0d 1px,#0000 0);background-size:50px 50px,30px 30px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.loading-content{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff14;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 12px 48px #0006,0 4px 12px #0003;box-shadow:var(--glass-shadow);color:#fff;max-width:400px;padding:2rem;position:relative;text-align:center;z-index:1}.loading-spinner{animation:glow 3s ease-in-out infinite alternate;animation:glow var(--glow-duration) ease-in-out infinite alternate;margin-bottom:1.5rem}.loading-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.loading-content p{animation:pulse 2s ease-in-out infinite;animation:pulse var(--pulse-duration) ease-in-out infinite;margin-bottom:1rem;opacity:.8}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);background-clip:content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff80,#fff3)}::-webkit-scrollbar-corner{background:#0000}*{scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}@media (max-width:640px){:root{--glass-blur:15px;--glass-shadow:0 4px 20px #00000040}.vibetribe-header{padding:1.5rem 1rem 1rem}.vibetribe-title{font-size:2rem}.feeling-card{border-radius:20px;margin:0 .5rem;padding:1.5rem}.mood-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.mood-button{border-radius:16px;min-height:70px;padding:.75rem}.mood-button:hover{transform:translateY(-2px) scale(1.02)}.mood-emoji{font-size:1.25rem}.mood-text{font-size:.8rem}.niu-mode-toggle{font-size:.75rem;padding:.25rem .75rem;right:.5rem;top:.5rem}}@media (max-width:480px){.vibetribe-header{padding:1rem .75rem .75rem}.feeling-card{margin:0 .25rem;padding:1.25rem}.mood-grid{gap:.375rem}.mood-button{font-size:.875rem;min-height:65px;padding:.625rem}.mood-emoji{font-size:1.125rem}.mood-text{font-size:.75rem}}@media (min-width:768px){.mood-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.mood-button{min-height:90px;padding:1.25rem}.mood-emoji{font-size:1.75rem}.mood-text{font-size:1rem}}@media (min-width:1024px){.mood-grid{gap:1.25rem;grid-template-columns:repeat(4,1fr)}.mood-button{min-height:100px;padding:1.5rem}.mood-emoji{font-size:2rem}.mood-text{font-size:1.125rem}}@media (hover:none) and (pointer:coarse){.mood-button{min-height:80px;padding:1rem}.mood-button:hover{transform:none}.mood-button:active{background:var(--glass-hover);transform:scale(.95)}.niu-mode-toggle:hover{transform:none}.niu-mode-toggle:active{transform:scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(.5deg)}50%{transform:translateY(-15px) rotate(0deg)}75%{transform:translateY(-5px) rotate(-.5deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%{filter:brightness(1) drop-shadow(0 0 5px rgba(255,255,255,.3))}to{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,255,255,.6))}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-15px)}70%{transform:translateY(-7px)}90%{transform:translateY(-3px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.animate-float{animation:float 4s ease-in-out infinite;animation:float var(--float-duration) ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite;animation:pulse var(--pulse-duration) ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite alternate;animation:glow var(--glow-duration) ease-in-out infinite alternate}.animate-bounce{animation:bounce .8s ease-in-out infinite;animation:bounce var(--bounce-duration) ease-in-out infinite}.animate-shimmer{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);background-size:200% 100%}.vibetribe-header{animation:fadeInDown .8s ease-out}.feeling-card{animation:fadeInUp .8s ease-out .2s both}.mood-button:first-child{animation:fadeInUp .8s ease-out .1s both}.mood-button:nth-child(2){animation:fadeInUp .8s ease-out .15s both}.mood-button:nth-child(3){animation:fadeInUp .8s ease-out .2s both}.mood-button:nth-child(4){animation:fadeInUp .8s ease-out .25s both}.mood-button:nth-child(5){animation:fadeInUp .8s ease-out .3s both}.mood-button:nth-child(6){animation:fadeInUp .8s ease-out .35s both}.mood-button:nth-child(7){animation:fadeInUp .8s ease-out .4s both}.mood-button:nth-child(8){animation:fadeInUp .8s ease-out .45s both}.mood-button:nth-child(9){animation:fadeInUp .8s ease-out .5s both}.mood-button:nth-child(10){animation:fadeInUp .8s ease-out .55s both}@keyframes ultimateBackgroundShift{0%,to{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%;filter:hue-rotate(90deg)}50%{background-position:50% 0;filter:hue-rotate(180deg)}75%{background-position:50% 100%;filter:hue-rotate(270deg)}}@keyframes cosmicBackgroundShift{0%,to{background-position:0 0;filter:hue-rotate(0deg) saturate(1)}33%{background-position:100% 50%;filter:hue-rotate(120deg) saturate(1.2)}66%{background-position:0 100%;filter:hue-rotate(240deg) saturate(.8)}}@keyframes holographicRotation{0%{opacity:0;transform:rotate(0deg) scale(1)}50%{opacity:.1;transform:rotate(180deg) scale(1.1)}to{opacity:0;transform:rotate(1turn) scale(1)}}@keyframes particleFloat{0%,to{background-size:100px 100px,150px 150px,80px 80px;transform:translateY(0) translateX(0)}25%{background-size:120px 120px,170px 170px,100px 100px;transform:translateY(-20px) translateX(10px)}50%{background-size:110px 110px,160px 160px,90px 90px;transform:translateY(-10px) translateX(-15px)}75%{background-size:130px 130px,180px 180px,110px 110px;transform:translateY(-30px) translateX(5px)}}@keyframes ultimateHeaderEntrance{0%{filter:blur(10px);opacity:0;transform:translateY(-50px) rotateX(90deg) scale(.8)}50%{filter:blur(5px);opacity:.5;transform:translateY(-10px) rotateX(45deg) scale(1.1)}to{filter:blur(0);opacity:1;transform:translateY(0) rotateX(0deg) scale(1)}}@keyframes holographicSweep{0%{background-position:-200% 0;opacity:0}50%{opacity:.8}to{background-position:200% 0;opacity:0}}@keyframes neuralGridEntrance{0%{filter:blur(20px);opacity:0;transform:perspective(1000px) rotateX(90deg) scale(.5)}50%{filter:blur(10px);opacity:.5;transform:perspective(1000px) rotateX(45deg) scale(.8)}to{filter:blur(0);opacity:1;transform:perspective(1000px) rotateX(0deg) scale(1)}}@keyframes neuralConnectionPulse{0%,to{filter:blur(2px);opacity:0;transform:scale(.8)}50%{filter:blur(0);opacity:.6;transform:scale(1.2)}}@keyframes morphingFadeIn{0%{border-radius:50%;filter:blur(15px);opacity:0;transform:translateZ(-100px) rotateX(90deg) scale(.3)}50%{border-radius:35%;filter:blur(8px);opacity:.3;transform:translateZ(-20px) rotateX(45deg) scale(.9)}to{border-radius:25px;filter:blur(0);opacity:1;transform:translateZ(0) rotateX(0deg) scale(1)}}@keyframes holographicPulse{0%,to{filter:drop-shadow(0 4px 12px rgba(255,255,255,.2)) hue-rotate(0deg);transform:scale(1) rotateY(0deg)}50%{filter:drop-shadow(0 6px 18px rgba(255,255,255,.4)) hue-rotate(90deg);transform:scale(1.1) rotateY(5deg)}}@keyframes emojiLevitate{0%,to{transform:translateZ(30px) scale(1.4) rotateY(15deg) translateY(0)}50%{transform:translateZ(35px) scale(1.5) rotateY(-5deg) translateY(-5px)}}@keyframes textShimmer{0%,to{background-position:-200% 0}50%{background-position:200% 0}}.mood-button.selected{animation:glow 3s ease-in-out infinite alternate,pulse 2s ease-in-out infinite;animation:glow var(--glow-duration) ease-in-out infinite alternate,pulse var(--pulse-duration) ease-in-out infinite}.floating-element{animation:float 4s ease-in-out infinite;animation:float var(--float-duration) ease-in-out infinite}.page-enter{animation:fadeInUp .6s ease-out}.page-exit{animation:fadeInUp .6s ease-out reverse}.feeling-card,.mood-button,.niu-mode-toggle{transform:translateZ(0);will-change:transform}.animate-bounce,.animate-float,.animate-glow,.animate-pulse{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}html{scroll-behavior:smooth}::selection{background:#ffffff4d;color:#fff}::-moz-selection{background:#ffffff4d;color:#fff}.loading-dots{display:inline-flex;gap:4px}.loading-dots div{animation:bounce 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.loading-dots div:first-child{animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}.loading-dots div:nth-child(3){animation-delay:0s}.blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-light{background:#ffffff0d;border:1px solid #ffffff1a}.glass-medium{background:#ffffff1a;border:1px solid #fff3}.glass-heavy{background:#fff3;border:1px solid #ffffff4d}.shadow-glow{box-shadow:0 0 20px #ffffff1a}.shadow-glow-strong{box-shadow:0 0 40px #fff3}.vibetribe-app.niu-theme{--primary-glow:var(--niu-glow)}.vibetribe-app.purple-theme{--primary-glow:var(--purple-glow)}.interactive-element{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:translateY(-2px)}.interactive-element:active{transform:translateY(0) scale(.98)}.success-state{background:linear-gradient(135deg,#22c55e33,#16a34a1a);border-color:#22c55e4d}.error-state{background:linear-gradient(135deg,#ef444433,#dc26261a);border-color:#ef44444d}.warning-state{background:linear-gradient(135deg,#f59e0b33,#d977061a);border-color:#f59e0b4d}.enhanced-v2-success{animation:fadeInUp .1s ease-out;background:linear-gradient(135deg,#c8102e,#7c3aed);color:#0000;content:"ENHANCED VIBETRIBE v2.0 - Glass Morphism Active";display:none;opacity:0;pointer-events:none;position:absolute;transform:translateZ(0);z-index:-1}.niu-dashboard{animation:niuDashboardGlow 3s ease-in-out infinite alternate;animation:niuDashboardGlow var(--glow-duration) ease-in-out infinite alternate;border:2px solid gold;border:2px solid var(--niu-accent);box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 30px #c8102e33,inset 0 1px 0 #ffd7001a;box-shadow:var(--glass-shadow),0 0 30px #c8102e33,inset 0 1px 0 #ffd7001a}.cosmic-dashboard,.niu-dashboard{background:#ffffff14;background:var(--glass-bg)}.cosmic-dashboard{animation:cosmicDashboardGlow 3s ease-in-out infinite alternate;animation:cosmicDashboardGlow var(--glow-duration) ease-in-out infinite alternate;border:2px solid #ec4899;border:2px solid var(--purple-accent);box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 30px #7c3aed33,inset 0 1px 0 #ec48991a;box-shadow:var(--glass-shadow),0 0 30px #7c3aed33,inset 0 1px 0 #ec48991a}.niu-neural-engine{border:2px solid #c8102e4d;box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 25px #c8102e26;box-shadow:var(--glass-shadow),0 0 25px #c8102e26}.cosmic-neural-engine,.niu-neural-engine{background:#ffffff14;background:var(--glass-bg)}.cosmic-neural-engine{border:2px solid #3b82f64d;box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 25px #3b82f626;box-shadow:var(--glass-shadow),0 0 25px #3b82f626}.cosmic-connected,.niu-connected{background:#ffffff14;background:var(--glass-bg);border:2px solid #22c55e66;box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 20px #22c55e33;box-shadow:var(--glass-shadow),0 0 20px #22c55e33}.cosmic-connecting,.niu-connecting{animation:connectingPulse 2s ease-in-out infinite;background:#ffffff14;background:var(--glass-bg);border:2px solid #ef444466;box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 20px #ef444433;box-shadow:var(--glass-shadow),0 0 20px #ef444433}@keyframes niuDashboardGlow{0%{box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 20px #c8102e33,inset 0 1px 0 #ffd7001a;box-shadow:var(--glass-shadow),0 0 20px #c8102e33,inset 0 1px 0 #ffd7001a}to{box-shadow:0 20px 80px #00000080,0 8px 24px #0000004d,0 0 40px #c8102e66,inset 0 1px 0 #ffd70033;box-shadow:var(--glass-shadow-hover),0 0 40px #c8102e66,inset 0 1px 0 #ffd70033}}@keyframes cosmicDashboardGlow{0%{box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 20px #7c3aed33,inset 0 1px 0 #ec48991a;box-shadow:var(--glass-shadow),0 0 20px #7c3aed33,inset 0 1px 0 #ec48991a}to{box-shadow:0 20px 80px #00000080,0 8px 24px #0000004d,0 0 40px #7c3aed66,inset 0 1px 0 #ec489933;box-shadow:var(--glass-shadow-hover),0 0 40px #7c3aed66,inset 0 1px 0 #ec489933}}@keyframes connectingPulse{0%,to{border-color:#ef444466;box-shadow:0 12px 48px #0006,0 4px 12px #0003,0 0 15px #ef444433;box-shadow:var(--glass-shadow),0 0 15px #ef444433}50%{border-color:#ef4444cc;box-shadow:0 20px 80px #00000080,0 8px 24px #0000004d,0 0 30px #ef444466;box-shadow:var(--glass-shadow-hover),0 0 30px #ef444466}}.niu-campus-showcase{animation:niuCampusEntrance 1s cubic-bezier(.175,.885,.32,1.275) forwards;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:20px;box-shadow:0 8px 32px #c8102e33,0 4px 16px #ffd7001a,inset 0 1px 0 #ffd70033;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.niu-campus-showcase:before{animation:huskieGlide 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.niu-campus-showcase:hover{border-color:#ffd70080;box-shadow:0 12px 48px #c8102e4d,0 6px 24px #ffd70033,inset 0 1px 0 #ffd7004d;transform:translateY(-2px) scale(1.02)}@keyframes niuCampusEntrance{0%{box-shadow:0 0 0 #c8102e00;opacity:0;transform:translateY(20px) scale(.95)}to{box-shadow:0 8px 32px #c8102e33,0 4px 16px #ffd7001a;opacity:1;transform:translateY(0) scale(1)}}@keyframes huskieGlide{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes coinRushDrop{0%{opacity:0;transform:translateY(-20%) scale(.85)}15%{opacity:1}to{opacity:0;transform:translateY(110%) scale(1.1)}}@keyframes coinRushPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes coinRushExplosion{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.coin-rush-arena{background:radial-gradient(circle at top,#ffffff2e,#000000b3);border:1px solid #ffffff1f;border-radius:22px;box-shadow:inset 0 0 35px #ffffff14,0 25px 60px #00000073;overflow:hidden;position:relative}.coin-rush-target{align-items:center;animation:coinRushDrop 1.2s linear forwards;animation:coinRushDrop var(--coin-flight,1.2s) linear forwards;background:radial-gradient(circle at 30% 30%,#ffffffbf,#facc15f2 55%,#eab308bf 100%);border:2px solid #ffffffa6;border-radius:50%;box-shadow:0 12px 35px #eab30880;color:#3b0764;display:flex;font-weight:700;height:68px;justify-content:center;position:absolute;width:68px}.coin-rush-target.gem{background:radial-gradient(circle at 30% 30%,#ffffffd9,#4ade80f2 55%,#16a34abf 100%);box-shadow:0 16px 40px #10b9818c;color:#064e3b;height:74px;width:74px}.coin-rush-hazard{animation:coinRushDrop 1.4s linear forwards;animation:coinRushDrop var(--hazard-flight,1.4s) linear forwards;background:radial-gradient(circle at 30% 30%,#ffffff26,#f87171d9 60%,#ef4444d9 100%);border:2px solid #f871714d;border-radius:50%;box-shadow:0 16px 45px #f8717166;height:60px;position:absolute;width:60px}.coin-rush-explosion{animation:coinRushExplosion .42s ease-out forwards;background:radial-gradient(circle,#fde047e6 0,#fde04700 70%);border-radius:50%;height:90px;pointer-events:none;position:absolute;width:90px}.coin-rush-frenzy{animation:coinRushPulse 1s ease-in-out infinite}@media (max-width:1024px){.vibetribe-header{padding:2.5rem 1rem 1.5rem}}@media (max-width:768px){.vibetribe-app{padding-bottom:env(safe-area-inset-bottom,16px)}.vibetribe-header{padding:2rem .75rem 1.5rem}.niu-mode-toggle{font-size:.75rem;padding:.6rem 1.1rem;right:1rem;top:1rem}.coin-rush-arena{border-radius:18px;box-shadow:inset 0 0 25px #ffffff0d,0 18px 45px #00000059}}@media (max-width:480px){.vibetribe-header h1{font-size:2.2rem}.coin-rush-target{height:58px;width:58px}.coin-rush-target.gem{height:64px;width:64px}.coin-rush-hazard{height:52px;width:52px}}