:root{color-scheme:light;font-family:Trebuchet MS,Avenir Next,sans-serif;--shell-background: radial-gradient(circle at top left, rgba(239, 183, 62, .75), transparent 28%), radial-gradient(circle at top right, rgba(14, 124, 102, .24), transparent 26%), linear-gradient(145deg, #f7ead0 0%, #f1d8b1 45%, #e8bea5 100%);--bg: #f4e8cf;--bg-deep: #c94f33;--bg-dark: #243239;--card: rgba(255, 248, 235, .9);--paper: #fff8ef;--ink: #1f2025;--muted: rgba(31, 32, 37, .68);--accent: #efb73e;--accent-2: #0e7c66;--accent-3: #ed6b5c;--tile-empty: rgba(255, 248, 235, .28);--tile-absent: rgba(36, 50, 57, .82);--tile-present: #efb73e;--tile-correct: #0e7c66;--shadow-lg: 0 28px 80px rgba(37, 24, 19, .22);--shadow-sm: 0 12px 24px rgba(37, 24, 19, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--safe-top: max(env(safe-area-inset-top), 18px);--safe-bottom: max(env(safe-area-inset-bottom), 18px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink)}button,input{font:inherit}button{border:0}.intro-screen-button{width:100%;background:transparent;text-align:left;color:inherit;cursor:pointer}.app-shell{position:relative;min-height:100dvh;overflow:hidden;background:var(--shell-background)}.background-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.background-layer--grid{opacity:.12;background-image:linear-gradient(rgba(31,32,37,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(31,32,37,.14) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 90%)}.background-layer--glow{background:radial-gradient(circle at 15% 25%,rgba(237,107,92,.3),transparent 20%),radial-gradient(circle at 85% 18%,rgba(14,124,102,.18),transparent 24%),radial-gradient(circle at 68% 72%,rgba(239,183,62,.16),transparent 30%)}.stage{position:relative;z-index:1;min-height:100dvh;opacity:0;transform:translateY(14px);transition:opacity .22s ease,transform .22s ease}.stage--visible{opacity:1;transform:translateY(0)}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px)}.screen--intro,.screen--voucher{display:grid;align-items:center;gap:24px}.screen--intro{position:relative;justify-items:center;overflow:hidden}.intro-polaroid-stack{position:absolute;inset:auto 26px 110px auto;width:min(82vw,340px);aspect-ratio:.78;pointer-events:none}.intro-shadow-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:#fff8eb94;box-shadow:0 24px 50px #3d241724}.intro-shadow-card--back{transform:rotate(9deg) translate(18px,-6px)}.intro-shadow-card--mid{transform:rotate(-7deg) translate(-10px,18px)}.intro-polaroid{position:relative;overflow:hidden;display:grid;gap:18px;width:min(100%,360px);padding:16px 16px 28px;border-radius:8px;background:linear-gradient(180deg,#fffdf9,#fff7ec);box-shadow:0 38px 80px #3d24173d,0 12px 24px #3d24171f}.intro-tape{position:absolute;top:10px;left:50%;z-index:2;width:104px;height:32px;border-radius:4px;background:linear-gradient(180deg,#fff2c9eb,#e8d6a99e);border:1px solid rgba(173,152,109,.14);transform:translate(-50%) rotate(-3deg)}.intro-photo-wrap{position:relative;aspect-ratio:.84;overflow:hidden;background:#dbcbb4}.intro-photo{width:100%;height:100%;object-fit:cover;display:block}.intro-polaroid-body{display:grid;gap:12px;justify-items:center;text-align:center}.intro-polaroid-body h1{max-width:none;text-align:center}.intro-note{margin:-4px 0 2px;font-family:Bradley Hand,Marker Felt,Segoe Print,cursive;font-size:1.4rem;color:#8a5f4d}.intro-note span{color:#6f7b2d}.eyebrow,.voucher-eyebrow{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;color:var(--accent-2)}h1,h2{margin:0;font-family:Baskerville,Palatino Linotype,serif;line-height:.95;letter-spacing:-.04em}h1{font-size:clamp(3.2rem,12vw,5.2rem);max-width:8ch}h2{font-size:clamp(2.2rem,9vw,3.4rem);max-width:10ch}.hero-copy,.section-copy,.voucher-description,.voucher-validity{margin:0;line-height:1.55;color:var(--muted)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:999px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button{background:var(--bg-dark);color:#fffaf0;box-shadow:var(--shadow-sm)}.primary-button--compact{min-width:96px}.intro-hint{margin:4px 0 0;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#1f20258f}.secondary-button{justify-self:center;background:#fff8ebad;color:var(--ink);border:1px solid rgba(31,32,37,.08)}.primary-button:active,.secondary-button:active,.gallery-frame:active{transform:scale(.98)}.primary-button:focus-visible,.secondary-button:focus-visible,.wordle-input:focus-visible,.gallery-frame:focus-visible{outline:3px solid rgba(14,124,102,.42);outline-offset:3px}.screen--wordle{display:grid;grid-template-rows:auto 1fr auto;gap:24px}.section-header{display:grid;gap:12px}.wordle-board{display:grid;align-content:start;gap:10px}.wordle-row{display:grid;grid-template-columns:repeat(var(--word-length),minmax(0,1fr));gap:10px}.wordle-tile{aspect-ratio:1 / 1.08;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,248,235,.14);background:var(--tile-empty);color:#fffaf0;font-size:clamp(1.1rem,5vw,1.65rem);font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordle-tile--empty{color:#fffaf061}.wordle-tile--absent{background:var(--tile-absent)}.wordle-tile--present{background:var(--tile-present);color:#3a220f}.wordle-tile--correct{background:var(--tile-correct)}.sticky-panel{position:sticky;bottom:0;display:grid;gap:12px;margin:0 -20px calc(-1 * (var(--safe-bottom) + 20px));padding:18px 20px calc(var(--safe-bottom) + 18px);background:linear-gradient(180deg,#f4e8cf00,#f4e8cfeb 24%,#f4e8cffa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.input-title{margin:0;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.input-label,.feedback,.gallery-progress,.voucher-code-label,.voucher-code,.voucher-meta{font-size:.92rem}.input-row{display:grid;grid-template-columns:1fr auto;gap:12px}.wordle-input{min-height:52px;width:100%;padding:0 18px;border-radius:999px;border:1px solid rgba(31,32,37,.12);background:#fff8ebeb;color:var(--ink);text-transform:uppercase;letter-spacing:.18em}.wordle-row--input{--word-length: 6;gap:8px;grid-template-columns:repeat(var(--word-length),minmax(0,1fr))}.wordle-tile--input{width:100%;min-width:0;border:1px solid rgba(255,248,235,.22);background:#fff8ebeb;color:var(--ink);caret-color:transparent;padding:0;text-align:center;box-shadow:var(--shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}.wordle-tile--input:disabled{opacity:.7}.feedback{margin:0;color:var(--muted)}.feedback--error{color:#8f201d}.screen--gallery{padding:0}.gallery-frame{position:relative;width:100%;min-height:100dvh;padding:0;background:transparent;cursor:pointer}.gallery-background,.gallery-background-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.gallery-background{background-position:center;background-repeat:no-repeat;background-size:cover;filter:blur(26px) saturate(.95);transform:scale(1.14)}.gallery-background-overlay{background:linear-gradient(180deg,#100c0a80,#100c0a29 35%,#100c0a94),radial-gradient(circle at top left,rgba(239,183,62,.24),transparent 24%)}.gallery-image{width:100%;height:100%;object-fit:cover;object-position:center center}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(var(--safe-top) + 18px) 20px calc(var(--safe-bottom) + 24px);color:#fffef8}.gallery-polaroid{width:min(100%,320px);padding:14px 14px 22px;border-radius:6px;background:#fffdf8;box-shadow:0 28px 60px #00000042,0 8px 18px #00000024;transform:rotate(var(--gallery-tilt))}.gallery-polaroid--landscape{width:min(100%,340px)}.gallery-polaroid--portrait{width:min(78vw,290px)}.gallery-polaroid-photo{overflow:hidden;background:#d8d0c2}.gallery-polaroid-photo--landscape{aspect-ratio:21 / 14}.gallery-polaroid-photo--portrait{aspect-ratio:9 / 13.6}.gallery-polaroid-caption{display:grid;gap:6px;padding:16px 8px 0;color:#302922;text-align:center}.gallery-polaroid-caption p{margin:0;font-family:Trebuchet MS,Avenir Next,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.08em;line-height:1.15}.gallery-polaroid-caption span{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#302922a3}.gallery-polaroid,.gallery-polaroid-photo{position:relative}.gallery-polaroid:after{content:"";position:absolute;top:-12px;left:50%;width:86px;height:28px;background:linear-gradient(180deg,#faf2d3c7,#e8d8a88a);border:1px solid rgba(164,144,102,.18);border-radius:4px;transform:translate(-50%) rotate(-2deg);box-shadow:0 4px 10px #00000014}.screen--voucher{min-height:100dvh;padding:0 20px;place-content:center;place-items:center;--voucher-cutout: #dec3a1;gap:18px}.voucher-card{position:relative;overflow:hidden;display:grid;gap:22px;width:min(100%,420px);padding:30px 24px 0;border-radius:36px 36px 30px 30px;background:linear-gradient(180deg,#fffefe,#fbf8f4)}.voucher-top{display:grid;width:100%;justify-items:center;gap:12px;padding-top:2px;text-align:center}.voucher-bottom{display:grid;gap:10px}.voucher-badge{width:110px;min-height:56px;display:grid;place-items:center}.voucher-logo{width:108px;height:52px;object-fit:contain}.voucher-title{margin:0;width:100%;max-width:none;font-family:Trebuchet MS,Avenir Next,sans-serif;font-size:clamp(1.2rem,5.4vw,1.55rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;color:#171d38;text-align:center;text-transform:uppercase}.voucher-subtitle{margin:0;width:100%;font-size:.92rem;font-weight:700;line-height:1.35;color:#171d38a3;text-align:center}.voucher-divider{border-top:2px dashed rgba(23,29,56,.1)}.voucher-divider--barcode{margin-top:2px}.voucher-recipient-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:4px 2px}.voucher-profile-image{width:78px;height:78px;border-radius:22px;object-fit:cover;box-shadow:0 10px 20px #171d3814}.voucher-label{margin:0;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;color:#171d386b}.voucher-recipient-name,.voucher-reference-number,.voucher-info-value{margin:4px 0 0;font-size:clamp(1.12rem,4.8vw,1.55rem);font-weight:700;line-height:1.15;color:#171d38}.voucher-recipient-list,.voucher-reference-block{display:grid;gap:6px}.voucher-reference-block{padding:2px 0}.voucher-barcode-section{display:grid;justify-items:center;gap:10px;padding:8px 0 30px;background:linear-gradient(180deg,#fff0,#f8f6f2d1)}.voucher-barcode{display:flex;align-items:flex-end;gap:3px;width:min(100%,250px);height:84px;padding:0 4px}.voucher-bar{width:2px;height:66px;background:#151515}.voucher-bar--thick{width:4px}.voucher-bar--tall{height:84px}.voucher-barcode-digits{margin:0;font-size:.74rem;letter-spacing:.22em;color:#171d38b8;text-indent:.22em}.voucher-bottom-scallops{display:none}.voucher-meta,.voucher-validity{margin:0}.voucher-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted)}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:var(--top-start);left:var(--left);width:calc(14px * var(--size));height:calc(28px * var(--size));border-radius:4px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-3) 50%,var(--accent-2) 100%);transform:rotate(var(--rotation));animation:confetti-fall var(--duration) linear forwards,confetti-spin .9s ease-in-out infinite alternate;animation-delay:var(--delay)}.confetti-piece--rect{border-radius:4px}.confetti-piece--circle{width:calc(16px * var(--size));height:calc(16px * var(--size));border-radius:50%}.confetti-piece--strip{width:calc(9px * var(--size));height:calc(34px * var(--size));border-radius:999px}@keyframes confetti-fall{0%{transform:translateZ(0) rotate(var(--rotation));opacity:0}12%{opacity:1}to{transform:translate3d(var(--drift),120dvh,0) rotate(540deg);opacity:0}}@keyframes confetti-spin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(48deg)}}@media (min-width: 720px){.screen{max-width:640px;margin:0 auto}.screen--gallery{max-width:none}.gallery-frame{min-height:100dvh}.gallery-polaroid{width:min(100%,380px)}.gallery-polaroid--portrait{width:min(78vw,320px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}