:root{--cream: #f3ebdd;--wood: #3b2a1a;--wood-2: #6b4a2b;--ink: #2b2117;--ink-dim: #7a6a58;--sans: "Noto Sans TC", "PingFang TC", system-ui, sans-serif;--serif: "Fraunces", "Noto Sans TC", serif}*{box-sizing:border-box}html{background:#e9dfcf}html,body{margin:0;height:100%;color:var(--ink);font-family:var(--sans);overflow:hidden}button{font:inherit;color:inherit}#app{position:fixed;top:0;right:0;bottom:0;left:0}.stage{position:absolute;left:50%;top:50%;transform-origin:center;overflow:hidden;-webkit-user-select:none;user-select:none;background:var(--cream)}.bar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.bear{position:absolute;left:50%;bottom:300px;width:420px;height:520px;transform:translate(-50%)}.bear img{position:absolute;left:50%;bottom:0;height:100%;width:auto;transform:translate(-50%);opacity:0;transition:opacity .2s ease;filter:drop-shadow(0 12px 24px rgba(60,40,20,.25))}.bear img.on{opacity:1}.counter-front{position:absolute;left:0;right:0;top:448px;bottom:0;background:url(/art/bar.webp) 0 -448px / 1376px 768px no-repeat;pointer-events:none}.cup{position:absolute;left:50%;top:380px;width:200px;height:200px;transform:translate(-50%);opacity:0;pointer-events:none;transition:left .6s cubic-bezier(.2,.8,.2,1)}.stage.has-result .cup{left:16%;top:350px;width:200px;height:200px}.cup img{position:absolute;left:50%;bottom:0;height:100%;width:auto;transform:translate(-50%);filter:drop-shadow(0 10px 18px rgba(60,40,20,.35))}.steam{position:absolute;left:50%;top:-6px;width:60px;height:60px;transform:translate(-50%);opacity:0}.cup.hot .steam{opacity:1}.steam i{position:absolute;bottom:0;width:10px;height:34px;border-radius:10px;background:#ffffff8c;filter:blur(4px);animation:steam 2.4s ease-in-out infinite}.steam i:nth-child(1){left:12px;animation-delay:0s}.steam i:nth-child(2){left:26px;animation-delay:.8s}.steam i:nth-child(3){left:40px;animation-delay:1.6s}@keyframes steam{0%{transform:translateY(0) scaleX(1);opacity:0}30%{opacity:.8}to{transform:translateY(-46px) scaleX(1.6);opacity:0}}.bubble{position:absolute;left:56%;top:130px;max-width:420px;padding:18px 22px;border-radius:20px 20px 20px 4px;background:#fffaf1;border:2px solid var(--wood-2);box-shadow:0 10px 30px #3c28142e;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}.bubble.show{opacity:1;transform:translateY(0)}.bubble-text{font-size:22px;line-height:1.6;min-height:1.6em;white-space:pre-wrap}.options{position:absolute;left:50%;top:470px;transform:translate(-50%);display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:900px}.options button{border:2px solid var(--wood-2);background:#fffaf1;border-radius:999px;padding:12px 26px;font-size:20px;cursor:pointer;box-shadow:0 6px 16px #3c281433;transition:transform .12s,background .12s}.options button:hover{transform:translateY(-3px);background:#fff}.top{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.brand{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--wood);letter-spacing:.06em}.corners{display:flex;gap:8px}.corners button{border:1.5px solid rgba(59,42,26,.35);background:#fffaf1cc;border-radius:999px;padding:7px 14px;font-size:14px;cursor:pointer}.corners button:hover{background:#fff;border-color:var(--wood-2)}.result{position:absolute;right:40px;bottom:26px;width:900px;max-height:480px;overflow:auto;padding:26px 32px;border-radius:18px;background:#fffaf1f5;border:2px solid var(--wood-2);box-shadow:0 24px 60px #3c281459}.result.hidden{display:none}.r-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.r-you{font-size:18px;color:var(--ink-dim)}.r-head h1{margin:0;font-size:44px;font-weight:700;color:var(--wood)}.r-head h1 span{font-size:22px;font-weight:400;color:var(--ink-dim);margin-left:4px}.r-drink{margin-left:auto;font-family:var(--serif);color:var(--wood-2);font-size:18px}.r-traits{display:flex;gap:8px;list-style:none;padding:0;margin:12px 0 10px;flex-wrap:wrap}.r-traits li{padding:5px 12px;border-radius:999px;background:#efe3cf;font-size:14px;color:var(--wood)}.r-read{font-size:17px;line-height:1.8;margin:0 0 14px}.r-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.r-grid div{padding:12px 14px;border-radius:12px;background:#f6efe2;font-size:14px;line-height:1.6;display:flex;flex-direction:column;gap:4px}.r-grid b{color:var(--wood-2);font-size:12px;letter-spacing:.1em}.r-actions{display:flex;gap:10px;margin-top:16px}.r-actions button,.btn{border:2px solid var(--wood-2);background:var(--wood-2);color:#fff;border-radius:999px;padding:10px 20px;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block}.r-actions .ghost,button.ghost{background:transparent;color:var(--wood-2)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2b21178c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;transition:opacity .25s}.modal.hidden{opacity:0;pointer-events:none}.modal-card{width:min(680px,92%);max-height:88%;overflow:auto;padding:28px 32px;border-radius:18px;background:#fffaf1;border:2px solid var(--wood-2)}.modal-card h2{margin:0 0 6px;font-size:26px;color:var(--wood)}.modal-card .sub{color:var(--ink-dim);margin:0 0 14px}.modal-card p{line-height:1.8}.beans,.menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.beans li{padding:12px 14px;border-radius:12px;background:#f6efe2;display:grid;gap:2px}.beans small,.menu small{color:var(--ink-dim)}.beans span,.menu span{font-size:15px;line-height:1.6;margin-top:4px}.menu li{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:center;padding:10px 14px;border-radius:12px;background:#f6efe2}.menu img{width:84px;height:84px;object-fit:contain}.menu li div{display:grid;gap:2px}.share-img{width:100%;max-width:360px;border-radius:8px;box-shadow:0 16px 40px #3c28144d;display:block;margin:0 auto}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 0}.close{margin-top:16px;border:1.5px solid rgba(59,42,26,.35);border-radius:999px;padding:8px 16px;cursor:pointer}