.card-layout.svelte-ixwbpo{height:100%;display:flex;flex-direction:column;gap:var(--space-3)}.card-layout.svelte-ixwbpo>:where(.svelte-ixwbpo){flex-shrink:0}@media(min-width:640px){.card-layout.svelte-ixwbpo{flex-direction:row}.card-layout.svelte-ixwbpo>:where(.svelte-ixwbpo){flex-shrink:1}}.qr-section.svelte-ixwbpo{position:relative;padding:1rem;height:20vh;display:flex;align-items:center;justify-content:center}@media(min-width:640px){.qr-section.svelte-ixwbpo{height:100%;width:40%}}.qr-wrapper.svelte-ixwbpo{aspect-ratio:1;max-height:100%;max-width:100%;background:#fff;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--warm-border) 50%,transparent);padding:.25rem;box-shadow:inset 0 2px 4px #0000000d;display:flex;align-items:center;justify-content:center;isolation:isolate;z-index:1}@media(min-width:640px){.qr-wrapper.svelte-ixwbpo{min-width:7.5rem;max-width:min(100%,50vh)}}.card-section.svelte-ixwbpo{flex:1;min-width:0;min-height:0}.customize-trigger.svelte-1skmchv{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--warm-500);background:transparent;border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.customize-trigger.svelte-1skmchv:hover{background:var(--warm-surface);color:var(--warm-700)}.modal-backdrop.svelte-1skmchv{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);animation:svelte-1skmchv-fade-in .15s ease-out}.modal-content.svelte-1skmchv{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:440px;max-height:calc(100vh - var(--space-8));overflow-y:auto;box-shadow:var(--shadow-lg);animation:svelte-1skmchv-scale-up .2s cubic-bezier(.22,1.2,.36,1)}.modal-header.svelte-1skmchv{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--warm-border)}.modal-title.svelte-1skmchv{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:500;color:var(--warm-text)}.modal-close.svelte-1skmchv{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--warm-500);background:transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.modal-close.svelte-1skmchv:hover{background:var(--warm-surface);color:var(--warm-700)}.modal-body.svelte-1skmchv{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.modal-footer.svelte-1skmchv{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-top:1px solid var(--warm-border);gap:var(--space-3)}.field-row.svelte-1skmchv{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-field.svelte-1skmchv{display:flex;flex-direction:column;gap:var(--space-2)}.form-label.svelte-1skmchv{font-size:var(--text-sm);font-weight:600;color:var(--warm-700)}.form-input.svelte-1skmchv{width:100%;padding:10px 12px;font-family:var(--font-sans);font-size:var(--text-sm);background:var(--warm-cream);border:2px solid var(--warm-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-fast) ease,background var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.form-input.svelte-1skmchv::-moz-placeholder{color:var(--warm-400)}.form-input.svelte-1skmchv::placeholder{color:var(--warm-400)}.form-input.svelte-1skmchv:focus{background:#fff;border-color:var(--warm-700);box-shadow:0 0 0 3px #463d361f}.copy-btn.svelte-1skmchv{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--warm-600);background:var(--warm-surface);border-radius:var(--radius-md);transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.copy-btn.svelte-1skmchv:hover{background:var(--warm-border);color:var(--warm-700)}.done-btn.svelte-1skmchv{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--warm-700);border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.done-btn.svelte-1skmchv:hover{background:var(--warm-800)}@keyframes svelte-1skmchv-fade-in{0%{opacity:0}to{opacity:1}}@keyframes svelte-1skmchv-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.modal-backdrop.svelte-1skmchv,.modal-content.svelte-1skmchv{animation:none}.customize-trigger.svelte-1skmchv,.modal-close.svelte-1skmchv,.copy-btn.svelte-1skmchv,.done-btn.svelte-1skmchv{transition:none}}.device-frame.svelte-1uobwq3{border-radius:var(--radius-2xl);background:var(--warm-surface);box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 8px 24px #0000000a;overflow:hidden}.device-top-bar.svelte-1uobwq3{display:flex;gap:5px;padding:8px 12px;background:var(--warm-border)}.device-top-bar.svelte-1uobwq3 .dot:where(.svelte-1uobwq3){width:7px;height:7px;border-radius:50%;background:var(--warm-400);opacity:.5}.device-content.svelte-1uobwq3{padding:24px 20px 28px;display:flex;flex-direction:column;font-family:var(--font-sans)}.hero.svelte-1uobwq3{text-align:center;margin-bottom:20px}.logo-wrapper.svelte-1uobwq3{position:relative;width:80px;height:80px;margin:0 auto 12px}.shop-logo-fallback.svelte-1uobwq3{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-4xl);font-weight:600;font-family:var(--font-serif);position:relative;z-index:1;box-shadow:0 4px 12px #00000014,0 8px 24px #00000014}.logo-ring.svelte-1uobwq3{position:absolute;inset:-6px;border-radius:50%;border:2px dashed var(--warm-border-strong);opacity:.6;animation:svelte-1uobwq3-spinSlow 30s linear infinite}@keyframes svelte-1uobwq3-spinSlow{to{transform:rotate(360deg)}}.shop-name.svelte-1uobwq3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.01em;margin-bottom:6px}.value-prop.svelte-1uobwq3{font-size:var(--text-sm);line-height:1.6;color:var(--warm-600)}.value-prop.svelte-1uobwq3 strong:where(.svelte-1uobwq3){color:var(--warm-700);font-weight:600}.qr-card.svelte-1uobwq3{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;margin-bottom:20px;animation:svelte-1uobwq3-qr-fade-in .5s ease-out forwards}@keyframes svelte-1uobwq3-qr-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.qr-code-wrapper.svelte-1uobwq3{width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden}.qr-hint.svelte-1uobwq3{font-size:var(--text-xs);color:var(--warm-500);text-align:center}.preview-card.svelte-1uobwq3{background:#ffffffb3;border-radius:var(--radius-2xl);padding:18px 16px;margin-bottom:20px;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f,0 8px 24px #0000000a}.stamp-preview.svelte-1uobwq3{display:flex;align-items:center;justify-content:center;gap:6px}.preview-stamp.svelte-1uobwq3,.preview-reward.svelte-1uobwq3{width:34px;height:34px;position:relative;overflow:visible}.stamp-circle.svelte-1uobwq3,.reward-circle.svelte-1uobwq3{width:100%;height:100%;overflow:visible}.stamp-circle.svelte-1uobwq3 .outer-ring{fill:none;stroke:#ffffffb3;stroke-width:2}.stamp-circle.svelte-1uobwq3 .inner-slot{fill:none;stroke:var(--warm-border);stroke-width:4;stroke-dasharray:9 6}.reward-circle.svelte-1uobwq3 .outer-ring{fill:none;stroke:#ffffffb3;stroke-width:2}.reward-circle.svelte-1uobwq3 .inner-slot{fill:none;stroke:var(--warm-border-strong);stroke-width:4;stroke-dasharray:9 6}.stamp-number.svelte-1uobwq3{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--warm-400)}.preview-dots.svelte-1uobwq3{display:flex;gap:3px;padding:0 2px}.preview-dots.svelte-1uobwq3 .dot:where(.svelte-1uobwq3){width:3px;height:3px;border-radius:50%;background:var(--warm-border-strong)}.preview-reward.svelte-1uobwq3{position:relative}.reward-icon{position:absolute;inset:0;margin:auto;width:17px;height:17px;color:var(--warm-400)}.cta-section.svelte-1uobwq3{text-align:center}.cta-button.svelte-1uobwq3{width:100%;padding:12px var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:#fff;background:linear-gradient(180deg,var(--cta-base) 0%,var(--cta-intense) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:center;transform:translateY(0);box-shadow:0 4px color-mix(in srgb,var(--cta-intense) 100%,black 20%),0 6px 12px color-mix(in srgb,var(--cta-intense) 40%,transparent);transition:transform .15s cubic-bezier(.22,1.2,.36,1),box-shadow .15s cubic-bezier(.22,1.2,.36,1)}.cta-button.animate-press.svelte-1uobwq3{animation:svelte-1uobwq3-pressDown .15s ease-in forwards}.cta-button.cta-disabled.svelte-1uobwq3{background:var(--warm-200);color:var(--warm-400);cursor:default;box-shadow:0 3px 0 var(--warm-300),0 4px 8px #0000000a}@keyframes svelte-1uobwq3-pressDown{0%{transform:translateY(0);box-shadow:0 4px color-mix(in srgb,var(--cta-intense) 100%,black 20%),0 6px 12px color-mix(in srgb,var(--cta-intense) 40%,transparent)}to{transform:translateY(2px);box-shadow:0 2px color-mix(in srgb,var(--cta-intense) 100%,black 20%),0 3px 6px color-mix(in srgb,var(--cta-intense) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.logo-ring.svelte-1uobwq3,.qr-card.svelte-1uobwq3{animation:none}.cta-button.svelte-1uobwq3{transition:none}.cta-button.animate-press.svelte-1uobwq3{animation:none;transform:translateY(2px);box-shadow:0 2px color-mix(in srgb,var(--cta-intense) 100%,black 20%),0 3px 6px color-mix(in srgb,var(--cta-intense) 30%,transparent)}}.demo-page.svelte-lofog1{display:flex;flex-direction:column;min-height:100dvh}.demo-content.svelte-lofog1{flex:1;display:flex;flex-direction:column}.demo-container.svelte-lofog1{flex:1;display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6);gap:var(--space-4)}.main-content.svelte-lofog1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.visual-area.svelte-lofog1{flex:1;display:flex;align-items:center;justify-content:center;position:relative;width:100%;overflow:visible}.narrative.svelte-lofog1{font-family:var(--font-sans);font-size:clamp(1.5rem,5vw,2rem);line-height:1.3;color:var(--warm-500);text-align:center;width:min(100%,20ch);min-height:3.9em;margin-bottom:var(--space-2);opacity:0;transform:translateY(8px)}@media(min-width:640px){.narrative.svelte-lofog1{margin-bottom:var(--space-4)}}.narrative-visible.svelte-lofog1{animation:svelte-lofog1-narrative-rise .35s cubic-bezier(.22,1.2,.36,1) forwards}@keyframes svelte-lofog1-narrative-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.narrative.svelte-lofog1 strong{color:var(--warm-700);font-weight:600}.preview-wrapper.svelte-lofog1{width:100%;max-width:360px;transition:opacity .2s ease}.preview-fading.svelte-lofog1{opacity:0}.card-layout-wrapper.svelte-lofog1{width:min(100%,400px);height:min(70vh,560px);padding:.5rem;margin:-.5rem}@media(min-width:640px){.card-layout-wrapper.svelte-lofog1{width:100%;height:min(50vh,360px)}}.card-scaling-in.svelte-lofog1{animation:svelte-lofog1-scale-in .3s cubic-bezier(.22,1.2,.36,1) forwards}@keyframes svelte-lofog1-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.qr-modal-code.svelte-lofog1{width:200px;height:200px}.finale.svelte-lofog1{background:linear-gradient(165deg,#fffdfafa,#fefcf8eb,#fcfaf5f2);border-radius:1rem;border:1px solid rgba(0,0,0,.06);padding:var(--space-6);position:relative;display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:400px;overflow:hidden;box-shadow:0 1px 1px #472c1f14,0 2px 4px #472c1f0f,0 8px 16px -6px #6035201f,inset 0 1px #ffffffe6;animation:svelte-lofog1-finale-enter .5s cubic-bezier(.22,1.2,.36,1) forwards}@keyframes svelte-lofog1-finale-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.finale-grain.svelte-lofog1{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 1.1' numOctaves='4' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.finale-watermark.svelte-lofog1{position:absolute;bottom:-35%;left:10%;color:var(--stamp-base);opacity:.06;transform:rotate(-15deg);pointer-events:none;z-index:0}.finale-watermark.svelte-lofog1 .watermark-initial:where(.svelte-lofog1){font-family:var(--font-sans);font-size:28rem;font-weight:900;line-height:1;-webkit-text-stroke:3px currentColor}.finale-body.svelte-lofog1{position:relative;z-index:2}.finale-drop.svelte-lofog1{font-family:var(--font-serif);font-size:clamp(1.5rem,5vw,1.75rem);font-weight:600;color:var(--warm-800);line-height:1.2;opacity:0;animation:svelte-lofog1-drop-in .5s cubic-bezier(.34,1.56,.64,1) .35s forwards}.finale-name.svelte-lofog1{font-family:var(--font-serif);font-size:clamp(1.5rem,5vw,1.75rem);font-weight:600;color:var(--stamp-intense);line-height:1.2;margin-bottom:var(--space-2);opacity:0;animation:svelte-lofog1-drop-in .5s cubic-bezier(.34,1.56,.64,1) .45s forwards}@keyframes svelte-lofog1-drop-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.finale-tagline.svelte-lofog1{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:1.5;color:var(--warm-500);opacity:0;animation:svelte-lofog1-fade-up .4s ease .5s forwards}@keyframes svelte-lofog1-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.finale-perks.svelte-lofog1{display:flex;flex-direction:column;gap:var(--space-2);position:relative;z-index:2}.finale-perks.svelte-lofog1 li:where(.svelte-lofog1){font-family:var(--font-sans);font-size:var(--text-sm);color:var(--warm-600);padding-left:var(--space-6);position:relative;opacity:0;animation:svelte-lofog1-fade-up .35s ease calc(.55s + var(--i) * .07s) forwards}.finale-perks.svelte-lofog1 li:where(.svelte-lofog1):before{content:"✓";position:absolute;left:0;color:var(--stamp-intense);font-weight:700;font-size:var(--text-base)}.finale-cta.svelte-lofog1{--btn-shadow-color: color-mix(in srgb, var(--stamp-intense) 100%, black 25%);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:#fff;background:var(--stamp-intense);border-radius:var(--radius-lg);text-decoration:none;position:relative;z-index:2;opacity:0;animation:svelte-lofog1-fade-up .4s ease .85s forwards}.finale-cta.svelte-lofog1 svg:where(.svelte-lofog1){transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.finale-cta.svelte-lofog1:hover svg:where(.svelte-lofog1){transform:translate(4px)}.button-area.svelte-lofog1{display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;min-height:56px}.demo-action-btn.svelte-lofog1{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:clamp(1.25rem,4vw,1.5rem);font-weight:500;color:var(--cta-intense);background:transparent;border-radius:var(--radius-full);cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,transform .2s cubic-bezier(.34,1.56,.64,1);opacity:0;animation:svelte-lofog1-action-btn-enter .9s ease-out .6s forwards}@keyframes svelte-lofog1-action-btn-enter{0%{opacity:0;transform:translateY(6px)}40%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:rotate(-4deg)}62%{opacity:1;transform:rotate(3deg)}72%{opacity:1;transform:rotate(-2deg)}80%{opacity:1;transform:rotate(1deg)}87%{opacity:1;transform:rotate(-.5deg)}to{opacity:1;transform:rotate(0)}}.demo-action-btn.svelte-lofog1:hover{color:color-mix(in srgb,var(--cta-intense) 100%,black 15%);background:color-mix(in srgb,var(--cta-base) 12%,transparent);transform:scale(1.05)}.demo-action-btn.svelte-lofog1:active{background:color-mix(in srgb,var(--cta-base) 20%,transparent);transform:scale(.97)}.restart-btn.svelte-lofog1{position:fixed;bottom:var(--space-4);left:var(--space-4);display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--warm-500);background:#fff;border-radius:50%;box-shadow:var(--shadow-card);cursor:pointer;z-index:10;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.restart-btn.svelte-lofog1:hover{background:var(--warm-surface);color:var(--warm-700);box-shadow:var(--shadow-md)}.companion-driving.svelte-lofog1{font-size:var(--text-sm);color:var(--warm-500);text-align:center;padding:16px}.customize-btn-wrapper.svelte-lofog1{position:fixed;top:8px;left:var(--space-4);z-index:200}.qr-join-btn.svelte-lofog1{position:fixed;bottom:var(--space-4);right:var(--space-4);width:48px;height:48px;border-radius:50%;background:#fff;color:var(--warm-600);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;overflow:visible;transition:background var(--duration-fast) ease,color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.qr-join-btn.svelte-lofog1:hover{background:var(--warm-surface);color:var(--warm-700);box-shadow:var(--shadow-md)}.qr-join-btn.companion-active.svelte-lofog1{background:var(--sage-100, #e8f0e8);color:var(--sage-700, #2d5a2d)}.connected-indicator.svelte-lofog1{position:absolute;top:8px;right:8px;width:10px;height:10px;background:var(--sage-500, #4a9c4a);border-radius:50%;border:2px solid white;box-shadow:0 1px 2px #0000001a}.qr-modal-backdrop.svelte-lofog1{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.qr-modal.svelte-lofog1{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);max-width:360px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.qr-modal-title.svelte-lofog1{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:500;color:var(--warm-text);margin-bottom:var(--space-2)}.qr-modal-desc.svelte-lofog1{font-size:var(--text-sm);color:var(--warm-600);margin-bottom:var(--space-5);line-height:1.5}.qr-code-container.svelte-lofog1{display:flex;justify-content:center;margin-bottom:var(--space-4)}.qr-code-container.svelte-lofog1 .qr-modal-code:where(.svelte-lofog1){border-radius:var(--radius-lg);overflow:hidden}.qr-url.svelte-lofog1{font-family:monospace;font-size:var(--text-xs);color:var(--warm-500);word-break:break-all;margin-bottom:var(--space-5);padding:var(--space-2);background:var(--warm-surface);border-radius:var(--radius-md)}.qr-close-btn.svelte-lofog1{width:100%;padding:12px var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--warm-700);background:var(--warm-surface);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) ease}.qr-close-btn.svelte-lofog1:hover{background:var(--warm-border)}@media(prefers-reduced-motion:reduce){.narrative.svelte-lofog1{opacity:1;transform:none}.narrative-visible.svelte-lofog1{animation:none;opacity:1}.preview-wrapper.svelte-lofog1{transition:none}.card-scaling-in.svelte-lofog1{animation:none;transform:scale(1);opacity:1}.demo-action-btn.svelte-lofog1{transition:none;animation:none;opacity:1}.qr-join-btn.svelte-lofog1{transition:none}.finale.svelte-lofog1{animation:none;opacity:1;transform:none}.finale-drop.svelte-lofog1,.finale-name.svelte-lofog1,.finale-tagline.svelte-lofog1,.finale-perks.svelte-lofog1 li:where(.svelte-lofog1),.finale-cta.svelte-lofog1{animation:none;opacity:1;transform:none}.finale-cta.svelte-lofog1 svg:where(.svelte-lofog1){transition:none}.finale-cta.svelte-lofog1:hover svg:where(.svelte-lofog1){transform:none}}