@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 10px #a855f700}to{box-shadow:0 0 #a855f700}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gentleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate-slide-in-up{animation:.6s ease-out slideInUp}.animate-fade-in-scale{animation:.5s ease-out fadeInScale}.animate-bounce-in{animation:.8s ease-out bounceIn}.animate-pulse-custom{animation:2s infinite pulse}.animate-gradient-shift{background-size:400% 400%;animation:3s infinite gradientShift}.animate-shimmer{background-image:linear-gradient(90deg,#fff0 0%,#fff3 20%,#ffffff80 60%,#fff0);background-repeat:no-repeat;background-size:200px 100%;animation:2s infinite shimmer}.animate-float{animation:3s ease-in-out infinite float}.animate-gentle-rotate{animation:20s linear infinite gentleRotate}.animate-heartbeat{animation:1.5s ease-in-out infinite heartbeat}.transition-all-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-transform-smooth{transition:transform .3s cubic-bezier(.4,0,.2,1)}.transition-colors-smooth{transition:color .3s,background-color .3s,border-color .3s}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover-glow:hover{box-shadow:0 0 20px #a855f74d}.hover-scale:hover{transform:scale(1.05)}.hover-rotate:hover{transform:rotate(5deg)}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.floating-particles:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0%,#0000 50%);animation:6s ease-in-out infinite float;position:absolute;inset:0}.stagger-animation{animation-delay:calc(var(--stagger-delay,0)*.1s)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.post-card-enter{animation:.6s ease-out slideInUp}.button-press{transition:transform .1s;transform:scale(.95)}.like-animation{animation:.6s ease-in-out heartbeat}.notification-bounce{animation:.5s ease-out bounceIn}.dynamic-bg{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab) 0 0/400% 400%;animation:15s infinite gradientShift}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.content-fade-in{animation:.8s ease-out fadeInScale}.skeleton-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes commentHighlight{0%{background-color:color-mix(in srgb,var(--accent)22%,transparent);box-shadow:0 0 0 0 var(--accent)}50%{background-color:color-mix(in srgb,var(--accent)30%,transparent);box-shadow:0 0 0 8px var(--accent)}to{box-shadow:0 0 0 0 var(--accent);background-color:#0000}}.highlight-comment{transition:background-color .3s;animation:2.2s ease-out commentHighlight}.ring-theme{box-shadow:0 0 0 2px var(--accent)!important;border-color:var(--accent)!important}
.social-particles{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.social-particles:before,.social-particles:after{opacity:.3;content:"";background:linear-gradient(45deg,#8b5cf6,#ec4899);border-radius:50%;width:4px;height:4px;animation:20s linear infinite float-particles;position:absolute}.social-particles:before{animation-delay:0s;top:10%;left:20%}.social-particles:after{animation-delay:-10s;top:60%;right:15%}@keyframes float-particles{0%{transform:translateY(var(--usable-height,100vh))rotate(0deg)}to{transform:translateY(calc(var(--usable-height,100vh)*-1))rotate(360deg)}}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;box-shadow:0 8px 32px #1f26875e}.glass-effect-dark{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000005e}.neon-glow{animation:2s ease-in-out infinite alternate neon-pulse;box-shadow:0 0 5px,0 0 10px,0 0 15px,0 0 20px}@keyframes neon-pulse{0%{box-shadow:0 0 5px,0 0 10px,0 0 15px,0 0 20px}to{box-shadow:0 0 2px,0 0 5px,0 0 8px,0 0 12px}}.gradient-border{background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4,#10b981) 0 0/400% 400%;border-radius:12px;padding:2px;animation:4s infinite gradient-shift;position:relative}.gradient-border:before{z-index:-1;content:"";background:#fff;border-radius:10px;position:absolute;inset:2px}.neumorphism{background:#f0f0f0;border-radius:20px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.neumorphism-inset{background:#f0f0f0;border-radius:20px;box-shadow:inset 20px 20px 60px #bebebe,inset -20px -20px 60px #fff}.holographic{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#ff0080,#ff8c00,#40e0d0,violet,#98fb98) 0 0/300% 300%;-webkit-background-clip:text;background-clip:text;animation:3s infinite holographic-shift}@keyframes holographic-shift{0%,to{background-position:0%}50%{background-position:100%}}.particle-hover{position:relative;overflow:hidden}.particle-hover:before{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);border-radius:50%;width:0;height:0;transition:all .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle-hover:hover:before{width:min(300px,80vw);height:min(300px,80vw)}.wave-effect{position:relative;overflow:hidden}.wave-effect:after{content:"";width:min(300px,90vw);max-width:100%;position:absolute;inset:0}.wave-effect:hover:after{left:100%}.floating-crystals{position:relative}.floating-crystals:before,.floating-crystals:after{content:"";clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.6;background:linear-gradient(45deg,#8b5cf6,#ec4899);width:8px;height:8px;animation:4s ease-in-out infinite crystal-float;position:absolute}.floating-crystals:before{animation-delay:0s;top:10px;right:10px}.floating-crystals:after{animation-delay:2s;bottom:10px;left:10px}@keyframes crystal-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(180deg)}}.aurora-effect{background:linear-gradient(45deg,#8b5cf61a,#ec48991a,#06b6d41a,#10b9811a) 0 0/400% 400%;animation:8s infinite aurora-dance}@keyframes aurora-dance{0%,to{background-position:0%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.starlight{position:relative}.starlight:before{content:"✨";opacity:0;font-size:12px;animation:2s ease-in-out infinite twinkle;position:absolute;top:-5px;right:-5px}.starlight:hover:before{opacity:1}@keyframes twinkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:before{content:"";background:#8b5cf64d;border-radius:50%;width:0;height:0;animation:2s infinite ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:1;width:0;height:0}to{opacity:0;width:300px;height:300px}}.levitate{animation:3s ease-in-out infinite levitate}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.breathe{animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gentle-spin{animation:20s linear infinite gentle-spin}@keyframes gentle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.color-pulse{animation:3s ease-in-out infinite color-pulse}@keyframes color-pulse{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(90deg)}}.effect-hover-only{transition:all .3s}.effect-hover-only:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.effect-glow-on-hover:hover{box-shadow:0 0 20px #8b5cf680}.effect-scale-on-hover:hover{transform:scale(1.05)}.effect-rotate-on-hover:hover{transform:rotate(5deg)}@media (max-width:768px){.floating-crystals:before,.floating-crystals:after,.social-particles{display:none}.neon-glow{animation:none;box-shadow:0 2px 10px #8b5cf64d}}@media (prefers-reduced-motion:reduce){.levitate,.breathe,.gentle-spin,.color-pulse,.crystal-float,.aurora-dance,.holographic-shift,.gradient-shift,.neon-pulse,.twinkle,.ripple,.float-particles{animation:none}}
.social-typography{letter-spacing:-.01em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.social-heading{letter-spacing:-.025em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.2}.social-subheading{color:#4a5568;letter-spacing:-.015em;font-weight:600;line-height:1.3}.social-body-text{color:#2d3748;letter-spacing:-.005em;font-weight:400;line-height:1.7}.social-caption{color:#718096;letter-spacing:.01em;font-size:.875rem;font-weight:500;line-height:1.4}.social-readable{color:#2d3748;max-width:65ch;font-size:1rem;line-height:1.8}.social-readable-compact{color:#4a5568;max-width:55ch;font-size:.95rem;line-height:1.6}.social-text-2xl{letter-spacing:-.02em;font-size:1.5rem;line-height:1.4}.social-link{color:#667eea;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s}.social-link:hover{color:#5a67d8;text-shadow:0 0 8px #c5cdf5;border-bottom-color:#5a67d8}.social-quote{color:#4a5568;background:linear-gradient(90deg,#f0f2ff 0%,#0000 100%);border-left:4px solid #667eea;border-radius:0 .5rem .5rem 0;margin:1rem 0;padding-left:1rem;font-style:italic;font-weight:500}.social-highlight{background:linear-gradient(120deg,#fff9c4 0%,#ffeaa7 100%);border-radius:.25rem;padding:.125rem .25rem;font-weight:500}.social-list{padding:0;list-style:none}.social-list-item{margin-bottom:.5rem;padding-left:1.5rem;line-height:1.6;position:relative}.social-list-item:before{color:#667eea;content:"•";font-size:1.2em;font-weight:700;position:absolute;left:0}.social-code{color:#2d3748;background:#f7fafc;border:1px solid #e2e8f0;border-radius:.25rem;padding:.125rem .375rem;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875em}.social-high-contrast{color:#1a202c;font-weight:500}.social-medium-contrast{color:#2d3748;font-weight:400}.social-low-contrast{color:#718096;font-weight:400}@media (max-width:640px){.social-heading{font-size:1.5rem;line-height:1.3}.social-readable{max-width:100%;font-size:.95rem}.social-text-responsive-lg{font-size:1rem;line-height:1.5}.social-text-responsive-xl{font-size:1.125rem;line-height:1.4}}@media (min-width:768px){.social-container{max-width:42rem;margin:0 auto}.social-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.social-text-responsive-lg{font-size:1.125rem;line-height:1.6}.social-text-responsive-xl{font-size:1.25rem;line-height:1.5}}.social-text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-background-clip:text;background-clip:text;font-weight:600}.social-text-shadow{text-shadow:0 2px 4px #e5e5e5}.social-text-glow{text-shadow:0 0 10px #c5cdf5}.social-text-fade-in{animation:.6s ease-out socialTextFadeIn}.social-text-slide-up{animation:.5s ease-out socialTextSlideUp}@keyframes socialTextFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes socialTextSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-text-interactive{cursor:pointer;transition:all .2s}.social-text-interactive:hover{text-shadow:0 2px 8px #c5cdf5;transform:translateY(-1px)}::selection{color:#2d3748;background:#e0e7ff}