/* MiKO BL decorative background layer — 2026-09-20 */
body.home .miko-y-dream-decor{
  position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;
}
body.home .miko-y-decor-heart{
  position:absolute;width:22px;height:22px;border-radius:7px 5px 7px 4px;
  background:linear-gradient(145deg,rgba(109,178,255,.22),rgba(135,126,255,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 22px rgba(49,112,207,.06);
  transform:rotate(45deg);opacity:.52;animation:mikoYFloatHeart 7.8s ease-in-out infinite;
}
body.home .miko-y-decor-heart:before,
body.home .miko-y-decor-heart:after{
  content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:inherit;
}
body.home .miko-y-decor-heart:before{left:-11px;top:0}
body.home .miko-y-decor-heart:after{left:0;top:-11px}
body.home .miko-y-decor-heart.heart-a{left:1.8%;top:20%;animation-delay:-1.5s}
body.home .miko-y-decor-heart.heart-b{right:2%;top:57%;transform:rotate(45deg) scale(.72);opacity:.40;animation-delay:-4s}
body.home .miko-y-decor-heart.heart-c{left:5%;bottom:5%;transform:rotate(45deg) scale(.55);opacity:.32;animation-delay:-2.5s}

body.home .miko-y-decor-film{
  position:absolute;width:250px;height:54px;border:1px solid rgba(76,142,236,.10);border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(82,158,244,.025));
  box-shadow:0 12px 30px rgba(54,112,195,.03);opacity:.36;
}
body.home .miko-y-decor-film:before,
body.home .miko-y-decor-film:after{
  content:"";position:absolute;left:8px;right:8px;height:7px;
  background:repeating-linear-gradient(90deg,rgba(79,146,235,.13) 0 9px,transparent 9px 18px);
}
body.home .miko-y-decor-film:before{top:5px}
body.home .miko-y-decor-film:after{bottom:5px}
body.home .miko-y-decor-film.film-a{left:-105px;bottom:12%;transform:rotate(-17deg);animation:mikoYFilmA 14s ease-in-out infinite}
body.home .miko-y-decor-film.film-b{right:-105px;top:13%;transform:rotate(18deg);opacity:.28;animation:mikoYFilmB 16s ease-in-out infinite}

body.home .miko-y-decor-bubble{
  position:absolute;border-radius:50%;
  background:radial-gradient(circle at 32% 27%,rgba(255,255,255,.95) 0 10%,rgba(118,204,255,.18) 31%,rgba(95,139,255,.07) 58%,transparent 74%);
  border:1px solid rgba(255,255,255,.66);box-shadow:0 10px 26px rgba(64,135,224,.05);
  animation:mikoYBubble 8.5s ease-in-out infinite;
}
body.home .miko-y-decor-bubble.bubble-a{width:72px;height:72px;right:7%;top:2.5%;opacity:.56}
body.home .miko-y-decor-bubble.bubble-b{width:44px;height:44px;left:35%;bottom:1.5%;opacity:.34;animation-delay:-3s}

body.home .miko-y-decor-spark{
  position:absolute;width:7px;height:7px;border-radius:2px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(89,183,255,.62));
  box-shadow:0 0 14px rgba(67,169,255,.25);transform:rotate(45deg);
  animation:mikoYSpark 3.8s ease-in-out infinite;
}
body.home .miko-y-decor-spark.spark-a{left:11%;top:8%;animation-delay:-.8s}
body.home .miko-y-decor-spark.spark-b{right:19%;bottom:8%;width:6px;height:6px;animation-delay:-2s}
body.home .miko-y-decor-spark.spark-c{left:53%;top:3.5%;width:5px;height:5px;animation-delay:-1.2s}

@keyframes mikoYFloatHeart{0%,100%{margin-top:0}50%{margin-top:-10px}}
@keyframes mikoYFilmA{0%,100%{transform:rotate(-17deg) translate3d(0,0,0)}50%{transform:rotate(-15deg) translate3d(12px,-7px,0)}}
@keyframes mikoYFilmB{0%,100%{transform:rotate(18deg) translate3d(0,0,0)}50%{transform:rotate(16deg) translate3d(-10px,7px,0)}}
@keyframes mikoYBubble{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.03)}}
@keyframes mikoYSpark{0%,100%{transform:rotate(45deg) scale(.7);opacity:.22}50%{transform:rotate(45deg) scale(1.2);opacity:.8}}

@media(max-width:720px){
  body.home .miko-y-dream-decor{opacity:.7}
  body.home .miko-y-decor-film{width:170px;height:44px}
  body.home .miko-y-decor-film.film-a{left:-95px;bottom:8%}
  body.home .miko-y-decor-film.film-b{right:-105px;top:24%;opacity:.18}
  body.home .miko-y-decor-heart.heart-a{left:2%;top:31%;transform:rotate(45deg) scale(.72)}
  body.home .miko-y-decor-heart.heart-b{right:2%;top:70%;transform:rotate(45deg) scale(.55)}
  body.home .miko-y-decor-bubble.bubble-a{width:52px;height:52px;right:2%;top:7%}
  body.home .miko-y-decor-bubble.bubble-b{display:none}
}
@media(max-width:430px){
  body.home .miko-y-decor-film.film-b,
  body.home .miko-y-decor-heart.heart-c{display:none}
  body.home .miko-y-decor-spark.spark-c{left:68%}
}
@media(prefers-reduced-motion:reduce){
  body.home .miko-y-dream-decor *{animation:none!important}
}