.ex-kawaii{--g-head:ui-rounded,var(--g-font);--g-hw:800;--g-ht:-.02em;--g-hl:1;--g-r:32px;--g-btn-r:99px;--g-bw:0px;--g-card:color-mix(in srgb,#fff 70%,var(--gp));--g-sh:0 6px 0 color-mix(in srgb,var(--ga) 22%,transparent);--g-btn-sh:0 5px 0 color-mix(in srgb,var(--ga) 60%,#000 10%);--face:#3a2a33;--pink:color-mix(in srgb,#ffb3cc 80%,var(--gp));--mint:color-mix(in srgb,#b8ecd0 80%,var(--gp));--lilac:color-mix(in srgb,#d4c2ff 80%,var(--gp));--sun:color-mix(in srgb,#ffe08a 85%,var(--gp))}.ex-kawaii:has(.ex-dark:checked){--g-card:color-mix(in srgb,#fff 7%,var(--gp))}.g-kawaii{font-family:ui-rounded,var(--g-font)}.g-kawaii .g-btn{font-weight:800}.g-kawaii .g-kick{font:800 14px ui-rounded,var(--g-font);letter-spacing:.06em;text-transform:none;color:var(--gat)}.g-kawaii .g-kick:before{content:"\2726  "}.mp-logo{display:inline-flex;align-items:center;gap:10px;font:800 24px ui-rounded,var(--g-font)}.mp-logo i{width:28px;height:24px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 36% 50%,var(--face) 0 7%,transparent 8%),radial-gradient(circle at 64% 50%,var(--face) 0 7%,transparent 8%),var(--pink);box-shadow:inset 0 -3px 0 rgb(0 0 0/.08)}.mp-hero{padding:72px 0 96px;overflow:hidden}.mp-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.mp-hero h1{font-size:clamp(56px,7.6vw,116px)}.mp-hero h1 em{display:block;font-style:normal;color:var(--gat)}.mp-friends{position:relative;aspect-ratio:1.1}.mp-friends>i,.mp-friends>span{position:absolute;display:block}.mp-cup,.mp-mochi,.mp-tile{--c:var(--pink)}.mp-mochi{border-radius:50% 50% 44% 44%/56% 56% 44% 44%;background:radial-gradient(circle at 34% 26%,rgb(255 255 255/.7) 0 8%,transparent 20%),var(--c);box-shadow:inset 0 -14px 0 rgb(0 0 0/.06),0 14px 0 -6px rgb(0 0 0/.08)}.mp-mochi.big{left:4%;top:30%;width:50%;aspect-ratio:1.15}.mp-mochi.small{left:38%;top:66%;width:26%;aspect-ratio:1.2;--c:var(--mint)}.mp-cup{right:6%;top:10%;width:34%;height:66%;border-radius:16px 16px 40px 40px;background:linear-gradient(transparent 70%,color-mix(in srgb,var(--face) 85%,transparent) 70%),var(--lilac);box-shadow:inset 0 -10px 0 rgb(0 0 0/.06)}.mp-cup .lid{left:-8%;right:-8%;top:-6%;height:12%;border-radius:99px;background:color-mix(in srgb,#fff 70%,var(--lilac))}.mp-cup .straw{left:54%;top:-30%;width:10%;height:30%;border-radius:6px 6px 0 0;background:var(--ga);rotate:10deg}.mp-cup .pearls{left:12%;right:12%;bottom:6%;height:20%;background:radial-gradient(circle,color-mix(in srgb,var(--face) 60%,#000) 0 40%,transparent 44%) 0 0 /22% 50%}[class*=" mp-"] .eye,[class^=mp-] .eye{position:absolute;top:42%;width:9%;aspect-ratio:1;border-radius:50%;background:var(--face);box-shadow:inset 2px 2px 0 0 rgb(255 255 255/.9)}.mp-cup .eye{top:30%;width:13%}.eye.l{left:30%}.eye.r{right:30%}[class*=" mp-"] .mouth,[class^=mp-] .mouth{position:absolute;left:44%;top:54%;width:12%;height:8%;border:3px solid var(--face);border-top:0;border-radius:0 0 99px 99px}.mp-cup .mouth{top:42%;left:42%;width:16%}[class*=" mp-"] .blush,[class^=mp-] .blush{position:absolute;top:54%;width:12%;height:7%;border-radius:50%;background:color-mix(in srgb,#ff6f9c 55%,transparent)}.blush.l{left:16%}.blush.r{right:16%}.mp-friends .spark{width:30px;aspect-ratio:1;background:var(--sun);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}.mp-friends .s1{left:8%;top:8%}.mp-friends .s2{left:56%;top:4%;width:20px;background:var(--ga)}.mp-friends .s3{right:2%;bottom:10%;width:40px}.mp-friends .heart{left:26%;top:14%;width:34px;aspect-ratio:1;background:var(--ga);clip-path:path("M17 30 C 4 21 0 13 4 7 C 8 1 15 3 17 9 C 19 3 26 1 30 7 C 34 13 30 21 17 30 Z")}@media (prefers-reduced-motion:no-preference){.mp-cup,.mp-mochi{animation:mp-squish 2.4s ease-in-out infinite;transform-origin:bottom}.mp-cup{animation-delay:-.8s}.mp-mochi.small{animation-delay:-1.6s}.mp-friends .heart,.mp-friends .spark{animation:mp-pop 1.8s ease-in-out infinite alternate}}@keyframes mp-squish{50%{scale:1.04 .95}}@keyframes mp-pop{to{scale:.7;rotate:20deg}}.mp-menu h2{font-size:clamp(40px,5vw,72px);margin-bottom:40px!important}.mp-menu ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.mp-menu li{display:grid;gap:6px;padding:18px 18px 22px;border-radius:var(--g-r);background:var(--g-card);box-shadow:var(--g-sh);text-align:center;justify-items:center}.mp-menu h3{margin-top:8px;font-size:21px}.mp-menu p{color:var(--gk2);font-size:15px}.mp-menu b{margin-top:4px;padding:4px 14px;border-radius:99px;background:color-mix(in srgb,var(--ga) 14%,transparent)}.mp-tile{position:relative;display:block;width:76%;aspect-ratio:1.1;border-radius:50% 50% 44% 44%/56% 56% 44% 44%;background:radial-gradient(circle at 34% 26%,rgb(255 255 255/.7) 0 8%,transparent 20%),var(--c);box-shadow:inset 0 -10px 0 rgb(0 0 0/.06)}.mp-tile.m2{--c:var(--mint)}.mp-tile.m3{--c:var(--lilac)}.mp-tile.m3,.mp-tile.m4{border-radius:18px 18px 40px 40px}.mp-tile.m4{--c:var(--sun)}.mp-tile.sleepy .eye,.mp-tile.wink .eye.r{height:3px;aspect-ratio:auto;border-radius:3px;box-shadow:none;top:46%}.mp-band{padding:26px 0;background:var(--ga);color:var(--ga-on)}.mp-band ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;text-align:center;font-weight:700}.mp-band b{display:block;font-size:clamp(32px,4vw,54px);font-weight:800}@media (max-width:1000px){.mp-hero-in{grid-template-columns:minmax(0,1fr)}.mp-friends{max-width:460px}.mp-menu ul{grid-template-columns:1fr 1fr}}@media (max-width:640px){.mp-band ul{grid-template-columns:1fr 1fr}.mp-menu ul{gap:14px}}