.skin-switch{display:flex;gap:3px;padding:4px;border:1px solid #dedfd4;background:#edeee7;border-radius:13px}.skin-switch button{border:0;background:none;padding:8px 10px;border-radius:9px;font-size:10px;color:#7c8674;white-space:nowrap;min-height:32px}.skin-switch button.selected{background:#fffefa;color:#254d3f;box-shadow:0 1px 4px #254d3f12}.motion-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;border:1px solid #dedfd4;border-radius:10px;background:#f8f9f1;color:#7c8c6e;padding:8px;font-size:9px;white-space:nowrap}.motion-toggle>span:first-child{font-size:13px}.motion-toggle[aria-pressed=false]{background:transparent;color:#949a8a}.demo-tools{flex-wrap:wrap}@keyframes cute-breathe{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes cute-blink{0%,40%,44%,82%,86%,to{transform:scaleY(1)}42%,84%{transform:scaleY(.08)}}@keyframes cute-wave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(14deg)}}@keyframes cute-steam{0%,to{transform:translateY(1px);opacity:.35}50%{transform:translateY(-4px);opacity:.7}}@keyframes cute-twinkle{0%,to{opacity:.4;transform:scale(.85) rotate(-4deg)}50%{opacity:1;transform:scale(1.07) rotate(5deg)}}@keyframes cute-flower{0%,to{transform:rotate(-8deg)}50%{transform:rotate(12deg)}}@keyframes cute-pop{0%{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes cute-rise{0%{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes cute-sheet{0%{transform:translateY(20px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes cute-ripple{0%{opacity:.8;scale:1}to{opacity:0;scale:12}}@keyframes cute-float-heart{0%{opacity:0;transform:translate(-50%) scale(.5)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),var(--dy)) rotate(var(--rot)) scale(.9)}}@keyframes cute-cart-pop{0%,to{transform:scale(1)}45%{transform:scale(1.23) rotate(-7deg)}}body[data-motion=off] *,body[data-motion=off] *:before,body[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body[data-skin=classic] .cute-particle,body[data-motion=off] .cute-particle{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cute-particle,.cute-flying-cup{display:none!important}}.cute-cafe,.cute-mode-sticker,.cute-product-art{display:none}body[data-skin=cute] .cute-cafe{display:block}.cute-cafe{position:relative;margin:0 13px 2px;padding:16px 11px 10px;background:#fff6dc;border:1.5px solid #dfcba5;border-radius:46% 46% 20px 20px/16px 16px 20px 20px;text-align:center;overflow:hidden;color:#725440;background-image:radial-gradient(#cbb58f36 .75px,transparent .75px);background-size:9px 9px}.cute-paper-note{font-size:7px;letter-spacing:1.6px;font-weight:700;color:#a1815f}.cute-paper-note>span{color:#c38d88;margin-left:3px}.cute-cafe h2{font-family:Quicksand,Be Vietnam Pro,sans-serif;font-weight:700;font-size:25px;line-height:1.14;color:#79573c;margin:8px 0 6px;letter-spacing:-.7px}.cute-cafe-sub{font-size:8px;color:#ad9171}.cute-stage{height:190px;position:relative;isolation:isolate;margin:0 -8px;overflow:hidden}.cute-stage-floor{position:absolute;width:190px;height:19px;border:1px solid #d2ba8d;background:#efdbac66;bottom:12px;left:50%;transform:translate(-50%);border-radius:50%;z-index:-1}.cute-mascot{position:absolute;left:calc(50% - 73px);top:18px;width:146px;height:146px;padding:0;border:0;background:transparent;color:#75523f;cursor:grab;touch-action:none;z-index:3;transform:translate(var(--drag-x,0),var(--drag-y,0));outline-offset:-3px!important;-webkit-tap-highlight-color:transparent}.cute-mascot:active{transform:translate(var(--drag-x,0),var(--drag-y,0))!important}.cute-mascot.is-dragging{cursor:grabbing}.cute-character{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 0 #76553d0b)}.cute-character .cc-body{transform-origin:50% 90%;transform-box:fill-box;animation:cute-breathe 3.6s ease-in-out infinite}.cute-character .cc-eyes{transform-box:fill-box;transform-origin:center;animation:cute-blink 5.2s infinite}.cute-character .cc-pupils{transform:translate(var(--look-x,0),var(--look-y,0));transition:transform .18s ease-out}.cute-character .cc-steam{transform-box:fill-box;animation:cute-steam 2.6s ease-in-out infinite}.cute-mascot:hover .cc-wave-hand,.cute-mascot.cute-wave .cc-wave-hand{transform-origin:25% 80%;transform-box:fill-box;animation:cute-wave .5s ease-in-out 2}.cute-mascot.cute-wave .cc-foot-left{animation:cute-wave .4s ease-in-out 2}.cute-mascot.cute-wave .cc-foot-right{animation:cute-wave .4s ease-in-out .2s 2}.cute-mascot.is-dragging .cc-body{animation:none;transform:rotate(-4deg)}.cute-speech{position:absolute;top:5px;right:6px;background:#fffdf1;border:1px solid #d2b997;border-radius:12px 12px 12px 3px;padding:7px 8px;font-size:7px;line-height:1.5;color:#9b7758;max-width:112px;z-index:5;box-shadow:0 3px #baa0780d}.cute-speech.cute-talk{animation:cute-pop .3s ease-out}.cute-drag-hint{position:absolute;bottom:0;left:0;right:0;font-size:6px;letter-spacing:.4px;color:#b39b79;pointer-events:none}.cute-star{position:absolute;color:#d5a550;font-size:17px;animation:cute-twinkle 3s ease-in-out infinite;pointer-events:none}.cute-star-a{left:54px;top:21px}.cute-star-b{right:55px;top:83px;animation-delay:1s;font-size:21px}.cute-flower{position:absolute;bottom:40px;left:12px;font-size:22px;color:#c68b91;animation:cute-flower 7s ease-in-out infinite}.cute-scene-cup,.cute-scene-bread{position:absolute;display:block;pointer-events:none;width:57px;height:57px;bottom:14px}.cute-scene-cup{right:4px;transform:rotate(8deg)}.cute-scene-bread{left:12px;transform:rotate(-8deg)}.cute-scene-cup svg,.cute-scene-bread svg{width:100%;height:100%}.cute-play-row{display:flex;gap:7px;margin-top:8px;justify-content:center}.cute-play-row button{display:flex;gap:5px;align-items:center;justify-content:center;padding:8px 6px;font-size:8px;font-weight:600;background:#f5e2b8;border:1px solid #d8bd8b;border-radius:20px;color:#947043;min-height:32px}.cute-play-row button:first-child{background:#f5dfe0;border-color:#dfbfc2;color:#a4777d}.cute-play-row b{font-size:8px;font-weight:600;min-width:12px}.cute-play-row button>span:first-child{font-size:12px}.cute-mode-sticker{width:46px;height:46px;align-items:center;justify-content:center}.cute-mode-sticker svg{width:100%;height:100%}body[data-skin=cute] .cute-mode-sticker{display:flex}body[data-skin=cute] .c-home-modes>button>svg{display:none}body[data-skin=cute] .c-home-modes>button{gap:4px;padding:9px 3px 11px;position:relative}body[data-skin=cute] .c-home-modes>button:nth-child(2){background:#e7edda}body[data-skin=cute] .c-home-modes>button:nth-child(3){background:#f4e0dc}.cute-product-art{position:absolute;inset:5px;align-items:center;justify-content:center;pointer-events:none}.cute-product-art svg{width:100%;height:100%;transition:transform .24s cubic-bezier(.3,.9,.4,1.3)}body[data-skin=cute] .cute-product-art{display:flex}body[data-skin=cute] .c-product-image>img{opacity:0}body[data-skin=cute] .c-product-image:hover .cute-product-art svg{transform:translateY(-4px) rotate(-4deg)}body[data-skin=cute] .c-product-image{background:#f0e4c9}body[data-skin=cute] .c-product:nth-child(3n+2) .c-product-image{background:#e5ecd9}body[data-skin=cute] .c-product:nth-child(3n) .c-product-image{background:#f3e0de}body[data-skin=cute] .c-product{animation:cute-rise .32s ease-out both}body[data-skin=cute] .c-product:nth-child(2n){animation-delay:.04s}body[data-skin=cute] .c-sheet,body[data-skin=cute] .m-sheet{animation:cute-sheet .25s ease-out}body[data-skin=cute] .p-dialog[open]{animation:cute-pop .2s ease-out}body[data-skin=cute] .m-card{animation:cute-rise .3s ease-out}body[data-skin=cute] .c-home-member{transition:transform .22s ease,box-shadow .22s}body[data-skin=cute] .c-home-member:hover{transform:translateY(-2px) rotate(-.3deg)}.cute-ripple{position:fixed;width:11px;height:11px;background:#d2b47c2b;border-radius:50%;pointer-events:none;z-index:10000;transform:translate(-50%,-50%);animation:cute-ripple .5s ease-out forwards}.cute-particle{position:fixed;z-index:10000;font-size:19px;color:#c98d9b;pointer-events:none;animation:cute-float-heart 1s ease-out var(--delay) forwards}.cute-particle:nth-of-type(2n){color:#d8b165}.cute-flying-cup{position:fixed;display:block;width:44px;height:44px;z-index:10000;pointer-events:none;filter:drop-shadow(0 3px 3px #9e7c4830)}.cute-flying-cup svg{width:100%;height:100%}.cute-cart-pop{animation:cute-cart-pop .42s ease-out}.cute-sleeping *{animation-play-state:paused!important}