/* qrweb design tokens + utilities — Editorial Ink restart */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/InterVariable.woff2') format('woff2-variations'),
       url('/fonts/InterVariable.woff2') format('woff2');
}

:root {
  --bg:            #F8F6F1;
  --surface:       #FFFFFF;
  --surface-2:     #F1EFE9;
  --ink:           #0A0A0A;
  --accent:        #0A0A0A;
  --accent-ink:    #F8F6F1;   /* readable text on accent bg; flipped at runtime by luminance */
  --text:          #0A0A0A;
  --text-muted:    #5E5E5A;
  --text-faint:    #9A9893;
  --border:        #E8E5DD;
  --border-strong: #D2CEC3;

  --success:       #1F6B3F;
  --warn:          #8A6A1A;
  --danger:        #8C2018;
  --danger-subtle: #F4E4E1;

  --radius-sm:   6px;
  --radius:     10px;
  --radius-lg:  14px;
  --radius-xl:  18px;
  --radius-2xl: 22px;
  --radius-pill: 9999px;

  --shadow-card:  0 1px 2px rgba(10, 10, 10, 0.03), 0 2px 8px rgba(10, 10, 10, 0.04);
  --shadow-pop:   0 8px 24px rgba(10, 10, 10, 0.08);
  --shadow-sheet: 0 -12px 32px rgba(10, 10, 10, 0.10);

  --ease:  cubic-bezier(0.2, 0, 0, 1);
  --dur-1: 100ms;
  --dur-2: 180ms;
  --dur-3: 260ms;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif;
}

html, body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'cv11', 'ss01', 'ss03';
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}

/* === Surfaces === */
.surface {
  background: var(--surface);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--border);
}
.surface-flat {
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
}
.surface-muted {
  background: var(--surface-2);
  border-radius: var(--radius-lg);
}
.surface-paper {
  background: var(--bg);
  border-radius: var(--radius-2xl);
  border: 1px solid var(--border);
}

/* === Buttons === */
.btn-primary {
  height: 56px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--accent-ink);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.005em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 28px;
  border: none;
  cursor: pointer;
  transition: transform var(--dur-1) var(--ease), opacity var(--dur-2) var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.btn-primary:active { transform: scale(0.97); opacity: 0.92; }
.btn-primary:disabled { background: var(--border-strong); color: var(--text-faint); cursor: not-allowed; }

.btn-secondary {
  height: 48px;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text);
  font-weight: 500;
  font-size: 15px;
  border: 1px solid var(--border-strong);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 22px;
  cursor: pointer;
  transition: transform var(--dur-1) var(--ease), background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.btn-secondary:active { transform: scale(0.97); background: var(--surface-2); border-color: var(--ink); }

.btn-ghost {
  height: 44px;
  padding: 0 16px;
  background: transparent;
  color: var(--text);
  font-weight: 500;
  font-size: 15px;
  border: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background var(--dur-2) var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.btn-ghost:active { background: var(--surface-2); }

.btn-icon {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-pill);
  display: inline-grid;
  place-items: center;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: transform var(--dur-1) var(--ease), background var(--dur-2) var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.btn-icon:active { transform: scale(0.92); background: var(--surface-2); }

/* === Inputs === */
.input {
  height: 48px;
  width: 100%;
  padding: 0 16px;
  border-radius: var(--radius);
  background: var(--surface-2);
  border: 1px solid transparent;
  color: var(--text);
  font-size: 15px;
  font-family: inherit;
  transition: border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease);
}
.input::placeholder { color: var(--text-faint); }
.input:focus {
  outline: none;
  border-color: var(--ink);
  background: var(--surface);
}
.input-error {
  border-color: var(--danger);
  background: var(--danger-subtle);
}
.textarea {
  width: 100%;
  min-height: 96px;
  padding: 14px 16px;
  border-radius: var(--radius);
  background: var(--surface-2);
  border: 1px solid transparent;
  color: var(--text);
  font-size: 15px;
  font-family: inherit;
  resize: vertical;
  transition: border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease);
}
.textarea:focus {
  outline: none;
  border-color: var(--ink);
  background: var(--surface);
}

/* === Chips === */
.chip {
  height: 36px;
  padding: 0 14px;
  border-radius: var(--radius-pill);
  background: var(--surface);
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid var(--border);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  transition: background var(--dur-2) var(--ease), color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.chip:active { transform: scale(0.96); }
.chip-active {
  background: var(--accent);
  color: var(--bg);
  border-color: var(--accent);
}
.chip-quiet {
  background: var(--surface-2);
  border-color: transparent;
}
.chip-error {
  background: var(--danger-subtle);
  color: var(--danger);
  border-color: var(--danger);
}
.chip-success {
  background: rgba(31, 107, 63, 0.08);
  color: var(--success);
  border-color: rgba(31, 107, 63, 0.30);
}
.tag-tile {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 4px 2px;
  min-width: 56px;
  max-width: 84px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--text-muted);
  -webkit-tap-highlight-color: transparent;
  transition: transform var(--dur-1) var(--ease);
}
.tag-tile:active { transform: scale(0.96); }
.tag-tile-img {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex: none;
  background: var(--surface-2);
}
.tag-tile-label {
  max-width: 84px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 2px solid transparent;
  padding-bottom: 1px;
  transition: color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);
}
.tag-tile.is-active .tag-tile-label {
  color: var(--accent);
  font-weight: 700;
  border-bottom-color: var(--accent);
}

/* === Cart badge (Home product tile, top-right corner) === */
.cart-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: var(--radius-pill);
  background: var(--accent);
  color: var(--accent-ink);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.18);
  transform-origin: center;
}
@keyframes cart-badge-in {
  from { opacity: 0; transform: scale(0.6); }
  to   { opacity: 1; transform: scale(1); }
}
.cart-badge-enter { animation: cart-badge-in 180ms cubic-bezier(0.2,0,0,1) both; }

/* === Flag gifs (Home product tile, bottom-right: spicy + recommended) === */
.flag-gifs {
  position: absolute;
  bottom: -6px;
  right: -18px;
  display: flex;
  gap: 4px;
  pointer-events: none;
}
.flag-chip {
  width: 108px;
  height: 108px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.flag-gifs-2 .flag-chip {
  width: 80px;
  height: 80px;
}
.flag-chip > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 4px 5px rgba(0,0,0,0.4));
}

/* === Chili heat row (Home product tile, under image) === */
.chili-row {
  display: flex;
  gap: 3px;
  align-items: center;
  margin: 2px 0;
}
.chili {
  height: 22px;
  width: auto;
  object-fit: contain;
}

/* === Custom wording badge (Home product tile, bottom-left) === */
.cw-badge {
  position: absolute;
  bottom: 8px;
  left: 8px;
  max-width: 78%;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
  pointer-events: none;
}

/* === Sheet handle (drag indicator) === */
.sheet-handle {
  width: 36px;
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--border-strong);
  margin: 8px auto 4px;
}

/* === Dividers === */
.divider {
  height: 1px;
  background: var(--border);
  width: 100%;
}
.divider-y {
  width: 1px;
  background: var(--border);
  height: 100%;
}
.divider-dashed {
  height: 1px;
  width: 100%;
  background-image: repeating-linear-gradient(90deg, var(--border-strong) 0, var(--border-strong) 4px, transparent 4px, transparent 8px);
}

/* === Typography helpers === */
.text-num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum'; }
.text-display {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.025em;
  line-height: 1.1;
  color: var(--text);
}
.text-title-lg {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--text);
}
.text-title {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.015em;
  line-height: 1.25;
  color: var(--text);
}
.text-body {
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.005em;
  line-height: 1.5;
  color: var(--text);
}
.text-meta {
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.005em;
  line-height: 1.4;
  color: var(--text-muted);
}
.text-label {
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.text-muted  { color: var(--text-muted); }
.text-faint  { color: var(--text-faint); }
.text-ink    { color: var(--ink); }
.text-danger { color: var(--danger); }
.text-success{ color: var(--success); }

/* === Color helpers === */
.bg-app      { background: var(--bg); }
.bg-surface  { background: var(--surface); }
.bg-surface-2{ background: var(--surface-2); }
.bg-ink      { background: var(--ink); color: var(--bg); }
.border-token { border: 1px solid var(--border); }
.border-strong-token { border: 1px solid var(--border-strong); }
.border-ink  { border: 1px solid var(--ink); }

/* === Shadows === */
.shadow-card  { box-shadow: var(--shadow-card); }
.shadow-pop   { box-shadow: var(--shadow-pop); }
.shadow-sheet { box-shadow: var(--shadow-sheet); }

/* === Image blur-up frame === */
.img-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  background: var(--surface-2);
}
.img-frame > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 220ms var(--ease);
}
.img-frame > img.is-loaded { opacity: 1; }
.img-frame-tall {
  aspect-ratio: 4 / 5;
}
.img-frame-hero {
  aspect-ratio: 3 / 4;
}

/* === iOS-style toggle === */
.ios-switch {
  position: relative;
  width: 48px;
  height: 28px;
  border-radius: var(--radius-pill);
  background: var(--border-strong);
  transition: background 150ms var(--ease);
  flex: none;
}
.ios-switch::after {
  content: '';
  position: absolute;
  top: 2px; left: 2px;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
  transition: transform 150ms var(--ease);
}
.peer:checked ~ .ios-switch { background: var(--accent); }
.peer:checked ~ .ios-switch::after { transform: translateX(20px); }

.switch {
  position: relative;
  width: 48px;
  height: 28px;
  background: var(--border-strong);
  border-radius: var(--radius-pill);
  transition: background var(--dur-2) var(--ease);
  flex: none;
}
.switch::after {
  content: '';
  position: absolute;
  top: 2px; left: 2px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  transition: transform var(--dur-2) var(--ease);
}
.switch.is-on { background: var(--accent); }
.switch.is-on::after { transform: translateX(20px); }

/* === Stepper === */
.stepper {
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  height: 36px;
  overflow: hidden;
}
.stepper button {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: transparent;
  border: none;
  color: var(--text);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  transition: background var(--dur-2) var(--ease);
}
.stepper button:active { background: var(--surface-2); }
.stepper button:disabled { color: var(--text-faint); cursor: not-allowed; }
.stepper .qty {
  min-width: 28px;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

/* === Skeleton shimmer === */
@keyframes shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}
.skeleton {
  background: linear-gradient(90deg, var(--surface-2) 0%, var(--border) 50%, var(--surface-2) 100%);
  background-size: 800px 100%;
  animation: shimmer 1400ms linear infinite;
  border-radius: var(--radius);
}

/* === Success checkmark stroke draw === */
@keyframes draw-circle {
  to { stroke-dashoffset: 0; }
}
@keyframes draw-check {
  to { stroke-dashoffset: 0; }
}
.check-anim circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  animation: draw-circle 600ms var(--ease) forwards;
}
.check-anim path {
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: draw-check 300ms var(--ease) 400ms forwards;
}

/* === Sheet slide-up entrance === */
@keyframes sheet-up {
  from { transform: translateY(12px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
.anim-sheet-up { animation: sheet-up 280ms var(--ease); }

@keyframes fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
.anim-fade { animation: fade-in 260ms var(--ease); }

/* === Safe-area utilities === */
.safe-top    { padding-top: env(safe-area-inset-top); }
.safe-bottom { padding-bottom: env(safe-area-inset-bottom); }
.safe-x      { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }

/* === Scroll snap horizontal === */
.snap-x-pad {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 8px 16px;
  scrollbar-width: none;
}
.snap-x-pad::-webkit-scrollbar { display: none; }
.snap-x-pad > * { scroll-snap-align: start; flex: none; }

/* === Reading width === */
.read-width { max-width: 65ch; margin-left: auto; margin-right: auto; }

/* === Hide tap highlight everywhere === */
button, [role="button"], a { -webkit-tap-highlight-color: transparent; }
.pr-shell.svelte-c2iye{height:100%;background:var(--bg);display:flex;flex-direction:column;position:relative}.pr-header.svelte-c2iye{padding:24px 20px 8px;min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center}.pr-welcome.svelte-c2iye{text-align:center}.pr-stage.svelte-c2iye{flex:1;position:relative;overflow:hidden;padding:8px 0}.pr-scroll.svelte-c2iye{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.pr-scroll.svelte-c2iye::-webkit-scrollbar{display:none}.pr-slide.svelte-c2iye{flex:none;width:100%;height:100%;scroll-snap-align:start;display:grid;place-items:center;padding:0 20px}.pr-slide-img.svelte-c2iye{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-2xl)}.pr-dots.svelte-c2iye{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:4px}.pr-dot-btn.svelte-c2iye{background:none;border:none;padding:6px 4px;cursor:pointer}.pr-dot.svelte-c2iye{display:block;width:6px;height:6px;border-radius:9999px;background:var(--border-strong);transition:background 180ms cubic-bezier(0.2,0,0,1), width 180ms cubic-bezier(0.2,0,0,1)}.pr-dot.is-active.svelte-c2iye{background:var(--ink);width:18px}.pr-foot.svelte-c2iye{padding:16px 20px 20px}.ac-shell.svelte-124j80f{position:relative;height:100%;background:var(--bg);padding:20px;padding-top:max(env(safe-area-inset-top, 16px), 24px);overflow-y:auto}.ac-lang.svelte-124j80f{position:absolute;top:max(env(safe-area-inset-top, 16px), 16px);right:16px;z-index:4}.ac-stage.svelte-124j80f{max-width:540px;margin:32px auto 0;display:flex;flex-direction:column;align-items:stretch;gap:32px}.ac-hero.svelte-124j80f{text-align:center}.ac-logo.svelte-124j80f{width:72px;height:72px;border-radius:var(--radius);object-fit:contain;margin:0 auto;background:var(--surface);border:1px solid var(--border);padding:8px}.ac-options.svelte-124j80f{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:12px}.ac-card.svelte-124j80f{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:24px 18px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:border-color 180ms cubic-bezier(0.2,0,0,1), transform 100ms cubic-bezier(0.2,0,0,1);min-height:200px}.ac-card.svelte-124j80f:hover{border-color:var(--border-strong)}.ac-card.svelte-124j80f:active{transform:scale(0.98);border-color:var(--ink)}.ac-card-icon.svelte-124j80f{width:48px;height:48px;border-radius:var(--radius-pill);background:var(--surface-2);display:grid;place-items:center;color:var(--ink)}.ac-foot.svelte-124j80f{text-align:center;margin-top:8px}.ac-link.svelte-124j80f{background:none;border:none;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.lg-shell.svelte-1qjnt3u.svelte-1qjnt3u{height:100%;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;padding-top:max(env(safe-area-inset-top, 16px), 24px)}.lg-toast.svelte-1qjnt3u.svelte-1qjnt3u{position:absolute;top:env(safe-area-inset-top, 16px);left:0;right:0;display:flex;justify-content:center;z-index:5;padding:0 16px;pointer-events:none}.lg-card.svelte-1qjnt3u.svelte-1qjnt3u{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:24px 22px 22px;margin-bottom:env(safe-area-inset-bottom, 0);display:flex;flex-direction:column;gap:22px}.lg-head.svelte-1qjnt3u.svelte-1qjnt3u{text-align:center}.lg-glyph.svelte-1qjnt3u.svelte-1qjnt3u{width:40px;height:40px;margin:0 auto 14px;color:var(--ink);stroke-width:1.4}.lg-phone.svelte-1qjnt3u.svelte-1qjnt3u{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px;letter-spacing:0.04em;color:var(--ink);font-weight:600;min-height:56px}.lg-cc.svelte-1qjnt3u.svelte-1qjnt3u{color:var(--text-muted);font-size:22px;font-weight:500}.lg-digits.svelte-1qjnt3u.svelte-1qjnt3u{color:var(--ink)}.lg-stack.svelte-1qjnt3u.svelte-1qjnt3u{margin-top:18px;display:flex;flex-direction:column;gap:10px}.lg-otp-row.svelte-1qjnt3u.svelte-1qjnt3u{display:flex;gap:8px;align-items:center}.lg-otp-row.svelte-1qjnt3u .input.svelte-1qjnt3u{flex:1}.lg-timer.svelte-1qjnt3u.svelte-1qjnt3u{width:64px;height:44px;display:grid;place-items:center;color:var(--ink);font-weight:600;font-size:15px}.lg-forgot.svelte-1qjnt3u.svelte-1qjnt3u{align-self:flex-end;background:none;border:none;cursor:pointer;color:var(--ink);text-decoration:underline;text-underline-offset:3px;padding:4px 0}.lg-pad.svelte-1qjnt3u.svelte-1qjnt3u{position:relative;min-height:240px}.lg-pad-overlay.svelte-1qjnt3u.svelte-1qjnt3u{position:absolute;inset:0;background:var(--surface);display:flex;flex-direction:column;justify-content:center;z-index:2}.lg-keys.svelte-1qjnt3u.svelte-1qjnt3u{display:grid;grid-template-columns:repeat(3, 1fr);gap:6px}.lg-key.svelte-1qjnt3u.svelte-1qjnt3u{height:60px;background:var(--surface-2);border:none;border-radius:var(--radius-lg);color:var(--ink);font-size:22px;font-weight:500;cursor:pointer;display:grid;place-items:center;transition:background 150ms cubic-bezier(0.2,0,0,1), transform 100ms cubic-bezier(0.2,0,0,1);-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.lg-key.svelte-1qjnt3u.svelte-1qjnt3u:active,button.keypad-button.pressed{background:var(--border);transform:scale(0.96)}.lg-key.svelte-1qjnt3u.svelte-1qjnt3u:disabled{opacity:0.4;cursor:not-allowed}button.keypad-button:disabled:active,button.keypad-button:disabled.pressed{transform:none;background:var(--surface-2);opacity:0.4}.lg-cta-stack.svelte-1qjnt3u.svelte-1qjnt3u{padding:16px 0;display:flex;flex-direction:column;align-items:stretch}.st-shell.svelte-1d1zs2{background:var(--bg);height:100%;padding:72px 20px 110px;overflow-y:auto;max-width:540px;margin:0 auto}.st-hero.svelte-1d1zs2{text-align:center;margin-top:12px}.st-logo.svelte-1d1zs2{width:96px;height:96px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);background-size:cover;background-position:center;background-repeat:no-repeat;margin:0 auto}.st-grid.svelte-1d1zs2{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.st-tile.svelte-1d1zs2{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:var(--text);transition:border-color 180ms cubic-bezier(0.2,0,0,1), transform 100ms cubic-bezier(0.2,0,0,1);position:relative}.st-tile.svelte-1d1zs2:active{transform:scale(0.97)}.st-tile.is-selected.svelte-1d1zs2{border-color:var(--ink)}.st-tile-icon.svelte-1d1zs2{color:var(--ink)}.st-tile-check.svelte-1d1zs2{position:absolute;top:8px;right:8px;color:var(--ink)}.st-list.svelte-1d1zs2{display:flex;flex-direction:column;gap:6px}.st-row.svelte-1d1zs2{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--text);text-align:left;transition:border-color 180ms cubic-bezier(0.2,0,0,1)}.st-row.is-selected.svelte-1d1zs2{border-color:var(--ink)}.st-toolbar.svelte-1d1zs2{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:14px 16px}.pax-scrim.svelte-ma9e3f{position:fixed;inset:0;z-index:50;background:rgba(10,10,10,0.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:16px}.pax-card.svelte-ma9e3f{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-pop);padding:28px 24px 22px;text-align:center;display:flex;flex-direction:column;gap:22px;align-items:stretch}.pax-wheel.svelte-ma9e3f{position:relative;height:240px;width:100%;overflow:hidden}.pax-scroll.svelte-ma9e3f{height:100%;width:100%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth}.pax-scroll.svelte-ma9e3f::-webkit-scrollbar{display:none}.pax-pad.svelte-ma9e3f{height:96px}.pax-item.svelte-ma9e3f{height:48px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-weight:500;font-size:22px;color:var(--text-faint);cursor:pointer;transition:color 150ms cubic-bezier(0.2,0,0,1), font-weight 150ms cubic-bezier(0.2,0,0,1), font-size 150ms cubic-bezier(0.2,0,0,1)}.pax-item.is-active.svelte-ma9e3f{color:var(--ink);font-weight:700;font-size:32px;letter-spacing:-0.02em}.pax-highlight.svelte-ma9e3f{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:56px;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);pointer-events:none}.pax-fade.svelte-ma9e3f{position:absolute;left:0;right:0;height:88px;pointer-events:none}.pax-fade-top.svelte-ma9e3f{top:0;background:linear-gradient(to bottom, var(--surface), transparent)}.pax-fade-bot.svelte-ma9e3f{bottom:0;background:linear-gradient(to top, var(--surface), transparent)}.pax-hint.svelte-ma9e3f{opacity:0.7}.sl-shell.svelte-v53h1v{height:100%;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;padding-top:max(env(safe-area-inset-top, 16px), 24px)}.sl-toast.svelte-v53h1v{position:absolute;top:env(safe-area-inset-top, 16px);left:0;right:0;display:flex;justify-content:center;z-index:5}.sl-card.svelte-v53h1v{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:28px 22px 22px;margin-bottom:env(safe-area-inset-bottom, 0);display:flex;flex-direction:column;gap:22px}.sl-head.svelte-v53h1v{text-align:center}.sl-phone.svelte-v53h1v{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px;letter-spacing:0.04em;color:var(--ink);font-weight:600;min-height:56px}.sl-cc.svelte-v53h1v{color:var(--text-muted);font-size:22px;font-weight:500}.sl-digits.svelte-v53h1v{color:var(--ink)}.sl-name-input.svelte-v53h1v{margin-top:18px;height:56px;font-size:18px;text-align:center}.sl-pad.svelte-v53h1v{position:relative;min-height:240px}.sl-pad-overlay.svelte-v53h1v{position:absolute;inset:0;background:var(--surface);display:flex;flex-direction:column;justify-content:center;z-index:2}.sl-keys.svelte-v53h1v{display:grid;grid-template-columns:repeat(3, 1fr);gap:6px}.sl-key.svelte-v53h1v{height:60px;background:var(--surface-2);border:none;border-radius:var(--radius-lg);color:var(--ink);font-size:22px;font-weight:500;cursor:pointer;transition:background 150ms cubic-bezier(0.2,0,0,1), transform 100ms cubic-bezier(0.2,0,0,1);display:grid;place-items:center}.sl-key.svelte-v53h1v:active{background:var(--border);transform:scale(0.96)}.sl-key.svelte-v53h1v:disabled{opacity:0.4;cursor:not-allowed}.sl-cta-stack.svelte-v53h1v{padding:16px 0}.cp-shell.svelte-1j1hot1{height:100%;background:var(--bg);display:flex;flex-direction:column;padding-top:64px}.cp-stage.svelte-1j1hot1{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.cp-check.svelte-1j1hot1{width:280px;height:280px;max-width:80vw;display:grid;place-items:center}.cp-chef.svelte-1j1hot1{width:100%;height:100%;object-fit:contain}.cp-wording.svelte-1j1hot1{margin-top:18px;max-width:360px}.cp-foot.svelte-1j1hot1{padding:16px 16px 24px;background:var(--surface);border-top:1px solid var(--border)}.cp-powered.svelte-1j1hot1{margin-top:12px;text-align:center;display:flex;justify-content:center;align-items:center;gap:6px}.cp-link.svelte-1j1hot1{background:none;border:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:13px;cursor:pointer;padding:0}@keyframes svelte-120yhdz-flashRed{0%,100%{background-color:transparent !important;box-shadow:none !important;transform:scale(1)}25%,75%{background-color:#FBE7E2 !important;box-shadow:0 0 0 4px rgba(194, 55, 27, 0.35) !important;transform:scale(1)}50%{background-color:#FBE7E2 !important;box-shadow:0 0 0 6px rgba(194, 55, 27, 0.45) !important;transform:scale(1.005)}}div.flash-red,.flash-red,div.flash-red.bg-white,div.flash-red.bg-blue-300{animation:svelte-120yhdz-flashRed 1s ease-in-out !important;animation-name:svelte-120yhdz-flashRed !important;animation-duration:1s !important;animation-timing-function:ease-in-out !important}.cust-shell.svelte-1kp3lq5{background:var(--bg);height:100%;padding-top:64px;padding-bottom:96px;overflow-y:auto}.cust-inner.svelte-1kp3lq5{padding:16px;max-width:640px;margin:0 auto}.cust-row.svelte-1kp3lq5{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;text-align:left;cursor:pointer;transition:border-color 180ms cubic-bezier(0.2,0,0,1), background 180ms cubic-bezier(0.2,0,0,1)}.cust-row.is-active.svelte-1kp3lq5{border-color:var(--ink)}.cust-row.is-editing.svelte-1kp3lq5{cursor:default}.cust-row-head.svelte-1kp3lq5{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cust-grid.svelte-1kp3lq5{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cust-col-full.svelte-1kp3lq5{grid-column:span 2}.cust-row-foot.svelte-1kp3lq5{margin-top:12px;display:flex;justify-content:flex-end}.cust-toolbar.svelte-1kp3lq5{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:14px 16px}.av-titlebar.svelte-sy3h3a.svelte-sy3h3a{display:flex;align-items:center;width:100%;gap:8px}.av-tabs.svelte-sy3h3a.svelte-sy3h3a{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-2);padding:4px;border-radius:var(--radius-pill)}.av-tab.svelte-sy3h3a.svelte-sy3h3a{border:none;background:transparent;padding:8px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:background 180ms cubic-bezier(0.2,0,0,1), color 180ms cubic-bezier(0.2,0,0,1)}.av-tab.is-active.svelte-sy3h3a.svelte-sy3h3a{background:var(--ink);color:var(--bg)}.av-shell.svelte-sy3h3a.svelte-sy3h3a{height:100%;background:var(--bg);padding-top:64px;overflow:hidden}.av-scroll.svelte-sy3h3a.svelte-sy3h3a{height:100%;overflow-y:auto;padding:16px;padding-bottom:32px;max-width:640px;margin:0 auto}.av-hero-img.svelte-sy3h3a.svelte-sy3h3a{width:100%;margin-bottom:16px;border-radius:var(--radius-2xl);overflow:hidden;background:var(--surface-2)}.av-hero-img.svelte-sy3h3a img.svelte-sy3h3a{width:100%;height:auto;display:block}.av-card.svelte-sy3h3a.svelte-sy3h3a{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:22px}.av-state.svelte-sy3h3a.svelte-sy3h3a{text-align:center;padding:24px 0}.av-form.svelte-sy3h3a.svelte-sy3h3a{margin-top:18px;display:flex;flex-direction:column;gap:14px}.av-cta.svelte-sy3h3a.svelte-sy3h3a{margin-top:16px}.av-id-row.svelte-sy3h3a.svelte-sy3h3a{display:flex;align-items:center;gap:14px}.av-logo.svelte-sy3h3a.svelte-sy3h3a{width:56px;height:56px;border-radius:var(--radius);object-fit:contain;background:var(--surface-2)}.av-hours.svelte-sy3h3a.svelte-sy3h3a{margin-top:10px;display:flex;flex-direction:column;gap:6px}.av-hours-row.svelte-sy3h3a.svelte-sy3h3a{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:var(--text-muted);font-size:14px}.av-hours-row.is-today.svelte-sy3h3a.svelte-sy3h3a{color:var(--ink);font-weight:600}.av-day.svelte-sy3h3a.svelte-sy3h3a{font-weight:inherit}.av-hr.svelte-sy3h3a.svelte-sy3h3a{color:inherit}.bd-shell.svelte-ir6pee.svelte-ir6pee{background:var(--bg);height:100%;padding:32px 16px;overflow-y:auto}.bd-inner.svelte-ir6pee.svelte-ir6pee{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:28px 22px;max-width:480px;margin:0 auto}.bd-field.svelte-ir6pee.svelte-ir6pee{margin-top:24px;cursor:pointer}.bd-validation.svelte-ir6pee.svelte-ir6pee{margin-top:16px;background:var(--danger-subtle);border-radius:var(--radius);padding:12px 14px}.bd-validation.svelte-ir6pee ul.svelte-ir6pee{margin:0;padding-left:16px}.bb-overlay.svelte-84dxph{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:rgba(10,10,12,0.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bb-sheet.svelte-84dxph{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-2xl);padding:8px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet);text-align:center}.bb-hero-card.svelte-84dxph{width:84px;height:116px;margin:10px auto 16px;border-radius:var(--radius-lg);background:var(--ink);border:1.5px solid rgba(248,246,241,0.22);box-shadow:var(--shadow-pop);display:grid;place-items:center}.bb-mark.svelte-84dxph{font-size:1.5rem;color:rgba(248,246,241,0.85)}.bb-title.svelte-84dxph{font-size:24px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--text);margin:2px 0 6px}.bb-sub.svelte-84dxph{font-size:15px;line-height:1.5;color:var(--text-muted);margin:0 0 18px}.bb-deal-hint.svelte-84dxph{font-size:13px;font-weight:700;color:#8A6A1A;margin:-8px 0 16px;animation:svelte-84dxph-bb-dealhint 1.8s ease-in-out infinite}@keyframes svelte-84dxph-bb-dealhint{0%,100%{opacity:0.7}50%{opacity:1}}@media(prefers-reduced-motion: reduce){.bb-deal-hint.svelte-84dxph{animation:none}}.bbp.svelte-m90lkz.svelte-m90lkz{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;color:var(--text);background:var(--bg);overflow:hidden}.bbp-head.svelte-m90lkz.svelte-m90lkz{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 12px 8px}.bbp-back.svelte-m90lkz.svelte-m90lkz,.bbp-cart.svelte-m90lkz.svelte-m90lkz{position:relative;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-1) var(--ease), background var(--dur-2) var(--ease)}.bbp-back.svelte-m90lkz.svelte-m90lkz{font-size:24px;line-height:1}.bbp-back.svelte-m90lkz.svelte-m90lkz:active,.bbp-cart.svelte-m90lkz.svelte-m90lkz:active{transform:scale(0.92);background:var(--surface-2)}.bbp-cart.svelte-m90lkz svg.svelte-m90lkz{width:20px;height:20px}.bbp-htitle.svelte-m90lkz.svelte-m90lkz{font-weight:600;letter-spacing:-0.015em;font-size:1rem;color:var(--text)}.bbp-badge.svelte-m90lkz.svelte-m90lkz{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;display:grid;place-items:center;box-shadow:0 1px 2px rgba(0,0,0,0.18)}.bbp-body.svelte-m90lkz.svelte-m90lkz{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:12px 18px}.bbp-center.svelte-m90lkz.svelte-m90lkz{width:100%;max-width:420px;text-align:center;margin-block:auto}.bbp-draw.svelte-m90lkz.svelte-m90lkz{position:relative;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;margin-block:auto}.bbp-hero-card.svelte-m90lkz.svelte-m90lkz{width:96px;height:132px;margin:0 auto 18px;border-radius:var(--radius-lg);background:var(--accent);border:1.5px solid rgba(248,246,241,0.22);box-shadow:var(--shadow-pop);display:grid;place-items:center}.bbp-mode-actions.svelte-m90lkz.svelte-m90lkz{display:flex;flex-direction:column;gap:12px;margin-top:18px}.bbp-chips.svelte-m90lkz.svelte-m90lkz{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}.bbp-hint.svelte-m90lkz.svelte-m90lkz{font-size:13px;color:var(--text-muted);margin-bottom:18px}.bbp-pile.svelte-m90lkz.svelte-m90lkz{display:flex;justify-content:center;align-items:flex-end;height:220px}.bbp-card-back.svelte-m90lkz.svelte-m90lkz{width:96px;height:142px;margin:0 -20px;padding:0;border:1.5px solid rgba(248,246,241,0.22);border-radius:var(--radius-lg);cursor:pointer;background:var(--accent);box-shadow:var(--shadow-pop);transform-origin:bottom center;transform:rotate(calc((var(--i) - 2) * 8deg));transition:transform 160ms var(--ease);display:grid;place-items:center;animation:svelte-m90lkz-bbp-bob 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * 120ms);-webkit-tap-highlight-color:transparent}.bbp-card-back.svelte-m90lkz.svelte-m90lkz:active{transform:rotate(calc((var(--i) - 2) * 8deg)) translateY(-12px) scale(1.04)}.bbp-qmark.svelte-m90lkz.svelte-m90lkz{font-size:1.6rem;color:rgba(248,246,241,0.85)}@keyframes svelte-m90lkz-bbp-bob{0%,100%{margin-top:0}50%{margin-top:-8px}}.bbp-flipwrap.svelte-m90lkz.svelte-m90lkz{perspective:1100px;height:272px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.bbp-flip.svelte-m90lkz.svelte-m90lkz{position:relative;width:196px;height:256px;transform-style:preserve-3d;transition:transform 600ms var(--ease)}.bbp-flip.go.svelte-m90lkz.svelte-m90lkz{transform:rotateY(180deg)}.bbp-face.svelte-m90lkz.svelte-m90lkz{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-xl);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow-pop)}.bbp-face-back.svelte-m90lkz.svelte-m90lkz{background:var(--accent);border:1.5px solid rgba(248,246,241,0.22)}.bbp-face-front.svelte-m90lkz.svelte-m90lkz{background:var(--surface);transform:rotateY(180deg)}.bbp-prod-img.svelte-m90lkz.svelte-m90lkz{width:100%;height:100%;object-fit:cover}.bbp-prod-noimg.svelte-m90lkz.svelte-m90lkz{width:100%;height:100%;display:grid;place-items:center;background:var(--surface-2);color:var(--text-faint);font-size:2rem}.bbp-flipwrap-lg.svelte-m90lkz.svelte-m90lkz{height:376px}.bbp-flipwrap-lg.svelte-m90lkz .bbp-flip.svelte-m90lkz{width:280px;height:360px}.bbp-reveal.svelte-m90lkz.svelte-m90lkz{text-align:center}.bbp-got.svelte-m90lkz.svelte-m90lkz{font-size:12px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted)}.bbp-name.svelte-m90lkz.svelte-m90lkz{font-size:24px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--text);margin:4px 0 2px}.bbp-price.svelte-m90lkz.svelte-m90lkz{font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:16px}.bbp-actions.svelte-m90lkz.svelte-m90lkz{display:flex;gap:12px;justify-content:center;align-items:center}.bbp-empty.svelte-m90lkz.svelte-m90lkz{font-size:15px;color:var(--text-muted);text-align:center;padding:40px 0}.bbp-foot.svelte-m90lkz.svelte-m90lkz{padding:10px 18px calc(env(safe-area-inset-bottom) + 14px)}.bbp-toast.svelte-m90lkz.svelte-m90lkz{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:var(--radius-pill);font-weight:600;font-size:0.95rem;z-index:30;box-shadow:var(--shadow-pop)}.bbp-deal-glow.svelte-m90lkz.svelte-m90lkz{animation:svelte-m90lkz-bbp-dealglow 1.5s ease-in-out 620ms 3}@keyframes svelte-m90lkz-bbp-dealglow{0%,100%{box-shadow:var(--shadow-pop)}50%{box-shadow:0 0 0 3px rgba(201,162,39,0.55), 0 14px 34px rgba(138,106,26,0.45)}}.bbp-deal-badge.svelte-m90lkz.svelte-m90lkz{position:absolute;top:8px;right:8px;z-index:2;background:#8A6A1A;color:#F8F6F1;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;padding:6px 10px;border-radius:var(--radius-pill);box-shadow:0 2px 8px rgba(138,106,26,0.5);transform:scale(0);animation:svelte-m90lkz-bbp-stamp 360ms cubic-bezier(.2,1.4,.4,1) 660ms forwards}@keyframes svelte-m90lkz-bbp-stamp{0%{transform:scale(1.8) rotate(-14deg);opacity:0}100%{transform:scale(1) rotate(-8deg);opacity:1}}.bbp-price-row.svelte-m90lkz.svelte-m90lkz{display:flex;gap:10px;justify-content:center;align-items:baseline;margin-bottom:4px}.bbp-was.svelte-m90lkz.svelte-m90lkz{font-size:0.95rem;color:var(--text-faint);text-decoration:line-through}.bbp-deal-price.svelte-m90lkz.svelte-m90lkz{font-size:1.35rem;font-weight:800;color:#8A6A1A;display:inline-block;animation:svelte-m90lkz-bbp-pricepulse 700ms ease-out 720ms 2}.bbp-deal-from.svelte-m90lkz.svelte-m90lkz{font-size:0.85rem;font-weight:500;color:var(--text-muted)}@keyframes svelte-m90lkz-bbp-pricepulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}.bbp-deal-once.svelte-m90lkz.svelte-m90lkz{font-size:12.5px;font-weight:600;color:var(--danger);margin-bottom:14px}@media(prefers-reduced-motion: reduce){.bbp-deal-glow.svelte-m90lkz.svelte-m90lkz,.bbp-deal-price.svelte-m90lkz.svelte-m90lkz{animation:none}.bbp-deal-badge.svelte-m90lkz.svelte-m90lkz{animation:none;transform:scale(1) rotate(-8deg)}}.bbp-confetti.svelte-m90lkz.svelte-m90lkz{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:8}.bbp-confetti.svelte-m90lkz>span.svelte-m90lkz{position:absolute;left:50%;top:42%;width:9px;height:14px;border-radius:2px;opacity:0;animation:svelte-m90lkz-bbp-confetti var(--d) ease-out var(--delay) forwards}@keyframes svelte-m90lkz-bbp-confetti{0%{transform:translate(-50%, -50%) rotate(0deg);opacity:1}100%{transform:translate(calc(-50% + var(--x)), calc(-50% + 230px)) rotate(var(--r));opacity:0}}.qr-shell.svelte-c3bepc.svelte-c3bepc{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.qr-top.svelte-c3bepc.svelte-c3bepc{position:absolute;top:env(safe-area-inset-top, 12px);left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.qr-title.svelte-c3bepc.svelte-c3bepc{font-weight:600;color:#fff;font-size:15px;letter-spacing:-0.01em;background:rgba(0,0,0,0.42);padding:6px 14px;border-radius:9999px;backdrop-filter:blur(6px)}.qr-viewport.svelte-c3bepc #reader,.qr-viewport.svelte-c3bepc video{width:100% !important;height:100% !important;object-fit:cover}#reader.svelte-c3bepc.svelte-c3bepc{position:absolute;inset:0;background:#000}.qr-frame.svelte-c3bepc.svelte-c3bepc{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:260px;height:260px;pointer-events:none}.qr-frame.svelte-c3bepc .c.svelte-c3bepc{position:absolute;width:28px;height:28px;border-color:rgba(255,255,255,0.92);border-style:solid;border-width:0}.qr-frame.svelte-c3bepc .c-tl.svelte-c3bepc{top:0;left:0;border-top-width:2px;border-left-width:2px;border-top-left-radius:4px}.qr-frame.svelte-c3bepc .c-tr.svelte-c3bepc{top:0;right:0;border-top-width:2px;border-right-width:2px;border-top-right-radius:4px}.qr-frame.svelte-c3bepc .c-bl.svelte-c3bepc{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:4px}.qr-frame.svelte-c3bepc .c-br.svelte-c3bepc{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:4px}.qr-hint.svelte-c3bepc.svelte-c3bepc{position:absolute;bottom:calc(env(safe-area-inset-bottom, 16px) + 24px);left:50%;transform:translateX(-50%);color:rgba(255,255,255,0.86);font-size:13px;font-weight:500;background:rgba(0,0,0,0.42);padding:8px 16px;border-radius:9999px;backdrop-filter:blur(6px);white-space:nowrap}.ip-shell.svelte-1cvy374{position:absolute;inset:0;background:var(--bg);display:grid;place-items:center;padding:24px;z-index:50}.ip-card.svelte-1cvy374{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:32px 24px;text-align:center}.ip-spin.svelte-1cvy374{color:var(--ink);display:inline-block}.promotion-selector.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{width:100%}.vs-section.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;margin:12px 0}.vs-applied.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{background:var(--surface-2);border-radius:var(--radius);padding:10px 12px}.selected-promotions.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{margin:12px 0;animation:svelte-b5mamy-slideIn 0.3s cubic-bezier(0.2,0,0,1)}.vs-stack.svelte-b5mamy>.svelte-b5mamy+.svelte-b5mamy{margin-top:8px}.vs-row.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;transition:border-color 180ms cubic-bezier(0.2,0,0,1)}.vs-row-active.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{border-color:var(--accent)}.vs-total.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{background:var(--surface-2);border-radius:var(--radius-lg);padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.vs-open.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;margin:12px 0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color 180ms cubic-bezier(0.2,0,0,1), background 180ms cubic-bezier(0.2,0,0,1)}.vs-open.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy:hover{border-color:var(--border-strong)}.vs-open.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy:active{background:var(--surface-2)}.vs-open-icon.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{width:36px;height:36px;display:grid;place-items:center;border-radius:9999px;background:var(--surface-2);color:var(--ink);flex:none}.vs-scrim.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{position:fixed;inset:0;background:rgba(10,10,10,0.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50}.vs-modal-wrap.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{position:fixed;inset:0;z-index:51;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none}.vs-modal.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{pointer-events:auto;width:100%;max-width:480px;max-height:90vh;background:var(--surface);border-radius:var(--radius-2xl);border:1px solid var(--border);box-shadow:var(--shadow-pop);overflow:hidden;display:flex;flex-direction:column}.vs-modal-sm.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{max-width:420px}.vs-modal-head.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.vs-modal-body.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{padding:16px 20px;overflow-y:auto;flex:1}.vs-modal-foot.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{padding:14px 20px;border-top:1px solid var(--border)}.input.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{font-family:inherit}@keyframes svelte-b5mamy-slideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bill-amount-met__apply.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy{background-color:#166534;color:#ffffff;border:none;cursor:pointer;transition:background-color 0.15s ease}.bill-amount-met__apply.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy:hover:not(:disabled){background-color:#14532d}.bill-amount-met__apply.svelte-b5mamy.svelte-b5mamy.svelte-b5mamy:disabled{background-color:#9ca3af;color:#ffffff;cursor:not-allowed}.rg-shell.svelte-sfn73s.svelte-sfn73s{height:100%;background:var(--bg);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;padding-top:max(env(safe-area-inset-top, 16px), 24px)}.rg-toast.svelte-sfn73s.svelte-sfn73s{position:absolute;top:env(safe-area-inset-top, 16px);left:0;right:0;display:flex;justify-content:center;z-index:5;padding:0 16px;pointer-events:none}.rg-card.svelte-sfn73s.svelte-sfn73s{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:24px 22px 22px;margin-bottom:env(safe-area-inset-bottom, 0);display:flex;flex-direction:column;gap:22px}.rg-head.svelte-sfn73s.svelte-sfn73s{text-align:center}.rg-glyph.svelte-sfn73s.svelte-sfn73s{width:40px;height:40px;margin:0 auto 14px;color:var(--ink);stroke-width:1.4}.rg-name-input.svelte-sfn73s.svelte-sfn73s{margin-top:18px;height:56px;font-size:18px;text-align:center}.rg-phone.svelte-sfn73s.svelte-sfn73s{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:26px;letter-spacing:0.04em;color:var(--ink);font-weight:600;min-height:56px}.rg-cc.svelte-sfn73s.svelte-sfn73s{color:var(--text-muted);font-size:22px;font-weight:500}.rg-digits.svelte-sfn73s.svelte-sfn73s{color:var(--ink)}.rg-stack.svelte-sfn73s.svelte-sfn73s{margin-top:18px;display:flex;flex-direction:column;gap:10px}.rg-otp-row.svelte-sfn73s.svelte-sfn73s{display:flex;gap:8px;align-items:center}.rg-otp-row.svelte-sfn73s .input.svelte-sfn73s{flex:1}.rg-timer.svelte-sfn73s.svelte-sfn73s{width:64px;height:44px;display:grid;place-items:center;color:var(--ink);font-weight:600;font-size:15px}.rg-pad.svelte-sfn73s.svelte-sfn73s{position:relative;min-height:240px}.rg-pad-overlay.svelte-sfn73s.svelte-sfn73s{position:absolute;inset:0;background:var(--surface);display:flex;flex-direction:column;justify-content:center;z-index:2}.rg-keys.svelte-sfn73s.svelte-sfn73s{display:grid;grid-template-columns:repeat(3, 1fr);gap:6px}.rg-key.svelte-sfn73s.svelte-sfn73s{height:60px;background:var(--surface-2);border:none;border-radius:var(--radius-lg);color:var(--ink);font-size:22px;font-weight:500;cursor:pointer;display:grid;place-items:center;transition:background 150ms cubic-bezier(0.2,0,0,1), transform 100ms cubic-bezier(0.2,0,0,1)}.rg-key.svelte-sfn73s.svelte-sfn73s:active{background:var(--border);transform:scale(0.96)}.rg-cta-stack.svelte-sfn73s.svelte-sfn73s{padding:16px 0;display:flex;flex-direction:column;align-items:stretch}@keyframes svelte-15apkzk-flashRed{0%,100%{transform:scale(1)}25%,75%{transform:scale(1);box-shadow:0 0 0 4px rgba(194,55,27,0.35) !important}50%{transform:scale(1.005);box-shadow:0 0 0 6px rgba(194,55,27,0.45) !important}}div.flash-red{animation:svelte-15apkzk-flashRed 1s ease-in-out !important;animation-fill-mode:both !important}div.invalid-red{box-shadow:0 0 0 3px rgba(194,55,27,0.55) inset !important}.pc-shell.svelte-cl3vsq{height:100%;background:var(--bg);padding:80px 20px 110px;overflow-y:auto}.pc-inner.svelte-cl3vsq{max-width:540px;margin:0 auto}.pc-grid.svelte-cl3vsq{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pc-tile.svelte-cl3vsq{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--text);text-align:left;transition:border-color 180ms cubic-bezier(0.2,0,0,1), transform 100ms cubic-bezier(0.2,0,0,1)}.pc-tile.svelte-cl3vsq:active{transform:scale(0.98)}.pc-tile.is-active.svelte-cl3vsq{border-color:var(--ink);color:var(--ink)}.pc-toolbar.svelte-cl3vsq{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:14px 16px;display:flex;gap:10px;align-items:center}.card-shadow.svelte-1lbc9wz{filter:blur(50px);opacity:0.5}.text-shadow.svelte-1lbc9wz{text-shadow:2px 2px 4px black}