:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:#f5f5f5;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem 1rem;display:flex}.ticket-card{text-align:center;background:#fff;border-radius:1.5rem;width:min(390px,100%);overflow:hidden;box-shadow:0 4px 24px #0000001f}@media (width<=360px){body{padding:1rem .5rem}}.hero{color:#fff;background:linear-gradient(#00000059 0%,#0000000d 45%,#00000073 100%),url(/epalette-hero.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:220px;display:flex;position:relative}.hero-badge{background:#141416d9;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 1px 4px #0000004d}.hero-icon{width:22px;height:22px}.hero h1{text-shadow:0 1px 3px #0006;margin:0;font-size:1.15rem;font-weight:700}.sheet{flex-direction:column;align-items:center;gap:.65rem;padding:1.25rem 1.5rem 1.75rem;display:flex}.note{color:#888;margin:.25rem 0 0;font-size:.8rem}#qr-canvas{max-width:100%;height:auto;margin:.5rem 0}.token{color:#555;word-break:break-all;margin:0;font-family:ui-monospace,monospace;font-size:.85rem}.expiry{color:#d3262f;margin:0;font-size:.8rem;font-weight:600}.scan-redeem-row{color:#17a673;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.4rem 0;display:flex}.scan-redeem-icon{flex-shrink:0;width:20px;height:20px}.scan-redeem-text{text-align:left;font-size:.8rem;font-weight:700;line-height:1.4}.usage-accordion{width:100%}.usage-toggle{color:#17a673;cursor:pointer;background:#fff;border:1px solid #17a673;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;display:flex}.usage-chevron{width:16px;height:16px;transition:transform .2s}.usage-chevron--open{transform:rotate(180deg)}.usage-panel{text-align:left;border:1px solid #0000001a;border-radius:.75rem;margin-top:.6rem;overflow:hidden}.usage-list{margin:0;padding:0;list-style:none}.usage-list li{color:#1c1c1e;border-bottom:1px solid #00000014;align-items:center;gap:.6rem;padding:.7rem .9rem;font-size:.85rem;font-weight:600;display:flex}.usage-list li:last-child{border-bottom:none}.usage-num{color:#17a673;background:#17a67324;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:flex}.scanner-overlay{z-index:50;color:#fff;background:#0a0f12;flex-direction:column;position:fixed;inset:0}.scanner-overlay:not([hidden]){display:flex}.scanner-header{flex-shrink:0;justify-content:center;align-items:center;padding:1rem 1.25rem;display:flex;position:relative}.scanner-header h2{margin:0;font-size:1rem;font-weight:700}.scanner-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:34px;height:34px;font-size:.9rem;position:absolute;top:.75rem;left:1rem}.scanner-viewport{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{z-index:1;width:220px;height:220px;position:relative}.scanner-corner{border:3px solid #17a673;width:32px;height:32px;position:absolute}.scanner-corner--tl{border-bottom:none;border-right:none;border-radius:8px 0 0;top:0;left:0}.scanner-corner--tr{border-bottom:none;border-left:none;border-radius:0 8px 0 0;top:0;right:0}.scanner-corner--bl{border-top:none;border-right:none;border-radius:0 0 0 8px;bottom:0;left:0}.scanner-corner--br{border-top:none;border-left:none;border-radius:0 0 8px;bottom:0;right:0}.scanner-hint{z-index:1;color:#ffffffd9;margin-top:1.25rem;font-size:.85rem;position:relative}.scanner-success{z-index:2;background:#0a0f12f0;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;position:absolute;inset:0}.scanner-success:not([hidden]){display:flex}.scanner-success-check{color:#17a673;background:#17a67329;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:2.2rem;font-weight:800;display:flex}.scanner-success-text{margin:0;font-size:1.1rem;font-weight:700}.scanner-success-btn{color:#fff;cursor:pointer;background:#17a673;border:none;border-radius:999px;margin-top:.5rem;padding:.6rem 1.6rem;font-size:.85rem;font-weight:700}