:root{--c-transparent: transparent;--c-bg-top: #fff4f0;--c-bg-bottom: #ffe2d6;--c-ink: #2a1d16;--c-ink-muted: rgba(42, 29, 22, .7);--c-card-bg: #ffffff;--c-card-border: rgba(42, 29, 22, .14);--c-card-shadow: rgba(42, 29, 22, .18);--c-pill: #f1b5a7;--c-pill-2: #b07a6e;--c-cta-1: #2a1d16;--c-cta-2: #5b2b1e;--c-cta-3: #f1b5a7;--c-cta-text: #ffffff;--c-cta-shadow: rgba(42, 29, 22, .28);--scratch-top: #dedede;--scratch-bottom: #9a9a9a;--scratch-shine: rgba(255, 255, 255, .55);--scratch-speckle: rgba(0, 0, 0, .35);--c-hint: rgba(255, 255, 255, .9);--c-hint-text: rgba(42, 29, 22, .85);--c-hint-border: rgba(42, 29, 22, .15);--c-star: #ffd36b;--c-star-shadow: rgba(42, 29, 22, .35);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}body{margin:0;padding:0;background:var(--c-transparent);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.ad{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--c-bg-top),var(--c-bg-bottom));color:var(--c-ink);display:flex;flex-direction:column;box-sizing:border-box}.ad:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 34%,rgba(42,29,22,.09) 0 7px,var(--c-transparent) 8px),radial-gradient(circle at 70% 22%,rgba(42,29,22,.08) 0 6px,var(--c-transparent) 7px),radial-gradient(circle at 82% 68%,rgba(42,29,22,.07) 0 7px,var(--c-transparent) 8px),radial-gradient(circle at 28% 78%,rgba(42,29,22,.06) 0 6px,var(--c-transparent) 7px)}.header{position:relative;z-index:2;padding:10px 12px 6px;box-sizing:border-box}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;object-fit:contain;border-radius:var(--radius-sm);background:var(--c-card-bg);box-shadow:0 6px 14px var(--c-card-shadow)}.brandText{display:flex;flex-direction:column;gap:2px;min-width:0}.storeName{font-weight:800;font-size:14px;line-height:1.05;letter-spacing:.2px}.tagline{font-size:11px;line-height:1.05;color:var(--c-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:0 12px;box-sizing:border-box}.cardWrap{position:relative;width:276px;height:132px;border-radius:var(--radius-lg);box-sizing:border-box}.couponCard{position:absolute;inset:0;background:var(--c-card-bg);border:1px solid var(--c-card-border);border-radius:var(--radius-lg);box-shadow:0 10px 22px var(--c-card-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 14px 12px;box-sizing:border-box;text-align:center}.couponCode{font-weight:900;font-size:34px;letter-spacing:1.2px;line-height:1;margin-bottom:10px;padding:8px 14px;border-radius:var(--radius-md);background:linear-gradient(180deg,#f1b5a759,#b07a6e2e);border:1px dashed rgba(42,29,22,.22)}.couponFine{font-size:10.5px;line-height:1.2;color:var(--c-ink-muted);max-width:250px;white-space:pre-line}.scratchLayer{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden;opacity:1;transition:opacity .42s ease}.scratchLayer.isRevealed{opacity:0;pointer-events:none}.scratchCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.scratchCanvas:active{cursor:grabbing}.scratchHint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 10px;border-radius:var(--radius-md);background:var(--c-hint);border:1px solid var(--c-hint-border);color:var(--c-hint-text);font-size:12px;font-weight:800;letter-spacing:.2px;pointer-events:none;opacity:1;transition:opacity .18s ease}.scratchHint.isHidden{opacity:0}.star{position:absolute;z-index:3;background:var(--c-star);opacity:0;filter:drop-shadow(0 6px 8px var(--c-star-shadow));transform:rotate(var(--rot)) scale(.2);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:starPop .95s ease-out forwards}@keyframes starPop{0%{opacity:0;transform:rotate(var(--rot)) scale(.2)}55%{opacity:1;transform:rotate(var(--rot)) scale(1.15)}to{opacity:0;transform:rotate(var(--rot)) scale(.95)}}.footer{position:relative;z-index:2;padding:10px 12px 12px;box-sizing:border-box;display:flex;justify-content:center}.cta{width:100%;height:40px;border:0;border-radius:calc(var(--radius-md) + 2px);color:var(--c-cta-text);font-weight:900;font-size:14px;letter-spacing:.2px;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--c-cta-1),var(--c-cta-2));box-shadow:0 12px 18px var(--c-cta-shadow),inset 0 1px #ffffff2e;transform:translateZ(0);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,filter .16s ease,box-shadow .16s ease;will-change:transform,filter;filter:brightness(1.5) saturate(1.1)}.cta:before{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,#fff0 22%,#ffffff38 45%,#fff0 65%);transform:translate(-140%);opacity:0;pointer-events:none}.cta:after{content:"";position:absolute;inset:1px;border-radius:calc(var(--radius-md) + 1px);border:1px solid rgba(241,181,167,.28);pointer-events:none}.cta:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.cta:hover{filter:brightness(2.2) saturate(1.3)}.cta:hover:before{opacity:1;animation:ctaGlint .78s ease-out 1}}@keyframes ctaGlint{0%{transform:translate(-140%);opacity:0}10%{opacity:1}55%{opacity:1}to{transform:translate(140%);opacity:0}}.ctaCelebrate{animation:ctaCelebrate .9s cubic-bezier(.2,.8,.2,1) 1}@keyframes ctaCelebrate{0%{transform:scale(1);box-shadow:0 12px 18px var(--c-cta-shadow),inset 0 1px #ffffff2e;filter:brightness(1.5) saturate(1.1)}18%{transform:scale(1.07) rotate(-1deg);box-shadow:0 16px 24px #2a1d1652,0 0 0 6px #f1b5a738,inset 0 1px #ffffff38;filter:brightness(1.8) saturate(1.2)}42%{transform:scale(.99) rotate(1deg);filter:brightness(1.8) saturate(1.2)}68%{transform:scale(1.04) rotate(-.5deg);filter:brightness(1.8) saturate(1.2)}to{transform:scale(1) rotate(0);filter:brightness(1.5) saturate(1.1)}}