.hh-bt-open{appearance:none;-webkit-appearance:none;display:flex;width:fit-content;align-items:center;gap:7px;margin:14px auto 2px;min-height:44px;padding:0 20px;border:1px solid rgba(47,75,60,.35);border-radius:999px;background:#2f4b3c0d;color:#2f4b3c;font:700 13.5px/1 var(--font-ui, sans-serif);cursor:pointer;transition:background .2s ease,border-color .2s ease}.hh-bt-open:hover{background:#2f4b3c1a;border-color:#2f4b3c80}.hh-bt-open:active{transform:scale(.97)}.hh-bt-open i{font-size:16px}.hh-bt-overlay{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(120% 90% at 50% 0%,#1f2e238c,#0c120eb8);-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);opacity:0;transition:opacity .3s ease}.hh-bt-overlay.is-open{opacity:1}.hh-bt-panel{position:relative;width:100%;max-width:380px;max-height:90vh;max-height:90dvh;overflow-y:auto;background:linear-gradient(165deg,#ffffff2b,#ffffff0f 58%,#ffffff1a);-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35);border:1px solid rgba(255,255,255,.26);border-radius:24px;padding:22px 20px 26px;box-shadow:inset 0 1px #ffffff52,0 24px 60px #0000006b;transform:translateY(16px) scale(.97);transition:transform .42s cubic-bezier(.22,1,.36,1)}.hh-bt-panel:before{content:"";position:absolute;inset:0 18px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(212,178,112,.75),transparent);pointer-events:none}.hh-bt-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 34%,transparent 52%);pointer-events:none}.hh-bt-overlay.is-open .hh-bt-panel{transform:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.hh-bt-panel{background:#1e2a21f5}}.hh-bt-close{position:absolute;top:10px;right:10px;z-index:1;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff1a;color:#f6f0ded9;font-size:15px;cursor:pointer;transition:background .2s ease}.hh-bt-close:hover{background:#fff3}.hh-bt-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding-right:48px}.hh-bt-head h3{margin:0;font:700 16px/1.2 "Noto Serif TC","Noto Serif TC Fallback",serif;color:#f6efdc;letter-spacing:.08em}.hh-bt-tea{margin:3px 0 0;font:500 12px/1.4 var(--font-ui, sans-serif);color:#f6f0de99}.hh-bt-ico{font-size:22px;color:#d4b270}.hh-bt-body{text-align:center;padding-top:6px}.hh-bt-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:4px 0 12px}.hh-bt-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff1f}.hh-bt-dots i.is-done{background:#d4b270bf;box-shadow:none}.hh-bt-dots i.is-cur{background:#f6efdc;transform:scale(1.3);box-shadow:0 0 8px #f6f0de80}.hh-bt-step-label{margin:0 0 2px;font:700 15px/1.3 "Noto Serif TC","Noto Serif TC Fallback",serif;color:#f3ead6;letter-spacing:.06em}.hh-bt-count-row{display:flex;align-items:center;justify-content:center;gap:10px}.hh-bt-count{min-width:148px;font:700 64px/1.1 Cormorant Garamond,"Noto Serif TC","Noto Serif TC Fallback",serif;color:#f8f2e2;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 2px 18px rgba(0,0,0,.3)}.hh-bt-count.is-done{color:#e8c98a;animation:hh-bt-flash .8s ease 2}@keyframes hh-bt-flash{50%{opacity:.25}}.hh-bt-nudge{appearance:none;-webkit-appearance:none;flex:none;min-width:44px;min-height:44px;padding:0 8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff17;color:#f6f0dee6;font:700 13px/1 var(--font-ui, sans-serif);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s ease}.hh-bt-nudge:hover{background:#ffffff2e}.hh-bt-nudge:active{transform:scale(.94)}.hh-bt-nudge:disabled{opacity:.3;pointer-events:none}.hh-bt-flavor{margin:4px 0 0;font:500 12.5px/1.6 var(--font-ui, sans-serif);color:#f6f0dea8}.hh-bt-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.hh-bt-btn{appearance:none;-webkit-appearance:none;min-height:46px;min-width:46px;padding:0 22px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff17;color:#f6f0deeb;font:700 14px/1 var(--font-ui, sans-serif);cursor:pointer;transition:background .2s ease}.hh-bt-btn:hover{background:#ffffff2e}.hh-bt-btn:active{transform:scale(.96)}.hh-bt-btn:disabled{opacity:.3}.hh-bt-main{background:#f3ead0f0;border-color:#f3ead0f0;color:#24382b;padding:0 30px;box-shadow:0 6px 18px #00000040}.hh-bt-main:hover{background:#f7f0dc}.hh-bt-reset,.hh-bt-next{padding:0 14px;font-size:16px}.hh-bt-golden{background:#94723e;border-color:#94723e;color:#fbf3e2}.hh-bt-golden:hover{background:#a37f48}.hh-bt-panel button:focus-visible{outline:2px solid rgba(212,178,112,.9);outline-offset:2px}.hh-bt-end{padding:12px 0 4px}.hh-bt-end-emoji{margin:0 0 6px;font-size:34px}.hh-bt-end-text{margin:0 0 16px;font:600 15px/1.7 "Noto Serif TC","Noto Serif TC Fallback",serif;color:#f3ead6}@media (prefers-reduced-motion: reduce){.hh-bt-count.is-done{animation:none}.hh-bt-panel{transition:none}.hh-bt-overlay{transition-duration:.01s}}