@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Comic+Neue:ital,wght@0,400;0,700;1,700&family=Gochi+Hand&display=swap');
@keyframes wobble{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes rainbow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
@keyframes pop{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.05) rotate(1deg)}}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-7px) rotate(1.5deg)}}
@keyframes jiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes sparkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}
body{margin:0;padding:0;color:#5a2a55;min-height:100vh;
  font-family:'Comic Neue','Comic Sans MS',cursive;
  background:#fff0f7;
  background-image:radial-gradient(circle at 50% 50%,#ffd1ec 14%,transparent 15%),radial-gradient(circle at 50% 50%,#d1f0ff 14%,transparent 15%),linear-gradient(135deg,#fff0f7,#e9f6ff 50%,#f3eaff);
  background-size:46px 46px,46px 46px,100% 100%;background-position:0 0,23px 23px,0 0}
a{color:inherit;text-decoration:none}
.masthead{background:linear-gradient(90deg,#ff9ed8,#a99cff,#9be7ff,#b0ffce,#ffe28a,#ff9ed8);background-size:300% 100%;animation:rainbow 8s linear infinite;padding:18px 0;text-align:center;border-bottom:7px dotted #fff;box-shadow:0 8px 0 #ffd1ec,0 9px 24px rgba(255,120,200,.5)}
.masthead-logo{font-family:'Baloo 2','Comic Sans MS',cursive;font-size:52px;font-weight:800;color:#fff;
  text-shadow:0 0 8px #fff,3px 3px 0 #ff7ec8,6px 6px 0 #7fd6ff,-2px -2px 0 #ffe066;
  letter-spacing:2px;display:inline-block;animation:bounce 1.3s ease-in-out infinite}
.masthead-logo::before{content:"🌈 "}.masthead-logo::after{content:" ✨"}
.masthead-sub{font-family:'Gochi Hand',cursive;font-size:15px;color:#fff;letter-spacing:.15em;margin-top:6px;text-shadow:1px 1px 0 #ff7ec8}
.masthead-sub::before{content:"｡･:*˚ "}.masthead-sub::after{content:" ˚*:･｡"}
.ticker{background:repeating-linear-gradient(45deg,#ffd1ec,#ffd1ec 14px,#d1f0ff 14px,#d1f0ff 28px);color:#c0397f;font-family:'Gochi Hand',cursive;font-size:15px;font-weight:700;padding:7px 0;text-align:center;letter-spacing:.08em;border-bottom:4px dashed #ff8fc7;animation:wobble 5s ease-in-out infinite}
.subnav{background:#fff6fb;padding:11px 0;text-align:center;border-bottom:4px dotted #ffb3da}
.subnav a{display:inline-block;color:#fff;background:linear-gradient(180deg,#ffa6da,#ff7ec8);font-family:'Baloo 2',cursive;font-size:13px;font-weight:700;margin:3px 5px;padding:5px 14px;border-radius:999px;box-shadow:0 3px 0 #e25fa6;text-transform:lowercase}
.subnav a:hover{animation:jiggle .4s ease-in-out infinite}
.subnav a.active{background:linear-gradient(180deg,#9be7ff,#5cc8ff);box-shadow:0 3px 0 #3aa0e0}
.article-outer{max-width:800px;margin:30px auto;padding:0 16px}
.article-box{position:relative;background:linear-gradient(180deg,#ffffff,#fff5fb);border:5px solid #ffb3da;
  border-radius:46px 70px 46px 70px/70px 46px 70px 46px;
  box-shadow:0 0 0 8px #fff,0 0 0 14px #ffe1f0,12px 14px 0 #ffd1ec,-12px 14px 0 #d6ecff,0 22px 44px rgba(255,140,200,.4);
  padding:34px 38px 46px;animation:wobble 7s ease-in-out infinite}
.article-box::before{content:"🧸💖🌸🦄✨🍓";position:absolute;top:-26px;left:24px;font-size:26px;letter-spacing:6px;animation:bounce 2.4s ease-in-out infinite}
.article-box::after{content:"🌷🍭⭐️🩷🫧🌈";position:absolute;bottom:-24px;right:24px;font-size:24px;letter-spacing:6px;animation:float 5s ease-in-out infinite}
.kicker{font-family:'Gochi Hand',cursive;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(90deg,#ff7ec8,#a99cff);display:inline-block;padding:5px 16px;margin-bottom:16px;border-radius:999px;transform:rotate(-3deg);box-shadow:0 3px 0 #c75fa0;animation:jiggle 2.5s ease-in-out infinite}
.kicker::before{content:"🎀 "}.kicker::after{content:" 🎀"}
.article-box h1{font-family:'Gochi Hand','Comic Sans MS',cursive;font-size:42px;font-weight:700;color:#ff5fb0;line-height:1.16;margin:10px 0 12px;
  text-shadow:2px 2px 0 #ffe066,4px 4px 0 #7fd6ff,-2px 2px 0 #b0ffce;animation:pop 2.6s ease-in-out infinite}
.article-box h1::after{content:" 💞✨";animation:sparkle 1.4s ease-in-out infinite}
.article-box .sub{font-family:'Comic Neue',cursive;font-size:19px;color:#c0397f;font-style:italic;font-weight:700;border:3px dashed #ff8fc7;border-radius:24px;padding:12px 18px;margin:0 0 16px;background:#fff0f7}
.article-box .sub::before{content:"💌 "}
.article-box .byline{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#a99cff,#9be7ff);color:#fff;font-family:'Baloo 2',cursive;font-size:14px;padding:9px 16px;margin:0 0 18px;border-radius:999px;box-shadow:0 3px 0 #8a7de0}
.article-box .byline::before{content:"🐰💕"}
.article-box figure{margin:0 0 20px}.article-box img{width:100%;height:auto;display:block;border:8px solid #fff;border-radius:32px;box-shadow:0 0 0 6px #ffb3da,0 10px 24px rgba(255,140,200,.5);animation:float 4.5s ease-in-out infinite}
.article-box figcaption{font-family:'Gochi Hand',cursive;font-size:13px;color:#a06; text-align:center;padding:8px 6px}
.article-box figcaption::before{content:"📸💫 "}
.article-box p{padding:12px 16px;margin:14px 0;font-family:'Comic Neue','Comic Sans MS',cursive;font-size:18px;line-height:1.75;color:#5a2a55;border-radius:20px 24px 22px 26px;box-shadow:0 4px 0 rgba(255,140,200,.25)}
.article-box p:nth-of-type(6n+1){background:#ffe0f0;border:3px solid #ff8fc7;transform:rotate(-1.4deg)}
.article-box p:nth-of-type(6n+1)::before{content:"🌸 "}
.article-box p:nth-of-type(6n+2){background:#e0f7ff;border:3px solid #7fd6ff;transform:rotate(1.2deg)}
.article-box p:nth-of-type(6n+2)::before{content:"🍬 "}
.article-box p:nth-of-type(6n+3){background:#fff3d6;border:3px solid #ffcf4d;transform:rotate(-0.8deg)}
.article-box p:nth-of-type(6n+3)::before{content:"⭐️ "}
.article-box p:nth-of-type(6n+4){background:#e8ffe0;border:3px solid #8fe08f;transform:rotate(1.6deg)}
.article-box p:nth-of-type(6n+4)::before{content:"🍭 "}
.article-box p:nth-of-type(6n+5){background:#f3e0ff;border:3px solid #c98fff;transform:rotate(-1.1deg)}
.article-box p:nth-of-type(6n+5)::before{content:"💜 "}
.article-box p:nth-of-type(6n+6){background:#ffe0e6;border:3px solid #ff9bb0;transform:rotate(0.9deg)}
.article-box p:nth-of-type(6n+6)::before{content:"🎀 "}
.related{margin-top:28px;border-top:4px dotted #ffb3da;padding-top:16px}
.related h3{font-family:'Baloo 2',cursive;font-size:18px;color:#ff5fb0;margin:0 0 10px}
.related h3::before{content:"🌟 "}.related h3::after{content:" 🌟"}
.related ul{margin:0;padding-left:6px;list-style:none}
.related li{margin:6px 0}.related li::before{content:"💗 "}
.related a{font-family:'Comic Neue',cursive;font-size:15px;font-weight:700;color:#a99cff}
.site-footer{background:linear-gradient(180deg,#fff0f7,#ffe1f0);color:#c0397f;text-align:center;padding:30px 16px;margin-top:42px;border-top:6px dotted #ff8fc7;border-radius:60px 60px 0 0/30px 30px 0 0}
.footer-logo{font-family:'Baloo 2',cursive;font-size:34px;font-weight:800;color:#ff7ec8;text-shadow:2px 2px 0 #ffe066,4px 4px 0 #9be7ff;display:block;margin-bottom:10px;animation:bounce 1.8s ease-in-out infinite}
.footer-logo::before{content:"🧁 "}.footer-logo::after{content:" 🧁"}
.site-footer nav a{display:inline-block;color:#fff;background:#ffa6da;font-family:'Baloo 2',cursive;font-size:12px;margin:4px;padding:4px 12px;border-radius:999px;box-shadow:0 2px 0 #e25fa6}
.copy{font-family:'Gochi Hand',cursive;font-size:13px;color:#c79;margin-top:12px}
.copy::before{content:"꒰ ⑅ᵕ⌔ᵕ⑅꒱ "}