:root{--bg:#f6f3ee;--surface:#fff;--border:#e6e1d8;--text:#2c2620;--text-soft:#7a7066;--brand:#c9a227;--brand-dark:#9c7c15;--brand-soft:#fdf6e3;--danger:#c0392b;--radius:14px;--shadow:0 1px 3px #2c262014, 0 6px 16px #2c26200f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:2px}#root{min-height:100vh}.app{max-width:720px;padding:0 16px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;padding:calc(12px + env(safe-area-inset-top)) 0 12px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:10px;min-width:0;display:flex}.topbar__logo{border-radius:9px;flex-shrink:0}.topbar__title{letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:700}.topbar__round{color:var(--text-soft);white-space:nowrap;align-items:center;gap:5px;margin:2px 0 0;font-size:.75rem;display:flex}.topbar__sep{opacity:.5}.banner{border-radius:10px;margin:0 0 12px;padding:9px 12px;font-size:.78rem;line-height:1.5}.banner--ended{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.banner--upcoming{background:var(--brand-soft);color:var(--brand-dark);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent)}.topbar__stats{background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);color:var(--brand-dark);white-space:nowrap;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding:5px 11px;display:flex}.topbar__stat{align-items:baseline;gap:4px;display:flex}.topbar__stat em{opacity:.8;font-size:.62rem;font-style:normal}.topbar__stat strong{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800;line-height:1.1}.topbar__stat--spend{border-top:1px solid color-mix(in srgb, var(--brand) 30%, transparent);color:var(--danger);padding-top:2px}.topbar__stat--spend strong{font-size:1.1rem}.progress{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--brand), var(--brand-dark));border-radius:999px;height:100%;transition:width .25s;display:block}.progress__text{color:var(--text-soft);margin:6px 0 0;font-size:.75rem}.progress__extra{color:var(--brand-dark)}.tabs{background:var(--border);border-radius:999px;gap:6px;margin:14px 0;padding:4px;display:flex}.tabs__btn{color:var(--text-soft);background:0 0;border:0;border-radius:999px;flex:1;padding:9px 0;font-size:.9rem;font-weight:600;transition:background .18s,color .18s}.tabs__btn.is-active{background:var(--surface);color:var(--brand-dark);box-shadow:var(--shadow)}.grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pay-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:12px}.pay-card.is-full{background:color-mix(in srgb, var(--surface) 70%, var(--border))}.pay-card__head{align-items:center;gap:10px;display:flex}.pay-card__icon{object-fit:cover;border-radius:11px;flex-shrink:0;width:44px;height:44px}.pay-card__titles{flex:1;min-width:0}.pay-card__name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.pay-card__subtitle{color:var(--text-soft);margin:1px 0 0;font-size:.7rem}.pay-card__figures{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.pay-card__figure{align-items:baseline;gap:4px;display:flex}.pay-card__figure em{color:var(--text-soft);font-size:.62rem;font-style:normal}.pay-card__figure strong{font-variant-numeric:tabular-nums;color:var(--text);font-size:1rem;font-weight:800;line-height:1.1}.pay-card__figure--spend strong{color:var(--brand-dark);font-size:1.08rem}.pay-card__figure--spend em{color:var(--brand-dark);opacity:.75}.slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.slot{font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;min-height:58px;padding:4px 2px;font-size:1.25rem;font-weight:800;line-height:1.15;transition:transform .12s,filter .12s;display:flex;position:relative;overflow:hidden}.slot-wrap .slot{padding-top:9px}.slot:active{transform:scale(.95)}.slot__amount{font-size:1.2rem;font-weight:800}.slot__min{letter-spacing:.01em;opacity:.92;font-size:.6rem;font-weight:600}.slot--used{background:var(--border);color:var(--text-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text-soft) 25%, transparent)}.slot--used .slot__amount{opacity:.75;text-decoration:line-through;text-decoration-thickness:2px}.slot--used .slot__min{opacity:.6}.slot__stamp{background:color-mix(in srgb, var(--text) 72%, transparent);color:#fff;letter-spacing:.08em;padding:2px 0;font-size:.58rem;font-weight:700;position:absolute;inset:auto 0 0}.slot-wrap{min-width:0;position:relative}.slot__edit{color:#ffffffeb;background:#ffffff38;border:0;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;line-height:0;transition:background .15s,transform .1s;display:flex;position:absolute;top:2px;right:2px}.slot__edit:active{background:#ffffff6b;transform:scale(.9)}:is(.slot--used+.slot__edit,.slot-wrap:has(.slot--used) .slot__edit){color:var(--text-soft);background:#00000014}.slot--add{border:2px dashed color-mix(in srgb, var(--brand) 55%, transparent);background:var(--brand-soft);color:var(--brand-dark);gap:2px}.slot--add:active{transform:scale(.97)}.slot--add__plus{font-size:1.05rem;font-weight:700;line-height:1}.slot--add__text{white-space:nowrap;font-size:.72rem;font-weight:700}.pay-card__foot{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.pay-card__status{color:var(--text-soft);margin:0;font-size:.72rem}.pay-card__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pay-card__open{border:1px solid var(--border);background:var(--bg);color:var(--text-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:.7rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.pay-card__open:active{background:var(--brand-soft);color:var(--brand-dark)}.sheet-backdrop{z-index:50;background:#1c181473;justify-content:center;align-items:flex-end;animation:.16s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;padding:8px 16px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-radius:20px 20px 0 0;animation:.22s slide-up}.sheet__grip{background:var(--border);border-radius:999px;width:38px;height:4px;margin:0 auto 12px}.sheet__head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.sheet__icon{object-fit:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.sheet__head-text{flex:1;min-width:0}.sheet__title{margin:0;font-size:1rem;font-weight:700}.sheet__subtitle{color:var(--text-soft);margin:1px 0 0;font-size:.75rem}.sheet__label{color:var(--text-soft);margin:0 0 8px;font-size:.78rem}.sheet__hint{background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);color:var(--text-soft);border-radius:10px;align-items:baseline;gap:8px;margin:0 0 14px;padding:9px 12px;font-size:.8rem;display:flex}.sheet__hint strong{color:var(--brand-dark);white-space:nowrap;font-size:.95rem}.prize-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.prize-btn{border:2px solid var(--brand);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;min-height:60px;padding:6px 2px;line-height:1.15;transition:transform .12s,background .12s;display:flex}.prize-btn:active{transform:scale(.96)}.prize-btn.is-current{background:var(--brand-soft);box-shadow:inset 0 0 0 1px}.prize-btn__amount{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.prize-btn__min{color:var(--text-soft);white-space:nowrap;font-size:.64rem}.sheet__actions{gap:8px;display:flex}.btn{border:0;border-radius:12px;flex:1;min-height:46px;font-size:.92rem;font-weight:600}.btn--ghost{background:var(--bg);border:1px solid var(--border);color:var(--text-soft)}.btn--danger{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.btn:active{transform:scale(.98)}.sheet--tall{max-height:88vh;overflow-y:auto}.batch-list{flex-direction:column;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.batch-row__label{color:var(--text-soft);justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-size:.8rem;font-weight:600;display:flex}.batch-row__hint{color:var(--brand-dark);font-size:.72rem;font-weight:600}.batch-row__options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.batch-btn{border:2px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:52px;padding:4px 1px;line-height:1.1;transition:transform .1s;display:flex}.batch-btn:active{transform:scale(.94)}.batch-btn__amount{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.batch-btn__min{color:var(--text-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.56rem;font-weight:600}.batch-btn.is-picked{color:#fff}.batch-btn.is-picked .batch-btn__min{color:#ffffffe0}.batch-row:not(.is-filled) .batch-btn__min{opacity:.75}.batch-total{color:var(--text-soft);text-align:right;margin:0 0 12px;font-size:.8rem}.batch-total strong{color:var(--brand-dark)}.btn--primary{background:var(--brand);color:#fff}.btn--primary:disabled{background:var(--border);color:var(--text-soft)}.stats{flex-direction:column;gap:12px;display:flex}.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:12px;display:flex}.summary__card--accent{background:var(--brand-soft);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.summary__label{color:var(--text-soft);font-size:.72rem}.summary__value{font-variant-numeric:tabular-nums;color:var(--brand-dark);font-size:1.5rem;font-weight:800}.summary__unit{color:var(--text-soft);font-size:.72rem}.summary__spend{border-top:1px dashed var(--border);color:var(--brand-dark);font-variant-numeric:tabular-nums;margin-top:5px;padding-top:5px;font-size:.76rem;font-weight:700}.summary__card--accent .summary__spend{border-top-color:color-mix(in srgb, var(--brand) 40%, transparent)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:14px}.panel__title{margin:0 0 12px;font-size:.92rem;font-weight:700}.bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bars__row{align-items:center;gap:8px;display:flex}.bars__icon{object-fit:cover;border-radius:7px;flex-shrink:0;width:26px;height:26px}.bars__chip{color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;flex-shrink:0;width:52px;padding:3px 0;font-size:.72rem;font-weight:700}.bars__name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:84px;font-size:.78rem;overflow:hidden}.bars__track{background:var(--bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.bars__fill{border-radius:999px;height:100%;transition:width .25s;display:block}.bars__count{width:36px;color:var(--text-soft);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem}.empty{color:var(--text-soft);text-align:center;margin:0;padding:18px 0;font-size:.85rem}.history__group+.history__group{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.history__date{color:var(--text-soft);justify-content:space-between;margin:0 0 6px;font-size:.75rem;font-weight:600;display:flex}.history__group ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history__group li{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex}.history__group li.is-used,.history__group li.is-expired{background:var(--bg)}.history__group li.is-expired .history__name{color:var(--text-soft)}.history__flag{background:color-mix(in srgb, var(--text-soft) 22%, transparent);color:var(--text-soft);border-radius:999px;margin-left:5px;padding:0 5px;font-size:.62rem;font-style:normal;font-weight:700;display:inline-block}.history__toggle{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;padding:4px;display:flex}.history__check{border:2px solid var(--border);background:var(--surface);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;line-height:1;display:flex}.history__group li.is-used .history__check{border-color:var(--brand);background:var(--brand)}.history__edit{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.72rem;font-weight:600}.history__edit:active{background:var(--brand-soft);color:var(--brand-dark)}.history__name{flex-direction:column;flex:1;min-width:0;font-size:.85rem;font-weight:600;display:flex}.history__group li.is-used .history__name{color:var(--text-soft)}.history__name small{color:var(--text-soft);font-size:.7rem;font-weight:400}.history__amount{color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.8rem;font-weight:700}.history__group li.is-used .history__amount{opacity:.45}.history-block{border-top:1px dashed var(--border);margin-top:10px;padding-top:8px}.history-block__toggle{width:100%;color:var(--text-soft);text-align:left;background:0 0;border:0;align-items:center;gap:5px;padding:4px 2px;font-size:.75rem;font-weight:600;display:flex}.history-block__chevron{flex-shrink:0;transition:transform .18s}.history-block.is-open .history-block__chevron{transform:rotate(90deg)}.history-block__count{background:var(--border);color:var(--text-soft);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 6px;font-size:.65rem}.history-block__summary{opacity:.85;margin-left:auto;font-size:.68rem;font-weight:500}.history-block__group+.history-block__group{margin-top:10px}.history-block__group.is-empty .history-block__round{opacity:.75}.history-block__none{border:1px dashed var(--border);color:var(--text-soft);opacity:.8;border-radius:8px;margin:0;padding:5px 8px;font-size:.7rem}.history-block__round{color:var(--text-soft);align-items:baseline;gap:6px;margin:0 0 6px;font-size:.7rem;font-weight:600;display:flex}.history-block__round>span:last-child{margin-left:auto;font-weight:500}.history-block__no{background:color-mix(in srgb, var(--brand) 22%, transparent);color:var(--brand-dark);border-radius:4px;padding:0 5px;font-size:.65rem}.history-block__list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hist-ticket{border-radius:8px;flex-direction:column;align-items:center;gap:0;min-width:46px;padding:3px 8px;line-height:1.15;display:flex}.hist-ticket__amount{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.hist-ticket__state{letter-spacing:.04em;font-size:.56rem;font-weight:700}.hist-ticket.is-used{color:#2f7a51;background:#3f9d6824}.hist-ticket.is-used .hist-ticket__amount{opacity:.8;text-decoration:line-through;text-decoration-thickness:1.5px}.hist-ticket.is-expired{background:var(--bg);border:1px dashed color-mix(in srgb, var(--text-soft) 40%, transparent);color:var(--text-soft);opacity:.65}.hist-ticket.is-expired .hist-ticket__amount{text-decoration:line-through;text-decoration-thickness:1.5px}.panel__hint{color:var(--text-soft);margin:-4px 0 12px;font-size:.8rem;line-height:1.6}.backup__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (width<=420px){.backup__actions{grid-template-columns:1fr}}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;color:#fff;background:#2c2620eb;border-radius:999px;margin:0;padding:10px 18px;font-size:.82rem;animation:.18s fade-in;position:fixed;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}