: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}@media (prefers-reduced-motion:reduce){.oven span{width:100%;animation:none}}