@font-face{font-family:WB UI;src:url(/fonts/ui.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--navy: #205da0;--ink: #383635;--pink: #f8cbcd;--check-blue: #2a8ac9;--tile: clamp(7px, 2.2vw, 11px);--col: 480px;--col-w: min( calc(100vw - 40px) , var(--col));--bottle-w: min(86vw, 413px);--badge-w: min(calc(var(--col-w) * .42), 209px);--font: "WB UI", "WB Label", "Yuanti TC", "Yuanti SC", "圓體-繁", "Heiti TC", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;min-height:100dvh;font-family:var(--font);-webkit-text-size-adjust:100%;background-image:linear-gradient(90deg,#ffffff1f,#fff0 45%,#28326e12),linear-gradient(180deg,#e9bdc7 0%,#d7b8c9 15%,#c1b4cd 30%,#b0b2d0 45%,#99aed3 60%,#86a9d3 72%,#6a9fd1 85%,#3d8ec9 95%,var(--check-blue) 100%);background-attachment:fixed}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.brand{padding:max(20px,env(safe-area-inset-top)) 0 0;text-align:center}.brand__logo{width:min(82.7%,397px);height:auto;display:inline-block}.brand:after{content:"";display:block;margin:28px 0 0;border-bottom:1.5px solid rgba(255,255,255,.9)}.stage{flex:1;display:flex;flex-direction:column;padding:0 20px}.screen{display:none;flex:1;flex-direction:column;align-items:center;width:100%;max-width:var(--col);margin:0 auto;padding:0 0 28px}.screen.is-active{display:flex}.badge{display:block;width:var(--badge-w);height:auto}.headline{margin:26px 0 0;color:var(--navy);font-size:22px;font-weight:700;line-height:1.6;text-align:center;letter-spacing:.02em}.field{margin-top:34px;width:100%;text-align:center}.field__label{margin:0;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:.04em}.field__hint{margin:6px 0 0;color:var(--navy);font-size:13px;font-weight:700;letter-spacing:.02em}.field__input{margin-top:18px;width:min(100%,320px);height:60px;padding:0 22px;border:0;border-radius:999px;background:#fff;color:var(--ink);font-size:18px;font-family:inherit;font-weight:700;text-align:center;outline:none}.field__input:focus-visible{box-shadow:0 0 0 3px #205da059}.field__error{margin:10px 0 0;min-height:20px;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(32,93,160,.45)}.field__input.is-shaking{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@media (prefers-reduced-motion: reduce){.field__input.is-shaking{animation:none}}.btn{margin-top:auto;min-height:44px;min-width:120px;padding:10px 30px;border:2.5px solid #fff;border-radius:6px;background:transparent;color:#fff;font-size:17px;font-family:inherit;font-weight:800;letter-spacing:.14em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{background:#ffffff2e}.btn:disabled{opacity:.55;cursor:default}.actions{margin-top:auto;display:flex;flex-direction:column;align-items:center}.actions .btn{margin-top:0}.link-back{margin-top:12px;min-height:44px;padding:0 12px;border:0;background:transparent;color:#fff;font-size:14px;font-family:inherit;font-weight:700;letter-spacing:.04em;text-decoration:underline;text-underline-offset:3px;opacity:.85;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bottle{position:relative;margin-top:30px;width:var(--bottle-w);animation:float 5s ease-in-out infinite;will-change:transform}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-1.4deg)}}@media (prefers-reduced-motion: reduce){.bottle{animation:none}}.bottle__img{width:100%;height:auto;display:block}.bottle__wish,.bottle__name{position:absolute;display:inline-block;overflow:hidden;white-space:nowrap;font-weight:800;line-height:1;letter-spacing:.02em}.bottle__wish{left:16.3%;top:55.8%;max-width:47.7%;transform:translateY(-50%) rotate(-5.55deg);transform-origin:left center;color:var(--navy);font-size:calc(var(--bottle-w) * .081)}.bottle__name{left:33.2%;top:74.8%;max-width:30%;transform:translateY(-50%) rotate(-5.55deg);transform-origin:left center;color:var(--ink);font-size:calc(var(--bottle-w) * .064)}.thanks{margin:30px 0 0;color:#fff;font-size:22px;font-weight:800;letter-spacing:.06em}.thanks__sub{margin:10px 0 0;color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em}.again{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:center;min-height:44px}.again__countdown{margin:0;color:#fff;font-size:14px;font-weight:700;opacity:.9}.btn--again{margin-top:0}.dev-via{position:fixed;left:8px;bottom:8px;z-index:9;padding:5px 10px;border-radius:4px;background:#1b7f4b;color:#fff;font-size:12px;font-weight:700;font-family:ui-monospace,monospace;pointer-events:none}.dev-via[data-backend=B]{background:#b45309}.foot{margin-top:auto}.foot__checker{height:calc(var(--tile) * 2);background-image:conic-gradient(var(--check-blue) 25%,var(--pink) 0 50%,var(--check-blue) 0 75%,var(--pink) 0);background-size:calc(var(--tile) * 2) calc(var(--tile) * 2)}.foot__bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--pink);text-align:center}.foot__text{display:inline-block;width:min(62%,300px);height:auto;vertical-align:middle}