:root{--brand:#7c3aed;--brand-2:#a78bfa;--brand-ink:#4c1d95;--brand-50:#f5f3ff;--brand-100:#ede9fe;--brand-200:#ddd6fe;--on-brand:#fff;--brand-gradient:linear-gradient(135deg,var(--brand) 30%,var(--brand-2) 130%);--brand-glow:#7c3aed47;--gold-glow:#f5b30152;--gold-shade:#92400e2e;--surface:#f7f5fc;--card:#fff;--text:#1f2937;--muted:#6b7280;--subtle:#9ca3af;--line:#ece8f5;--backdrop:#110c2e8f;--gold:#f5b301;--gold-2:#fde68a;--gold-50:#fff7db;--gold-ink:#92400e;--success:#16a34a;--success-50:#ecfdf3;--danger:#dc2626;--danger-50:#fef2f2;--radius-sm:12px;--radius:20px;--radius-lg:28px;--radius-pill:999px;--shadow:0 1px 2px #110c2e0a,0 8px 24px #4c1d9514;--shadow-lg:0 -4px 16px #110c2e0f,0 24px 64px #4c1d9538;--shadow-brand:0 8px 20px var(--brand-glow);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--font-tc:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-22:22px;--fs-28:28px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--lh-tight:1.2;--lh:1.5;--ease:cubic-bezier(0.2,0,0,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-1:150ms;--dur-2:250ms;--dur-3:400ms;--page-max:480px;--page-pad:var(--space-4);--tap:44px;--cta-height:52px;--focus-ring:0 0 0 2px var(--card),0 0 0 4px var(--brand)}@media (min-width:400px){:root{--page-pad:var(--space-5)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background:var(--surface);color:var(--text);font-family:var(--font);font-size:var(--fs-16);line-height:var(--lh)}:lang(zh-TW) body,body:lang(zh-TW){font-family:var(--font-tc)}:lang(zh-CN),:lang(zh-TW){overflow-wrap:anywhere;word-break:keep-all}#root{min-height:100vh;min-height:100dvh}img{display:block;max-width:100%}button{background:none;border:0;color:inherit;cursor:pointer;font:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}.ui-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.ui-page{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:var(--page-max);min-height:100vh;min-height:100dvh;padding:calc(var(--space-4) + env(safe-area-inset-top, 0px)) calc(var(--page-pad) + env(safe-area-inset-right, 0px)) calc(var(--space-6) + env(safe-area-inset-bottom, 0px)) calc(var(--page-pad) + env(safe-area-inset-left, 0px));width:100%}.ui-page--with-cta{padding-bottom:0}.ui-page--center{justify-content:center;padding-bottom:12vh}.ui-hero{align-items:center;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-1) 0}.ui-hero__text{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.ui-hero__eyebrow{color:var(--muted);font-size:var(--fs-14);font-weight:var(--fw-medium)}.ui-hero__eyebrow strong{color:var(--text);font-weight:var(--fw-bold)}.ui-hero__title{color:var(--text);font-size:var(--fs-28);font-weight:var(--fw-heavy);letter-spacing:-.02em;line-height:var(--lh-tight)}.ui-hero__subtitle{color:var(--muted);font-size:var(--fs-14)}.ui-hero__art{flex:0 0 auto;height:104px;position:relative;width:104px}.ui-hero__art:before{background:radial-gradient(circle,var(--brand-100) 0,var(--brand-50) 45%,#0000 70%);border-radius:50%;content:"";inset:-12%;position:absolute}.ui-hero__art img{height:100%;object-fit:contain;position:relative;width:100%}@media (max-width:359px){.ui-hero__art{height:84px;width:84px}}.ui-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5)}@media (max-width:359px){.ui-card{padding:var(--space-4)}}.ui-card__header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-4)}.ui-card__title{align-items:center;color:var(--text);display:flex;font-size:var(--fs-16);font-weight:var(--fw-bold);gap:var(--space-2);line-height:var(--lh-tight);min-width:0}.ui-card--calm{border:1px solid var(--line);box-shadow:none}.ui-btn{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--fs-16);font-weight:var(--fw-bold);gap:var(--space-2);justify-content:center;line-height:var(--lh-tight);min-height:var(--tap);padding:var(--space-2) var(--space-5);text-align:center;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),background-color var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease);-webkit-user-select:none;user-select:none}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn svg{flex:0 0 auto}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--brand-gradient);box-shadow:var(--shadow-brand);color:var(--on-brand);min-height:var(--cta-height)}.ui-btn--tonal{background:var(--brand-50);color:var(--brand)}.ui-btn--tonal:active:not(:disabled){background:var(--brand-100)}.ui-btn--ghost{color:var(--brand)}.ui-btn:disabled{background:var(--line);box-shadow:none;color:var(--muted);cursor:default}.ui-btn--primary[aria-busy=true]:disabled{background:var(--brand-gradient);color:var(--on-brand);opacity:.8}.ui-icon-btn{align-items:center;border-radius:var(--radius-pill);color:var(--muted);display:inline-flex;height:var(--tap);justify-content:center;transition:background-color var(--dur-1) var(--ease);width:var(--tap)}.ui-icon-btn:active{background:var(--brand-50)}.ui-spinner{animation:ui-spin .8s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;height:18px;width:18px}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-cta-bar{background:linear-gradient(to top,var(--surface) 75%,#0000);bottom:0;display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding:var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;z-index:10}.ui-chip{align-items:center;background:var(--brand-50);border-radius:var(--radius-pill);color:var(--brand);display:inline-flex;font-size:13px;font-weight:var(--fw-semibold);gap:var(--space-1);line-height:var(--lh-tight);min-height:26px;padding:3px 10px;white-space:nowrap}.ui-chip--success{background:var(--success-50);color:var(--success)}.ui-chip--gold{background:var(--gold-50);color:var(--gold-ink)}.ui-icon-circle{align-items:center;background:var(--brand-50);border-radius:50%;color:var(--brand);display:inline-flex;flex:0 0 auto;height:56px;justify-content:center;width:56px}.ui-icon-circle--sm{height:32px;width:32px}.ui-icon-circle--success{background:var(--success-50);color:var(--success)}.ui-icon-circle--gold{background:var(--gold-50);color:var(--gold-ink)}.ui-icon-circle--danger{background:var(--danger-50);color:var(--danger)}.ui-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-8) var(--space-6);text-align:center}.ui-state .ui-icon-circle{margin-bottom:var(--space-2)}.ui-state__title{color:var(--text);font-size:var(--fs-18);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.ui-state__body{color:var(--muted);font-size:var(--fs-14);max-width:320px}.ui-state .ui-btn{margin-top:var(--space-3)}.ui-alert{align-items:flex-start;background:var(--danger-50);border-radius:var(--radius-sm);color:var(--danger);display:flex;font-size:var(--fs-14);font-weight:var(--fw-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.ui-alert svg{flex:0 0 auto;margin-top:1px}.ui-skeleton{animation:ui-shimmer 1.4s var(--ease) infinite;background:linear-gradient(90deg,var(--brand-50) 0,var(--brand-100) 50%,var(--brand-50) 100%);background-size:200% 100%;border-radius:var(--radius-sm);display:block}.ui-skeleton--text{border-radius:var(--radius-pill);height:14px}.ui-skeleton--title{border-radius:var(--radius-sm);height:28px}.ui-skeleton--circle{border-radius:50%}.ui-skeleton--pill{border-radius:var(--radius-pill);height:var(--cta-height)}@keyframes ui-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.ui-richtext{color:var(--text);font-size:var(--fs-14);line-height:1.6;overflow-wrap:anywhere}.ui-richtext>*+*{margin-top:var(--space-2)}.ui-richtext ol,.ui-richtext ul{padding-left:1.25em}.ui-richtext li+li{margin-top:var(--space-1)}.ui-richtext li::marker{color:var(--brand)}.ui-richtext a{color:var(--brand);font-weight:var(--fw-semibold)}.ui-richtext b,.ui-richtext strong{font-weight:var(--fw-bold)}.ui-richtext h1,.ui-richtext h2,.ui-richtext h3,.ui-richtext h4{font-size:var(--fs-16);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.ui-richtext img{border-radius:var(--radius-sm);height:auto}.ui-backdrop{align-items:flex-end;animation:ui-fade-in var(--dur-2) var(--ease) both;background:var(--backdrop);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.ui-backdrop--center{align-items:center;padding:var(--space-4)}.ui-sheet{animation:ui-sheet-in var(--dur-3) var(--ease) both;background:var(--card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);max-height:92dvh;max-width:var(--page-max);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-7) var(--space-6) calc(var(--space-6) + env(safe-area-inset-bottom, 0px));position:relative;text-align:center;width:100%}.ui-backdrop--center .ui-sheet{animation-name:ui-pop-in;border-radius:var(--radius-lg);max-width:360px;padding-bottom:var(--space-6)}.ui-sheet__close{position:absolute;right:var(--space-2);top:var(--space-2);z-index:2}.ui-sheet__body{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);position:relative}.ui-sheet__title{color:var(--brand-ink);font-size:var(--fs-22);font-weight:var(--fw-heavy);letter-spacing:-.01em;line-height:var(--lh-tight)}.ui-sheet__text{color:var(--muted);font-size:var(--fs-14)}.ui-sheet__actions{margin-top:var(--space-3);width:100%}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-sheet-in{0%{opacity:0;transform:translateY(32px)}}@keyframes ui-pop-in{0%{opacity:0;transform:scale(.94)}}.ui-prize{align-items:center;animation:ui-prize-in var(--dur-3) var(--ease-spring) .12s both;display:flex;flex-direction:column;gap:var(--space-3);position:relative;width:100%}@keyframes ui-prize-in{0%{opacity:0;transform:scale(.8)}}.ui-prize-frame{background:linear-gradient(160deg,var(--brand-100),var(--brand-50) 60%,var(--gold-50));border-radius:var(--radius);max-width:300px;padding:var(--space-3);width:100%}.ui-voucher{background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden;text-align:left}.ui-voucher__media{align-items:center;aspect-ratio:16/9;background:var(--brand-50);display:flex;justify-content:center}.ui-voucher__media--placeholder{aspect-ratio:auto;height:112px}.ui-voucher__media img{height:100%;object-fit:cover;width:100%}.ui-voucher__media .ui-icon-circle{background:var(--card)}.ui-voucher__perf{border-top:2px dashed var(--line);height:0;margin:0 var(--space-4);position:relative}.ui-voucher__perf:after,.ui-voucher__perf:before{background:var(--brand-50);border-radius:50%;content:"";height:16px;position:absolute;top:-9px;width:16px}.ui-voucher__perf:before{left:calc(var(--space-4)*-1 - 8px)}.ui-voucher__perf:after{right:calc(var(--space-4)*-1 - 8px)}.ui-voucher__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4)}.ui-voucher__name{color:var(--text);font-size:var(--fs-16);font-weight:var(--fw-bold);line-height:var(--lh-tight);overflow-wrap:anywhere}.ui-voucher__meta{align-items:center;color:var(--muted);display:flex;font-size:13px;font-weight:var(--fw-medium);gap:var(--space-1)}.ui-coin{background:linear-gradient(145deg,var(--gold-2),var(--gold));box-shadow:0 10px 28px var(--gold-glow),inset 0 -4px 0 var(--gold-shade);height:112px;padding:8px;width:112px}.ui-coin,.ui-coin__face{align-items:center;border-radius:50%;display:flex;justify-content:center}.ui-coin__face{background:var(--gold-50);color:var(--gold-ink);height:100%;overflow:hidden;width:100%}.ui-coin__face img{height:100%;object-fit:cover;width:100%}.ui-prize__amount{font-feature-settings:"tnum";color:var(--text);font-size:var(--fs-28);font-variant-numeric:tabular-nums;font-weight:var(--fw-heavy);line-height:var(--lh-tight)}.ui-prize__label{color:var(--muted);font-size:var(--fs-14);font-weight:var(--fw-semibold);margin-top:calc(var(--space-2)*-1);overflow-wrap:anywhere}.ui-confetti{height:0;left:50%;pointer-events:none;position:absolute;top:40%;width:0}.ui-confetti i{animation:ui-confetti-burst 1.1s var(--ease) 0ms both;animation:ui-confetti-burst 1.1s var(--ease) var(--d,0ms) both;background:var(--brand);background:var(--c,var(--brand));border-radius:2px;height:10px;left:-3px;opacity:0;position:absolute;top:-4px;width:6px}.ui-confetti i:first-child{--x:-132px;--y:-70px;--r:200deg;--c:var(--brand)}.ui-confetti i:nth-child(2){--x:-104px;--y:-118px;--r:-120deg;--c:var(--gold);--d:60ms}.ui-confetti i:nth-child(3){--x:-60px;--y:-142px;--r:160deg;--c:var(--brand-2);--d:20ms}.ui-confetti i:nth-child(4){--x:-10px;--y:-156px;--r:-200deg;--c:var(--success);--d:90ms}.ui-confetti i:nth-child(5){--x:48px;--y:-146px;--r:140deg;--c:var(--gold)}.ui-confetti i:nth-child(6){--x:98px;--y:-122px;--r:-160deg;--c:var(--brand);--d:40ms}.ui-confetti i:nth-child(7){--x:134px;--y:-76px;--r:220deg;--c:var(--brand-2);--d:80ms}.ui-confetti i:nth-child(8){--x:146px;--y:-18px;--r:-90deg;--c:var(--gold);--d:30ms}.ui-confetti i:nth-child(9){--x:-148px;--y:-14px;--r:120deg;--c:var(--success);--d:70ms}.ui-confetti i:nth-child(10){--x:-80px;--y:-96px;--r:-60deg;--c:var(--gold);--d:110ms;border-radius:50%;height:8px;width:8px}.ui-confetti i:nth-child(11){--x:76px;--y:-92px;--r:60deg;--c:var(--brand);--d:120ms;border-radius:50%;height:8px;width:8px}.ui-confetti i:nth-child(12){--x:12px;--y:-116px;--r:90deg;--c:var(--brand-2);--d:140ms;border-radius:50%;height:8px;width:8px}@keyframes ui-confetti-burst{0%{opacity:0;transform:translate(0) scale(.4) rotate(0deg)}15%{opacity:1}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 40px)) scale(1) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}.ui-skeleton{animation:none}.ui-confetti i{animation:none;opacity:.85;transform:translate(var(--x),calc(var(--y)*.35)) rotate(var(--r))}.ui-btn:active:not(:disabled){transform:none}}.checkin-hero__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.checkin-days{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none}.checkin-day{align-items:center;background:var(--surface);border:2px solid #0000;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2);justify-content:space-between;min-height:88px;padding:var(--space-3) var(--space-1);position:relative;text-align:center;transition:background-color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}.checkin-day__label{color:var(--muted);font-size:var(--fs-12);font-weight:var(--fw-semibold);line-height:var(--lh-tight);white-space:nowrap}.checkin-day__mark{align-items:center;background:var(--card);border-radius:50%;color:var(--subtle);display:flex;height:36px;justify-content:center;width:36px}.checkin-day--done{background:var(--brand-50)}.checkin-day--done .checkin-day__label{color:var(--brand-ink)}.checkin-day--done .checkin-day__mark{background:var(--brand);color:var(--on-brand)}.checkin-day--today{animation:checkin-glow 2.4s var(--ease) infinite alternate;background:var(--card);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-100),0 6px 16px var(--brand-glow)}.checkin-day--today .checkin-day__label{color:var(--brand);font-weight:var(--fw-bold)}.checkin-day--today .checkin-day__mark{background:var(--brand-100);color:var(--brand)}@keyframes checkin-glow{to{box-shadow:0 0 0 6px var(--brand-100),0 8px 22px var(--brand-glow)}}.checkin-day--super{align-items:stretch;background:linear-gradient(135deg,var(--gold-50) 40%,var(--gold-2) 160%);flex-direction:row;gap:var(--space-1);grid-column:span 2;justify-content:space-between;overflow:hidden;padding:var(--space-3);text-align:left}.checkin-day--super .checkin-day__text{display:flex;flex-direction:column;gap:2px;min-width:0}.checkin-day--super .checkin-day__label{color:var(--gold-ink);font-size:var(--fs-14);font-weight:var(--fw-bold)}.checkin-day__sub{color:var(--gold-ink);font-size:var(--fs-12);font-weight:var(--fw-semibold);line-height:var(--lh-tight);opacity:.8}.checkin-day__art{align-self:flex-end;flex:0 0 auto;height:72px;margin:-8px -8px -10px 0;object-fit:contain;width:72px}.checkin-day--super.checkin-day--today{animation-name:checkin-glow-gold;border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-50),0 6px 16px var(--gold-glow)}@keyframes checkin-glow-gold{to{box-shadow:0 0 0 6px var(--gold-50),0 8px 22px var(--gold-glow)}}.checkin-day--super.checkin-day--done .checkin-day__label{color:var(--gold-ink)}.checkin-day__badge{align-items:center;background:var(--brand);border-radius:50%;color:var(--on-brand);display:flex;height:22px;justify-content:center;position:absolute;right:var(--space-2);top:var(--space-2);width:22px}@media (max-width:359px){.checkin-day{min-height:80px}.checkin-day__mark{height:32px;width:32px}.checkin-day__art{height:56px;width:56px}}.checkin-rules .ui-card__header{margin-bottom:var(--space-3)}.checkin-skeleton-hero{display:flex;flex-direction:column;gap:var(--space-2)}.checkin-days--skeleton .ui-skeleton{min-height:88px}.checkin-days--skeleton .ui-skeleton:last-child{grid-column:span 2}@media (prefers-reduced-motion:reduce){.checkin-day--today{animation:none}}.checkin .ui-hero{background:linear-gradient(130deg,var(--brand-50),var(--gold-50));border-radius:var(--radius-lg);overflow:hidden;padding:20px}.checkin .ui-hero__art{flex-shrink:0;height:116px;width:116px}.checkin .ui-hero__art img{filter:drop-shadow(0 8px 8px var(--brand-glow));height:100%;object-fit:contain;width:100%}.checkin-progress{background:var(--brand-100);border-radius:var(--radius-pill);height:8px;margin:0 0 16px;overflow:hidden}.checkin-progress span{background:var(--brand-gradient);border-radius:inherit;display:block;height:100%;transition:width .7s var(--ease)}.checkin-day{background:linear-gradient(150deg,var(--card),var(--brand-50));box-shadow:inset 0 -3px 0 var(--brand-100);min-height:100px;min-width:0}.checkin-day__label{overflow-wrap:anywhere;white-space:normal}.checkin-day__mark{background:#0000;height:52px;position:relative;width:52px}.checkin-day__mark img{height:100%;object-fit:contain;width:100%}.checkin-day--future .checkin-day__mark img{filter:grayscale(.7);opacity:.7}.checkin-day--done .checkin-day__mark{background:#0000}.checkin-day__mark .checkin-day__badge{right:-3px;top:0}.checkin-day--today .checkin-day__mark{animation:gift-bob 1.8s ease-in-out infinite;background:#0000}.checkin-hero__chips svg{animation:flame-bob 1.4s ease-in-out infinite alternate}.checkin-prize__chest{animation:prize-pop .6s var(--ease-spring) both;height:80px;object-fit:contain;width:112px}.checkin-prize .ui-coin,.checkin-prize .ui-prize-frame{animation:prize-pop .65s .1s var(--ease-spring) both}@keyframes gift-bob{50%{transform:translateY(-4px) rotate(5deg)}}@keyframes flame-bob{to{transform:scale(1.2) rotate(8deg)}}@keyframes prize-pop{0%{opacity:0;transform:translateY(22px) scale(.7)}to{opacity:1;transform:none}}@media (max-width:359px){.checkin .ui-hero__art{height:86px;width:86px}.checkin-day__mark{height:42px;width:42px}}@media (prefers-reduced-motion:reduce){.checkin-day--today .checkin-day__mark,.checkin-hero__chips svg,.checkin-prize .ui-coin,.checkin-prize .ui-prize-frame,.checkin-prize__chest{animation:none}.checkin-progress span{transition:none}}.checkin-day--super .checkin-day__art{height:68px;margin:-5px -3px -4px 0;width:60px}@media (max-width:359px){.checkin-day--super .checkin-day__art{height:56px;width:48px}}.checkin-actions{display:flex;flex-direction:column;gap:var(--space-2)}