@keyframes rainbow-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(120deg,#ff5f6d,#ffc371,#47cf73,#36d1dc,#b06ab3,#ff5f6d);background-size:400% 400%;animation:rainbow-bg 12s ease infinite;font-family:Fredoka,system-ui,sans-serif;color:#2b1055}main{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero{text-align:center;animation:wobble 4s ease-in-out infinite;margin-bottom:2rem}.hero h1{font-family:Bungee,cursive;font-size:clamp(2.2rem,8vw,4rem);color:#fff;text-shadow:3px 3px 0 #ff2e93,6px 6px 0 #2b1055;margin:0;letter-spacing:1px}.hero p{font-size:1.2rem;font-weight:600;color:#fff;text-shadow:1px 1px 0 #2b1055}.posts-heading{text-align:center;font-family:Bungee,cursive;font-size:1.8rem;color:#fff;text-shadow:2px 2px 0 #2b1055;margin-bottom:1.5rem}.status-message{text-align:center;background:#fff;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px #2b1055;max-width:fit-content;margin:0 auto}.post-card{background:#fff;border-radius:24px;padding:1.5rem 1.75rem;margin-bottom:1.75rem;box-shadow:0 6px #2b1055;border:4px solid #2b1055;animation:pop-in .5s ease backwards;transition:transform .2s ease,box-shadow .2s ease}.post-card:nth-child(odd){transform:rotate(-1.5deg)}.post-card:nth-child(2n){transform:rotate(1.5deg)}.post-card:hover{transform:scale(1.03) rotate(0);box-shadow:0 10px #ff2e93}.post-card h3{font-family:Bungee,cursive;font-size:1.3rem;color:#ff2e93;margin-top:0}.post-card img{max-width:100%;border-radius:16px;border:3px solid #2b1055;margin-bottom:.75rem}.post-card .post-content{line-height:1.5}