:root{--color-bg-primary:#3b2419;--color-bg-deep:#26150f;--color-brown-light:#5b3728;--color-paper:#f4ebdd;--color-paper-light:#faf6ef;--color-accent:#79c8ce;--color-accent-dark:#4da7af;--color-gold-muted:#c4a17d;--color-text-light:#f8f2e9;--color-text-dark:#3c261b;--color-text-muted:#f8f2e9a8;--color-line:#f4ebdd3d;--color-shadow:#140a0657;--font-sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;--font-serif:"Songti SC", STSong, "Noto Serif CJK SC", Georgia, serif}.public-home,.staff-shell{min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 28px) max(20px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 32px) max(20px, env(safe-area-inset-left,0px));color:var(--color-text-light);background:radial-gradient(circle at 50% 35%,#79c8ce1a,#0000 28%),linear-gradient(155deg,#24130e,#3b2419 54%,#28150f)}.public-home{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.public-home>.eyebrow{margin-top:52px}.public-home h1{max-width:520px;font-family:var(--font-serif);margin:16px 0 0;font-size:clamp(30px,8vw,52px)}.public-home>p{max-width:460px;color:var(--color-text-muted);margin:16px 0 0;line-height:1.8}.public-home>small{color:#f8f2e985}.public-home>a{color:var(--color-accent);margin-top:42px;font-size:12px}.public-home__pod{background:linear-gradient(145deg,#6f3f2beb,#43241ae6);border:2px solid #c4a17db8;border-radius:50% 50% 56% 56%;width:118px;height:164px;margin:34px 0 26px;box-shadow:inset 0 0 0 18px #f4ebdd0a,0 24px 42px #00000047}.staff-shell{color:#352118;background:#f6f0e7;max-width:none}.staff-header{justify-content:space-between;align-items:center;gap:18px;width:min(100%,980px);margin:0 auto 24px;display:flex}.staff-header p,.staff-kicker{color:#4da7af;letter-spacing:.16em;margin:0;font-family:Georgia,serif;font-size:11px;font-weight:800}.staff-header h1{font-family:var(--font-serif);margin:6px 0 0;font-size:clamp(25px,5vw,38px)}.staff-login-card,.staff-panel,.staff-redeem-card{background:#fffaf3;border:1px solid #4da7af42;border-radius:24px;width:min(100%,720px);margin:0 auto 20px;padding:clamp(22px,5vw,36px);box-shadow:0 18px 48px #3b24191a}.staff-login-card{max-width:460px;margin-top:10vh}.staff-login-card h2,.staff-panel h2,.staff-redeem-card h1{font-family:var(--font-serif);margin:8px 0 12px}.staff-login-card form,.staff-redeem-card form{gap:10px;margin-top:20px;display:grid}.staff-shell input,.staff-shell select{color:#352118;background:#fff;border:1px solid #3b241938;border-radius:12px;min-height:48px;padding:10px 13px}.staff-shell button,.staff-shell a{min-height:44px}.staff-shell form>button,.staff-issue-controls>button,.staff-issued-card>button{color:#173f42;cursor:pointer;background:#79c8ce;border:0;border-radius:12px;padding:12px 18px;font-weight:800}.staff-secondary{color:#352118;background:0 0;border:1px solid #3b241933;border-radius:12px;padding:10px 15px}.staff-error{color:#8e3c2f;background:#fff0ec;border-radius:12px;padding:12px 14px}.staff-warning{color:#74531f;background:#fff4d7;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.55}.staff-issue-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.staff-issue-controls label{gap:6px;display:grid}.staff-issue-controls input{width:100px}.staff-issued-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.staff-issued-card{text-align:center;background:#fff;border:1px solid #3b24191f;border-radius:18px;place-items:center;gap:10px;padding:16px;display:grid}.staff-issued-card a{color:#2f747a;align-items:center;display:flex}.staff-issued-qr{border:1px solid #ece3d8;width:min(100%,220px);height:auto}.staff-redeem-card dl{gap:10px;margin:22px 0;display:grid}.staff-redeem-card dl div{grid-template-columns:90px 1fr;gap:10px;display:grid}.staff-redeem-card dt{color:#806453}.staff-redeem-card dd{margin:0;font-weight:700}.staff-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.staff-result h1{font-family:var(--font-serif);margin:20px 0 8px;font-size:34px}.staff-result>a{color:#173f42;background:#79c8ce;border-radius:12px;align-items:center;margin-top:22px;padding:0 18px;font-weight:800;text-decoration:none;display:flex}.staff-success-mark,.staff-failure-mark{color:#173f42;background:#79c8ce;border-radius:50%;place-items:center;width:84px;height:84px;font-size:48px;font-weight:800;display:grid}.staff-failure-mark{color:#6e2d22;background:#e8c5b8}@media (max-width:560px){.staff-header{align-items:flex-start}.staff-issued-list{grid-template-columns:1fr}.staff-redeem-card dl div{grid-template-columns:78px 1fr}}*{box-sizing:border-box}html{background:var(--color-bg-deep);min-width:320px;min-height:100%;color:var(--color-text-light);-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg-deep);min-width:320px;min-height:100%;color:var(--color-text-light);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #79c8cecc}[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #79c8cecc}summary:focus-visible{outline-offset:3px;outline:3px solid #79c8cecc}img,canvas,svg{max-width:100%;display:block}.coupon-app{isolation:isolate;min-height:100vh;background:radial-gradient(circle at 50% 38%,#79c8ce17,#0000 28%),radial-gradient(circle at 8% 14%,#c4a17d1a,#0000 22%),linear-gradient(155deg,#24130e 0%,#3b2419 52%,#28150f 100%);min-height:100dvh;position:relative;overflow-x:hidden}.coupon-app:before{z-index:-1;pointer-events:none;content:"";opacity:.22;background-image:radial-gradient(circle at 20% 20%,#ffffff2b 0 .6px,#0000 .8px),radial-gradient(circle at 70% 65%,#ffffff1c 0 .5px,#0000 .75px);background-size:9px 9px,13px 13px;position:fixed;inset:0}.experience-content{min-height:inherit}.screen{width:100%;min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 18px) max(20px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 22px) max(20px, env(safe-area-inset-left,0px))}.screen-header,.detail-header{z-index:20;justify-content:space-between;align-items:center;width:min(100%,390px);min-height:44px;margin:0 auto;display:flex;position:relative}.screen-header--centered{justify-content:center}.screen-header__actions{align-items:center;gap:8px;display:flex}.brand-mark{color:var(--color-text-light);align-items:center;gap:11px;display:inline-flex}.brand-mark img{filter:drop-shadow(0 5px 12px #0804022e);flex:none}.brand-mark__text{flex-direction:column;line-height:1;display:flex}.brand-mark__text strong{letter-spacing:.16em;font-family:Georgia,serif;font-size:14px}.brand-mark__text span{color:var(--color-text-muted);letter-spacing:.42em;margin-top:5px;font-size:11px}.brand-mark--compact{gap:8px}.brand-mark--compact .brand-mark__text strong{font-size:12px}.brand-mark--compact .brand-mark__text span{margin-top:4px;font-size:10px}.icon-button,.text-button,.modal-close{cursor:pointer;border:0;min-width:44px;min-height:44px}.icon-button{border:1px solid var(--color-line);width:44px;height:44px;color:var(--color-text-light);background:#f8f2e90f;border-radius:50%;place-items:center;padding:0;font-size:12px;font-weight:700;transition:background .18s,transform .18s;display:grid}.icon-button:active{transform:scale(.95)}.text-button{color:var(--color-text-dark);background:0 0;padding:0 10px;font-size:13px}.text-button--light{color:#f8f2e9c7}.primary-button,.secondary-button,.link-button,.replay-button,.debug-redeem-button{cursor:pointer;border-radius:15px;min-height:48px;transition:transform .16s,box-shadow .16s,opacity .16s,background .16s}.primary-button{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);color:#173f42;letter-spacing:.04em;border:1px solid #cdf3f56b;width:100%;font-size:16px;font-weight:800;box-shadow:0 12px 30px #227d843d}.primary-button:active,.secondary-button:active,.replay-button:active{transform:translateY(2px)scale(.995)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none}.secondary-button{width:100%;color:var(--color-accent-dark);background:#4da7af14;border:1px solid #4da7af59;font-weight:700}.secondary-button--light{color:var(--color-text-light);background:#f4ebdd0f;border-color:#f4ebdd42}.link-button{width:100%;color:var(--color-accent-dark);text-underline-offset:5px;background:0 0;border:0;font-weight:700;-webkit-text-decoration:underline #4da7af4d;text-decoration:underline #4da7af4d}.eyebrow{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin:0;font-family:Georgia,serif;font-size:10px;font-weight:700}.eyebrow--dark{color:var(--color-accent-dark)}.loading-screen{place-items:center;display:grid}.loading-screen__center{text-align:center;flex-direction:column;align-items:center;width:min(100%,300px);display:flex}.loading-screen .brand-mark{animation:.44s both logo-arrive}.loading-line{background:#f4ebdd24;width:168px;height:1px;margin-top:32px;overflow:hidden}.loading-line span{transform-origin:0;background:linear-gradient(90deg, var(--color-accent), var(--color-gold-muted));width:100%;height:100%;animation:1.25s cubic-bezier(.65,0,.35,1) infinite loading-line;display:block}.loading-screen p{color:var(--color-text-muted);font-family:var(--font-serif);letter-spacing:.12em;margin:18px 0 0;font-size:14px}.loading-screen__mode{color:#f8f2e975;margin-top:12px;font-size:11px}@keyframes logo-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-line{0%{transform:translate(-100%)scaleX(.18)}48%{transform:translate(0)scaleX(.78)}to{transform:translate(100%)scaleX(.24)}}.intro-screen{grid-template-rows:auto auto minmax(250px,1fr) auto;align-items:center;display:grid;overflow:hidden}.intro-screen:after,.transform-screen:after{pointer-events:none;content:"";opacity:.16;background:url(/assets/cocoa-leaf.svg) 50%/contain no-repeat;width:240px;height:420px;position:absolute;top:10%;right:-92px;transform:rotate(-16deg)}.intro-copy,.transform-copy,.reveal-copy{z-index:2;text-align:center;width:min(100%,390px);margin:18px auto 0;position:relative}.intro-copy h1,.transform-copy h1,.reveal-copy h1,.detail-heading h1,.error-screen h1{font-family:var(--font-serif);letter-spacing:.02em;margin:12px auto 0;font-weight:700}.intro-copy h1{max-width:330px;font-size:clamp(26px,7vw,34px);line-height:1.34}.intro-copy>p:last-child,.transform-copy>p:last-child{color:var(--color-text-muted);margin:10px 0 0;font-size:14px}.cocoa-interaction{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:min(100%,340px);min-height:286px;margin:0 auto;display:flex;position:relative}.cocoa-pod-visual{filter:drop-shadow(0 25px 28px #0d060457);width:190px;height:238px;animation:3.4s ease-in-out infinite pod-breathe;position:relative}.pod-half{transform-origin:50%;will-change:transform;width:190px;height:238px;transition:transform .3s cubic-bezier(.22,.8,.26,1);position:absolute;top:0;overflow:visible}.pod-half path:not(.pod-rib){fill:#6f3f2b;stroke:#c49a75;stroke-width:3px}.pod-half .pod-rib{fill:none;stroke:#f4e0c759;stroke-width:3px}.pod-half--left{left:0}.pod-half--right{right:0}.pod-stem{background:#8f7051;border-radius:10px 10px 4px 4px;width:12px;height:30px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(8deg)}.cocoa-pod-flesh{background:radial-gradient(circle at 45% 38%,#fff7e2,#d9c69f 72%);border-radius:48% 48% 52% 52%;width:84px;height:188px;transition:opacity .18s;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #f4ebdd47}.cocoa-pod-glow{filter:blur(26px);background:#79c8ce40;border-radius:50%;width:152px;height:168px;transition:opacity .18s;position:absolute;top:32px;left:50%;transform:translate(-50%)}.pod-seed{background:linear-gradient(145deg,#f8f0d8,#bdab86);border-radius:46% 54% 49% 51%;width:21px;height:32px;position:absolute;box-shadow:inset -3px -4px 6px #4a2e2029}.pod-seed--1{top:22px;left:17px;transform:rotate(-18deg)}.pod-seed--2{top:25px;right:17px;transform:rotate(14deg)}.pod-seed--3{top:60px;left:30px;transform:rotate(9deg)}.pod-seed--4{top:63px;right:29px;transform:rotate(-10deg)}.pod-seed--5{top:99px;left:18px;transform:rotate(-15deg)}.pod-seed--6{top:101px;right:18px;transform:rotate(16deg)}.pod-seed--7{top:138px;left:31px;transform:rotate(5deg)}.pod-seed--8{top:140px;right:30px;transform:rotate(-6deg)}.drag-track{width:126px;height:44px;margin-top:-4px;position:relative}.drag-track__line{background:linear-gradient(90deg,#79c8ce80,#79c8ce1f);width:96px;height:2px;position:absolute;top:21px;left:15px}.drag-handle{background:var(--color-accent);color:#234f52;will-change:transform;border:1px solid #c4ecefb3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:28px;transition:transform .28s cubic-bezier(.22,.8,.26,1);display:grid;position:absolute;top:5px;left:0;box-shadow:0 8px 20px #115e6452}.drag-handle span{margin-top:-3px}.cocoa-interaction--enhanced .drag-handle{animation:1.25s ease-in-out infinite drag-nudge}.intro-actions{z-index:3;text-align:center;width:min(100%,310px);margin:0 auto;position:relative}.intro-actions p{color:#f8f2e9b8;min-height:20px;margin:0 0 12px;font-size:13px}.intro-actions--enhanced p{color:var(--color-accent);font-weight:700}@keyframes pod-breathe{0%,to{transform:translateY(2px)scale(.99)}50%{transform:translateY(-6px)scale(1.012)}}@keyframes drag-nudge{0%,to{margin-left:0}55%{margin-left:42px}}.transform-screen{grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.transform-copy h1{max-width:330px;font-size:clamp(25px,7vw,34px);line-height:1.32}.transform-stage{z-index:2;width:min(100%,350px);min-height:330px;margin:0 auto;position:relative}.open-pod{width:170px;height:220px;animation:2.2s forwards pod-fade;position:absolute;top:12px;left:50%;transform:translate(-50%)}.open-pod__left,.open-pod__right{background:linear-gradient(130deg,#75432e,#4d2a20);border:2px solid #c49a75;width:84px;height:210px;position:absolute;top:0}.open-pod__left{border-radius:72% 18% 22% 72%;left:4px;transform:rotate(-12deg)translate(-23px)}.open-pod__right{border-radius:18% 72% 72% 22%;right:4px;transform:rotate(12deg)translate(23px)}.falling-bean{opacity:0;will-change:transform, opacity;background:linear-gradient(145deg,#e7d2a9,#8b674f);border-radius:50%;width:19px;height:28px;animation:1.45s cubic-bezier(.28,.62,.5,1) forwards bean-fall;position:absolute;top:92px;left:50%}.falling-bean--1{margin-left:-67px;animation-delay:.15s}.falling-bean--2{margin-left:-45px;animation-delay:.25s}.falling-bean--3{margin-left:-23px;animation-delay:.12s}.falling-bean--4{margin-left:2px;animation-delay:.28s}.falling-bean--5{margin-left:25px;animation-delay:.18s}.falling-bean--6{margin-left:49px;animation-delay:.31s}.falling-bean--7{margin-left:-34px;animation-delay:.42s}.falling-bean--8{margin-left:15px;animation-delay:.48s}.falling-bean--9{margin-left:62px;animation-delay:.38s}.dust{opacity:0;background:#a27a5d;border-radius:50%;width:5px;height:5px;animation:1s 1.1s forwards dust-gather;position:absolute;top:235px;left:50%}.dust--1{--dx:-82px;--dy:-14px}.dust--2{--dx:-67px;--dy:23px}.dust--3{--dx:-48px;--dy:-31px}.dust--4{--dx:-29px;--dy:29px}.dust--5{--dx:-12px;--dy:-24px}.dust--6{--dx:8px;--dy:31px}.dust--7{--dx:26px;--dy:-35px}.dust--8{--dx:43px;--dy:19px}.dust--9{--dx:65px;--dy:-18px}.dust--10{--dx:82px;--dy:12px}.dust--11{--dx:-52px;--dy:4px}.dust--12{--dx:55px;--dy:4px}.dust--13{--dx:-8px;--dy:9px}.dust--14{--dx:13px;--dy:-8px}.chocolate-form{opacity:0;will-change:transform, opacity;background:linear-gradient(145deg,#633827,#321a13);border:1px solid #d8ae858c;border-radius:13px;grid-template-columns:repeat(4,1fr);gap:5px;width:176px;height:116px;padding:8px;animation:1.1s cubic-bezier(.2,.85,.28,1) 1.45s forwards chocolate-form;display:grid;position:absolute;top:180px;left:50%;transform:translate(-50%)scale(.72)rotateX(58deg);box-shadow:0 22px 38px #0d060459}.chocolate-form span{background:linear-gradient(145deg,#70402e,#442318);border-radius:5px;box-shadow:inset 1px 1px 2px #ffe1be1f}.transform-status{z-index:2;color:var(--color-text-muted);letter-spacing:.08em;text-align:center;margin:0 auto;font-size:12px;position:relative}.transform-screen--reduced .open-pod,.transform-screen--reduced .falling-bean,.transform-screen--reduced .dust{display:none}.transform-screen--reduced .chocolate-form{animation:.7s both reduced-form;top:94px}@keyframes pod-fade{0%,58%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.82)}}@keyframes bean-fall{0%{opacity:0;transform:translateY(-18px)rotate(0)}24%{opacity:1}to{opacity:0;transform:translateY(160px)rotate(190deg)scale(.55)}}@keyframes dust-gather{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1)}35%{opacity:.75}to{opacity:0;transform:translate(0)scale(0)}}@keyframes chocolate-form{0%{opacity:0;transform:translate(-50%)scale(.72)rotateX(58deg)}48%{opacity:1}to{opacity:1;transform:translate(-50%)scale(1)rotateX(0)}}@keyframes reduced-form{0%{opacity:0;transform:translate(-50%)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}.coupon-card{isolation:isolate;background:linear-gradient(145deg, #ffffff94, transparent 34%), var(--color-paper);width:min(100%,350px);min-height:420px;color:var(--color-text-dark);border:1px solid #4da7af70;border-radius:24px;margin:0 auto;padding:22px 22px 19px;position:relative;overflow:hidden;box-shadow:0 22px 52px #0c060457}.coupon-card:before,.coupon-card:after{z-index:4;background:var(--color-bg-primary);content:"";border-radius:50%;width:28px;height:28px;position:absolute;top:55%}.coupon-card:before{left:-15px}.coupon-card:after{right:-15px}.coupon-card--reveal{animation:.72s cubic-bezier(.2,.9,.25,1) both coupon-rise}.coupon-card--used{filter:saturate(.52)}.coupon-card--expired{filter:saturate(.32);background:#d9d0c5;border-color:#6854484d}.coupon-card__grain{z-index:-1;opacity:.18;background-image:radial-gradient(#3b241952 .6px,#0000 .7px);background-size:7px 7px;position:absolute;inset:0}.coupon-card__pod{z-index:-1;opacity:.12;width:190px;position:absolute;top:70px;right:-44px;transform:rotate(17deg)}.coupon-card__header{justify-content:space-between;align-items:flex-start;display:flex}.coupon-card__header>div{flex-direction:column;display:flex}.coupon-card__header strong{letter-spacing:.15em;font-family:Georgia,serif;font-size:13px}.coupon-card__header>div span{color:#8c6d59;letter-spacing:.4em;margin-top:3px;font-size:10px}.status-badge{color:#347a80;background:#dceff0;border-radius:999px;align-items:center;min-height:28px;padding:0 11px;font-size:11px;font-weight:800;display:inline-flex}.status-badge--used{color:#6d625b;background:#e1ddd8}.status-badge--expired,.status-badge--invalid{color:#695a51;background:#d1c7bd}.status-badge--network{color:#7d5a22;background:#f1e3bf}.coupon-card__amount{color:var(--color-accent-dark);align-items:baseline;margin-top:24px;display:flex}.coupon-card__amount strong{font-family:var(--font-serif);letter-spacing:-.06em;font-size:clamp(82px,24vw,106px);font-weight:700;line-height:.9}.coupon-card__amount span{margin-left:7px;font-size:22px;font-weight:800}.coupon-card h2{font-family:var(--font-serif);letter-spacing:.04em;margin:14px 0 0;font-size:24px}.coupon-card__subtitle{color:#795849;margin:7px 0 0;font-size:13px}.coupon-card__meta{gap:8px;margin:25px 0 0;font-size:11px;display:grid}.coupon-card__meta>div{grid-template-columns:58px 1fr;gap:10px;display:grid}.coupon-card__meta dt{color:#9a7b67}.coupon-card__meta dd{margin:0;font-weight:650}.coupon-card__partner{color:#806556;border-top:1px dashed #3b24192e;align-items:center;gap:7px;min-height:32px;margin-top:17px;padding-top:14px;font-size:10px;display:flex}.coupon-stamp{z-index:5;color:#69574d9e;font-family:var(--font-serif);letter-spacing:.14em;border:3px double #69574d7a;padding:8px 19px;font-size:25px;font-weight:800;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.coupon-stamp--expired{color:#5f4d42ad;border-color:#5f4d4285}@keyframes coupon-rise{0%{opacity:0;transform:translateY(38px)rotateX(12deg)scale(.96)}to{opacity:1;transform:translateY(0)rotateX(0)scale(1)}}.reveal-screen{grid-template-rows:auto auto 1fr auto;gap:12px;display:grid;position:relative;overflow-x:hidden}.reveal-copy{margin-top:2px}.reveal-copy h1{max-width:330px;font-size:clamp(21px,5.8vw,27px);line-height:1.38}.reveal-actions{text-align:center;width:min(100%,350px);margin:0 auto}.reveal-actions>p{color:var(--color-text-muted);margin:10px 0 0;font-size:11px}.inline-error{color:#ffd5cb!important}.unlock-feedback{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#26150fe3;flex-direction:column;justify-content:center;align-items:center;padding:28px;animation:.25s both unlock-fade;display:flex;position:fixed;inset:0;overflow:hidden}.unlock-feedback__shine{background:linear-gradient(90deg,#0000,#79c8ce7a,#0000);width:38%;height:140%;animation:.78s forwards unlock-shine;position:absolute;top:-20%;left:-45%;transform:rotate(18deg)}.unlock-feedback strong{font-family:var(--font-serif);font-size:28px;position:relative}.unlock-feedback p{color:var(--color-text-muted);margin:12px 0 0;font-size:14px;position:relative}.unlock-feedback small{border:1px solid var(--color-line);color:var(--color-accent);border-radius:999px;margin-top:17px;padding:7px 12px;position:relative}@keyframes unlock-fade{0%{opacity:0}to{opacity:1}}@keyframes unlock-shine{0%{transform:translate(0)rotate(18deg)}to{transform:translate(420%)rotate(18deg)}}.detail-screen{width:min(100%,430px);min-height:100vh;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 18px) max(20px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 28px) max(20px, env(safe-area-inset-left,0px));margin:0 auto}.detail-heading{width:min(100%,350px);margin:28px auto 18px}.detail-heading h1{margin-left:0;font-size:29px}.network-notice{color:#ead5a8;background:#e0bb6914;border:1px solid #e0bb6947;border-radius:12px;margin:12px 0 0;padding:11px 13px;font-size:12px;line-height:1.55}.detail-actions{gap:10px;width:min(100%,350px);margin:20px auto 0;display:grid}.status-message{border:1px solid var(--color-line);background:#f8f2e90f;border-radius:14px;width:min(100%,350px);margin:16px auto 0;padding:14px 16px}.status-message strong{font-family:var(--font-serif);font-size:15px}.status-message p{color:var(--color-text-muted);margin:6px 0 0;font-size:12px}.rules-panel{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);width:min(100%,350px);margin:22px auto 0}.rules-panel summary{cursor:pointer;color:#f8f2e9e6;min-height:52px;padding:16px 2px;font-size:14px;font-weight:700;list-style:none}.rules-panel summary::-webkit-details-marker{display:none}.rules-panel summary:after{float:right;content:"+";color:var(--color-accent);font-size:19px}.rules-panel[open] summary:after{content:"−"}.rules-panel ol{color:var(--color-text-muted);margin:0;padding:0 0 18px 22px;font-size:12px;line-height:1.7}.rules-panel li+li{margin-top:6px}.replay-button{color:#f8f2e9b3;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;width:min(100%,350px);min-height:46px;margin:18px auto 0;font-size:13px;display:flex}.replay-button span{color:var(--color-accent);font-size:19px}.detail-footer{color:#f8f2e96b;text-align:center;width:min(100%,350px);margin:26px auto 0;font-size:10px;line-height:1.6}.detail-footer p{margin:0 0 4px}.modal-backdrop{z-index:100;padding:max(18px, env(safe-area-inset-top,0px)) 18px max(18px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#120906cc;place-items:center;animation:.18s both modal-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--color-paper-light);width:min(100%,365px);color:var(--color-text-dark);text-align:center;border-radius:26px;padding:28px 24px 22px;position:relative;box-shadow:0 28px 70px #0a04027a}.modal-close{color:#795f51;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:28px;display:grid;position:absolute;top:10px;right:10px}.modal-close--light{color:var(--color-text-light)}.qr-modal h2{font-family:var(--font-serif);margin:8px 0 0;font-size:23px}.qr-modal__subtitle{color:#8a6d5b;margin:7px 0 0;font-size:12px}.qr-frame{background:#fff;border:1px solid #3b24191f;border-radius:16px;place-items:center;width:240px;height:240px;margin:18px auto 0;display:grid;position:relative}.qr-frame canvas{border-radius:10px;width:232px;height:232px}.qr-frame .is-hidden{visibility:hidden}.qr-loading,.qr-error{color:#7a5b4a;place-items:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.qr-error button{min-height:44px;color:var(--color-accent-dark);background:0 0;border:0;font-weight:700}.qr-serial{letter-spacing:.08em;margin-top:12px;font-family:Georgia,serif;font-size:12px;display:block}.qr-countdown{color:#735849;margin-top:8px;font-size:12px}.qr-countdown span{color:var(--color-accent-dark);font-size:18px;font-weight:800}.demo-label{color:#397b80;background:#4da7af14;border:1px solid #4da7af33;border-radius:10px;margin:10px 0 0;padding:8px 10px;font-size:10px;font-weight:700}.qr-warning{color:#9a6557;margin:10px 0 16px;font-size:11px}.debug-redeem-button{color:#6d4c3b;background:#f3e9dc;border:1px dashed #a18168;width:100%;margin-bottom:10px;font-size:12px}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.poster-preview{z-index:110;background:#140b08;position:fixed;inset:0;overflow-y:auto}.poster-preview__dialog{width:min(100%,470px);min-height:100%;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 24px);margin:0 auto}.poster-preview__dialog header{min-height:58px;padding-right:50px;position:relative}.poster-preview__dialog h2{font-family:var(--font-serif);margin:7px 0 0;font-size:20px}.poster-preview__dialog .modal-close{top:-5px;right:0}.poster-preview__dialog img{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:15px;width:100%;margin-top:14px;box-shadow:0 22px 60px #00000073}.poster-preview__dialog>p{color:var(--color-text-muted);text-align:center;margin:13px 0;font-size:11px;line-height:1.55}.error-screen,.brand-transition{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-illustration{width:130px;height:150px;margin-top:34px;position:relative}.error-illustration:before,.error-illustration:after{content:"";background:#5b372899;border:2px solid #c4a17d85;width:61px;height:140px;position:absolute;top:0}.error-illustration:before{border-radius:70% 20% 25% 70%;left:5px;transform:rotate(-10deg)}.error-illustration:after{border-radius:20% 70% 70% 25%;right:5px;transform:rotate(10deg)}.error-screen h1{max-width:310px;font-size:29px}.error-screen>p{max-width:310px;color:var(--color-text-muted);margin:12px auto 24px;font-size:14px;line-height:1.7}.error-screen .primary-button{width:min(100%,310px)}.error-brand{letter-spacing:.08em;margin-bottom:25px;font-family:Georgia,serif}.brand-transition .brand-mark{animation:.38s both logo-arrive}.brand-transition p{color:var(--color-text-muted);letter-spacing:.1em;margin-top:18px;font-size:12px}.toast{right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:160;width:min(100% - 40px,360px);min-height:46px;color:var(--color-text-light);text-align:center;background:#190d09eb;border:1px solid #f4ebdd2e;border-radius:14px;margin:auto;padding:13px 16px;font-size:12px;line-height:1.5;animation:.2s both toast-in;position:fixed;left:20px;box-shadow:0 16px 38px #00000057}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.debug-panel{right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:150;color:#f9f5ef;font-size:11px;position:fixed}.debug-panel__toggle{min-width:58px;min-height:44px;color:var(--color-accent);background:#0e0a08e6;border:1px solid #79c8ce66;border-radius:12px;font-family:monospace;font-weight:800}.debug-panel__body{background:#0f0a08f7;border:1px solid #79c8ce4d;border-radius:15px;width:min(350px,100vw - 20px);max-height:min(620px,76vh);padding:14px;position:absolute;bottom:50px;right:0;overflow-y:auto;box-shadow:0 20px 56px #00000080}.debug-panel__body h2{margin:0 0 10px;font-size:13px}.debug-state-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.debug-state-grid button,.debug-actions button{color:#eee6de;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-height:44px}.debug-state-grid button.is-active{border-color:var(--color-accent);color:var(--color-accent);background:#79c8ce2e}.debug-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.debug-panel details{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:8px}.debug-panel summary{cursor:pointer;color:#d8cec5;align-items:center;min-height:44px;display:flex}.debug-panel pre{white-space:pre-wrap;word-break:break-all;color:#a8dadd;font-size:10px;overflow-x:auto}.debug-events{margin:4px 0 0;padding:0;list-style:none}.debug-events li{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto;padding:5px 0;display:grid}.debug-events li span{color:#aaa097}.debug-events time{color:#7fbbbf;grid-area:1/2/span 2;align-self:center}.debug-warning{color:#b8aaa0;margin:10px 0 0;font-size:10px}.orientation-overlay{z-index:500;text-align:center;background:#20110cf5;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.orientation-phone{border:2px solid var(--color-accent);border-radius:10px;width:52px;height:86px;margin-bottom:17px;animation:1.6s ease-in-out infinite rotate-phone;transform:rotate(90deg)}.orientation-overlay strong{font-family:var(--font-serif);font-size:22px}.orientation-overlay p{color:var(--color-text-muted);margin:8px 0 0;font-size:12px}@keyframes rotate-phone{0%,25%{transform:rotate(90deg)}65%,to{transform:rotate(0)}}@media (orientation:landscape){.orientation-overlay{display:flex}}.page-hidden *,.page-hidden :before,.page-hidden :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.orientation-phone{transform:rotate(0)}}@media (max-width:350px){.screen{padding-left:15px;padding-right:15px}.intro-copy h1{font-size:25px}.coupon-card{padding-left:18px;padding-right:18px}.coupon-card__amount strong{font-size:82px}.modal-card{padding-left:16px;padding-right:16px}}@media (max-height:690px) and (orientation:portrait){.intro-screen{grid-template-rows:auto auto minmax(235px,1fr) auto}.intro-copy{margin-top:6px}.intro-copy h1{margin-top:7px;font-size:25px}.intro-copy>p:last-child{margin-top:5px;font-size:12px}.cocoa-interaction{min-height:240px}.cocoa-pod-visual{width:170px;height:205px;transform:scale(.88)}.drag-track{margin-top:-24px}.intro-actions p{margin-bottom:7px;font-size:12px}.intro-actions .secondary-button{min-height:44px}.reveal-screen{gap:5px}.reveal-copy h1{margin-top:6px;font-size:20px}.coupon-card{min-height:365px;padding-top:17px}.coupon-card__amount{margin-top:16px}.coupon-card__amount strong{font-size:74px}.coupon-card h2{margin-top:8px;font-size:21px}.coupon-card__meta{gap:5px;margin-top:16px}.coupon-card__partner{margin-top:10px;padding-top:10px}.reveal-actions>p{display:none}}