*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0}:root{--ink: #111;--ink-bar: #1c1c1c}.page{min-height:100vh;background:#fff;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif;display:flex;justify-content:center}.coupon{width:100%;max-width:430px;min-height:100vh;background:#fff;display:flex;flex-direction:column;box-shadow:0 0 24px #0000002e}.step{flex:0 0 auto;display:flex;align-items:center;gap:12px;position:relative;background:var(--ink-bar);color:#fff;padding:10px 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.step--ondark{padding-left:16px;padding-right:16px;background:var(--theme, var(--ink))}.step--alert{background:var(--theme, var(--ink));color:#ffe000;margin:12px 14px}.step--alert .step__num{background:#fff;border-color:#fff;color:var(--theme, var(--ink))}.step--ondark .step__num{background:#fff;color:var(--theme, var(--ink));border-color:#fff}.step__num{flex:0 0 auto;width:clamp(34px,9vw,40px);height:clamp(34px,9vw,40px);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,5.5vw,24px);font-weight:900;-webkit-text-stroke:1px currentColor;line-height:1}.step__text{margin:0;font-size:clamp(14px,4vw,17px);font-weight:700;line-height:1.35;letter-spacing:.01em}.step__code{position:absolute;right:14px;bottom:8px;font-size:clamp(11px,3vw,13px);font-weight:600;color:#cfcfcf;letter-spacing:.04em}.qr-loading{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:24px;color:#555;font-size:clamp(13px,3.6vw,15px);text-align:center}.qr-loading.error{color:#c62828}.ticket{margin:0 14px 10px;background:#fff;border:2px solid var(--theme, var(--ink));overflow:hidden}.redeem{display:flex;flex-direction:column;background:var(--theme, var(--ink))}.promo{position:relative;aspect-ratio:16 / 9;min-height:0;overflow:hidden;background:#fff}.promo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.promo__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;line-height:1.4;color:#888;font-size:clamp(13px,3.6vw,15px);text-align:center;padding:16px}.swipe{flex:1 1 0;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:var(--ink);scrollbar-width:none}.swipe::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:center;display:flex;flex-direction:column}.swipe-status{flex:1 1 0;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#bbb;font-size:clamp(13px,3.6vw,15px);text-align:center;padding:16px}.swipe-status.error{color:#ff8a80}.dots{flex:0 0 auto;display:flex;justify-content:center;gap:7px;padding:6px 0;background:var(--ink)}.dot{width:7px;height:7px;border-radius:50%;background:#ffffff59;transition:background .15s}.dot--on{background:#fff}.tabs{flex:0 0 auto;display:flex;gap:2px;padding:6px 6px 0;background:var(--ink)}.tab{flex:1 1 0;padding:8px 4px;border:none;border-radius:6px 6px 0 0;background:#ffffff1f;color:#bbb;font-size:clamp(11px,3vw,13px);font-weight:700;cursor:pointer}.tab--on{background:#fff;color:var(--ink)}.tabview{flex:1 1 0;min-height:0;display:flex;flex-direction:column;background:var(--ink)}.period{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;color:#fff;padding:8px 16px 4px}.period__label{grid-column:1;grid-row:1 / span 2;align-self:center;border:1px solid #fff;padding:4px 7px;font-size:clamp(11px,3.2vw,13px);font-weight:700;white-space:nowrap}.period__year{grid-column:2;grid-row:1;align-self:end;justify-self:start;font-size:clamp(10px,2.8vw,12px);font-weight:600;line-height:1}.period__range{grid-column:2;grid-row:2;align-self:start;justify-self:start;font-size:clamp(22px,8vw,40px);font-weight:800;line-height:1.05;letter-spacing:-.01em;white-space:nowrap}.qr{margin:6px auto 10px;width:min(50vw,22vh,230px);aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:9px}.qr__canvas{display:block;width:100%;max-width:100%;height:auto;image-rendering:pixelated}.qr__msg{color:#555;font-size:clamp(13px,3.6vw,15px);text-align:center;padding:0 12px}.qr__msg--error{color:#c62828}.terms{flex:0 0 auto;background:#fff;color:var(--ink);padding:6px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.terms__box{padding:5px 9px;text-align:center}.terms__box p{margin:0;font-size:clamp(9px,2.5vw,11px);font-weight:700;line-height:1.3}.terms__box p+p{margin-top:2px}.terms__fine{list-style:none;margin:0;padding:2px 16px max(8px,env(safe-area-inset-bottom))}.terms__fine li{font-size:clamp(8px,2.2vw,10px);line-height:1.3;color:#333}.coupon--list{background:#f3f3f4}.listbar{flex:0 0 auto;display:flex;justify-content:center;align-items:center;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #eee}.listbar__logo{height:40px;width:auto;display:block}.list-heading{flex:0 0 auto;margin:0;padding:12px 14px 0;color:#111;font-size:clamp(15px,4.2vw,18px);font-weight:800}.list-caveat{flex:0 0 auto;margin:8px 14px 0;padding:8px 12px;background:#fff3f3;border-left:4px solid #d10000;border-radius:6px;color:#d10000;font-size:clamp(11px,3vw,13px);line-height:1.5;font-weight:600}.list{flex:0 0 auto;background:transparent;display:flex;flex-direction:column;gap:10px;padding:12px}.pager{flex:0 0 auto;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;padding-bottom:max(14px,env(safe-area-inset-bottom))}.pager__btn{border:none;background:transparent;color:#333;font-size:20px;font-weight:700;line-height:1;padding:4px 10px;cursor:pointer}.pager__btn:disabled{color:#ccc;cursor:default}.pager__info{min-width:52px;text-align:center;color:#777;font-size:14px;font-weight:600}.list-status{padding:32px 16px;text-align:center;color:#555;font-size:clamp(13px,3.6vw,15px)}.list-status.error{color:#c62828}.card{display:flex;flex-direction:row;align-items:center;gap:14px;width:100%;min-width:0;padding:14px 18px;border:none;border-radius:12px;background:#fff;--notch: 11px;-webkit-mask:radial-gradient(circle var(--notch) at 0 50%,#0000 var(--notch),#000 0) left / 50.5% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,#0000 var(--notch),#000 0) right / 50.5% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 50%,#0000 var(--notch),#000 0) left / 50.5% 100% no-repeat,radial-gradient(circle var(--notch) at 100% 50%,#0000 var(--notch),#000 0) right / 50.5% 100% no-repeat;filter:drop-shadow(0 1px 3px rgba(0,0,0,.14));text-align:left;cursor:pointer;transition:transform .08s}.card:active{transform:scale(.99)}.card__thumb{flex:0 0 auto;width:88px;height:88px;border-radius:8px;overflow:hidden;background:#eee;display:flex;align-items:center;justify-content:center}.card__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.card__thumb-ph{width:100%;height:100%}.card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.card__desc{color:#111;font-size:clamp(13px,3.6vw,15px);font-weight:600;line-height:1.3}.card__period{color:#777;font-size:clamp(11px,3vw,12px);line-height:1.3}.card__cta{align-self:flex-end;margin-top:6px;display:inline-flex;align-items:center;padding:6px 16px;border-radius:999px;background:#da8732;color:#fff;font-size:clamp(12px,3.2vw,13px);font-weight:700;white-space:nowrap}