:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#5c3d55;--muted:#8d6478;--gold:#f6c445;--line:#f3e0ea;color:var(--ink);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px;line-height:1.35}*{box-sizing:border-box}body{background:linear-gradient(#fff7fb 0%,#fff8f3 100%);min-height:100dvh;margin:0}button,input{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:40px;padding:4px 12px;font-size:13px;display:flex}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}button .zh,button .en{font-size:13px;font-weight:600;line-height:1.15}button .en{color:var(--muted);font-weight:500}.app{width:min(360px,100%);min-height:100dvh;padding:calc(36px + env(safe-area-inset-top)) 24px calc(48px + env(safe-area-inset-bottom));margin:0 auto}.top{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.soundbar{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.soundbar button[aria-pressed=true]{background:#fff6dc}.title-block{text-align:center}.title-block h1,h2{margin:0;font-size:16px;font-weight:600;line-height:1.3}h1 .zh,h2 .zh{font-size:16px;font-weight:600;display:block}h1 .en,h2 .en{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.bi{flex-direction:column;align-items:center;gap:0;display:flex}.line{flex-direction:column;gap:2px;margin:0;display:flex}.line .zh{font-size:13px;font-weight:600}.line .en{color:var(--muted);font-size:13px;font-weight:500}.hint,.hint .zh,.hint .en{color:var(--muted);font-size:12px;font-weight:500}.xp-bar{background:#ffe4f1;border-radius:99px;height:4px;overflow:hidden}.xp-bar span{background:linear-gradient(90deg, #ffb7d5, var(--gold));height:100%;display:block}.stack{flex-direction:column;gap:32px;display:flex}.shops,.choices,.step{flex-direction:column;gap:12px;display:flex}.shop-btn.pizza{background:#fffaf3}.shop-btn.nail{background:#fff7fb}.shop-btn.hair{background:#fbf8ff}.shop-btn.beauty{background:#f7fffb}.shop-btn.on{border-color:var(--gold)}.back{background:0 0;align-self:flex-start;width:auto;min-width:88px}.go{background:#ffe8f2;border-color:#f6d98a}.choice{text-align:center}.hint-choice{box-shadow:0 0 0 1px var(--gold)}.picked{background:#fff8e6}.swatch{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:0 0 0 1px #f6d98a}.read-wrap{flex-direction:column;gap:8px;display:flex}.oven{background:#ffe4f1;border-radius:99px;height:4px;overflow:hidden}.oven span{background:linear-gradient(90deg, #ffb7d5, var(--gold));width:8%;height:100%;animation-name:bake;animation-timing-function:linear;animation-fill-mode:forwards;display:block}@keyframes bake{to{width:100%}}.list{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 0;display:flex}.row .bi{align-items:flex-start}.row button{width:auto;min-width:96px}.plot{flex-direction:column;gap:8px;padding:8px 0;display:flex}.shop-screen{flex-direction:column;gap:10px;display:flex}.menu-strip{flex-direction:column;gap:2px;font-size:12px;display:flex}.guest-row{flex-direction:column;align-items:center;gap:6px;display:flex}.portrait{width:120px;height:140px;position:relative}.portrait .character{width:120px;height:140px;display:block}.portrait.rinsing:after,.drops:before,.drops:after{content:"";background:#b9e7ff;border-radius:50%;width:6px;height:6px;animation:.8s ease-in infinite drop;position:absolute}.portrait.rinsing:after{top:20px;left:18px}.bubble,.card{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:8px 10px}.bubble .zh,.bubble .en,.aside .zh,.aside .en{font-size:13px}.aside{width:100%;margin:0}.counter{background:linear-gradient(#fffdf8,#ffe7c2);border:1px solid #f6d98a;border-radius:16px;width:100%;padding:8px}.counter.in-oven{box-shadow:inset 0 0 0 8px #ffb07a,0 0 18px #ff8a4a}.counter.hand-off{animation:.6s ease-out hand-off}.plate{width:140px;height:140px;margin:0 auto;display:block}.dough-set,.sauce-spread{transform-box:fill-box;transform-origin:50%}.dough-set{animation:.45s ease-out dough-set}.sauce-spread{animation:.65s ease-out sauce-spread}.top-fall{animation:.55s ease-in top-fall}.slice-draw line{stroke-dasharray:40;stroke-dashoffset:40px;animation:.45s ease-out forwards slice-draw}.step-row{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.step-row li{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;padding:4px 8px;display:flex}.step-row li.now{background:#fff3c4}.step-row li.did{background:#e8fff1}.step-row .zh{font-size:13px;font-weight:600}.step-row .en{color:var(--muted);font-size:12px}.card{flex-direction:column;gap:8px;display:flex}.big{background:#fff6dc}.quiet{color:var(--muted);font-size:12px}.banner{margin:0;font-size:12px}.row-actions{flex-direction:column;gap:8px;display:flex}.nails{justify-content:center;gap:6px;min-height:64px;padding-top:16px;display:flex;position:relative}.nails.closeup{animation:.45s ease-out forwards closeup}.nail{background:#ffe4ef;border:1px solid #f3c2d4;border-radius:12px 12px 14px 14px;width:28px;height:36px;position:relative}.nail.painted{animation:.7s ease-out nail-fill}.brush{z-index:2;background:#c47a4a;border-radius:2px 2px 6px 6px;width:8px;height:22px;animation:.8s ease-in-out infinite brush-sweep;position:absolute;top:0;left:8px}.brush:after{content:"";background:#ff8fb8;border-radius:4px;width:12px;height:5px;position:absolute;bottom:-4px;left:-2px}.sticker,.pearl,.mini-bow,.gem{font-size:12px;font-style:normal;line-height:1;position:absolute;top:8px;left:6px}.pearl{background:#fffaf3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #f3e0ea}.mini-bow{background:#ff7eae;border-radius:4px;width:10px;height:6px}.gem{background:#b9ecff;width:8px;height:8px;transform:rotate(45deg)}.sticker.fly,.charm-bit{animation:.7s ease-out sticker-fly}.tool{width:48px;height:28px;position:absolute;top:42px;right:-6px}.tool.scissors{animation:.35s ease-in-out infinite snip-tool}.tool.comb{animation:.8s ease-in-out infinite comb-move}.snipping .hair-shape{transform-origin:60px 48px;animation:.35s ease-in-out infinite snip}.mask-on,.cream-wipe{transform-box:fill-box;transform-origin:50%}.mask-on{animation:.6s ease-out mask-on}.cream-wipe{animation:.7s ease-out cream-wipe}.drops{pointer-events:none;position:absolute;inset:0}.drops:before{top:0;left:18px}.drops:after{animation-delay:.2s;top:6px;right:22px}@keyframes drop{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@keyframes brush-sweep{0%{left:4px}to{left:78%}}@keyframes nail-fill{0%{filter:brightness(1.35)}to{filter:none}}@keyframes sticker-fly{0%{opacity:0;transform:translate(-18px,-24px)scale(1.5)}to{opacity:1;transform:none}}@keyframes dough-set{0%{transform:scale(.72)}to{transform:scale(1)}}@keyframes sauce-spread{0%{transform:scale(.15)}to{transform:scale(1)}}@keyframes top-fall{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@keyframes slice-draw{to{stroke-dashoffset:0}}@keyframes hand-off{to{transform:translateY(-8px)scale(.94)}}@keyframes closeup{to{transform:scale(1.12)}}@keyframes snip-tool{50%{transform:rotate(-14deg)}}@keyframes comb-move{50%{transform:translate(-10px)}}@keyframes snip{50%{transform:scaleY(.9)}}@keyframes mask-on{0%{opacity:0;transform:translateY(-16px)}to{opacity:.85;transform:none}}@keyframes cream-wipe{0%{opacity:0;transform:translate(-14px)}to{opacity:.9;transform:none}}@media (prefers-reduced-motion:reduce){.oven span{width:100%;animation:none}.brush,.sticker.fly,.charm-bit,.dough-set,.sauce-spread,.top-fall,.slice-draw line,.tool,.snipping .hair-shape,.mask-on,.cream-wipe,.nails.closeup,.counter.hand-off,.portrait.rinsing:after,.drops:before,.drops:after,.nail.painted{animation:none}}