:root{--c-primary: oklch(50% .21 0);--c-accent: oklch(88% .18 95);--c-candy: oklch(72% .24 10);--c-surface: oklch(96% .045 10);--c-cream: oklch(98% .025 80);--c-ink: oklch(28% .1 350);--c-bg-top: oklch(72% .18 5);--c-bg-bottom: oklch(58% .21 358);--font-display: "Bagel Fat One", "Fredoka", system-ui, sans-serif;--font-sans: "Fredoka", system-ui, -apple-system, sans-serif;--radius: 22px;--shadow-sm: 0 3px 0 oklch(28% .1 350 / .18);--shadow-md: 0 6px 0 oklch(28% .1 350 / .18);--shadow-lg: 0 10px 0 oklch(28% .1 350 / .2);--bar-h: 84px}[data-preset=noite]{--c-primary: oklch(70% .19 300);--c-accent: oklch(80% .16 190);--c-candy: oklch(60% .2 300);--c-surface: oklch(24% .03 290);--c-cream: oklch(96% .01 290);--c-ink: oklch(96% .01 290);--c-bg-top: oklch(22% .05 290);--c-bg-bottom: oklch(14% .04 290);--shadow-sm: 0 3px 0 oklch(8% .02 290 / .5);--shadow-md: 0 6px 0 oklch(8% .02 290 / .5);--shadow-lg: 0 10px 0 oklch(8% .02 290 / .55)}[data-preset=neon]{--c-primary: oklch(78% .22 145);--c-accent: oklch(85% .2 195);--c-candy: oklch(70% .2 145);--c-surface: oklch(20% .02 160);--c-cream: oklch(97% .02 160);--c-ink: oklch(97% .02 160);--c-bg-top: oklch(18% .04 160);--c-bg-bottom: oklch(12% .03 160);--shadow-sm: 0 3px 0 oklch(8% .02 160 / .55);--shadow-md: 0 6px 0 oklch(8% .02 160 / .55);--shadow-lg: 0 10px 0 oklch(8% .02 160 / .6)}[data-preset=praia]{--c-primary: oklch(62% .16 220);--c-accent: oklch(85% .17 80);--c-candy: oklch(75% .14 200);--c-surface: oklch(97% .03 200);--c-cream: oklch(99% .02 90);--c-ink: oklch(32% .08 230);--c-bg-top: oklch(80% .12 210);--c-bg-bottom: oklch(66% .14 220)}[data-preset=luxo]{--c-primary: oklch(72% .14 85);--c-accent: oklch(88% .1 90);--c-candy: oklch(62% .12 85);--c-surface: oklch(22% .01 80);--c-cream: oklch(95% .03 85);--c-ink: oklch(95% .03 85);--c-bg-top: oklch(20% .02 80);--c-bg-bottom: oklch(12% .01 80);--shadow-sm: 0 3px 0 oklch(6% .01 80 / .6);--shadow-md: 0 6px 0 oklch(6% .01 80 / .6);--shadow-lg: 0 10px 0 oklch(6% .01 80 / .65)}[data-preset=minimal]{--c-primary: oklch(35% .02 260);--c-accent: oklch(70% .15 250);--c-candy: oklch(55% .02 260);--c-surface: oklch(98% .002 260);--c-cream: oklch(100% 0 0);--c-ink: oklch(25% .01 260);--c-bg-top: oklch(94% .004 260);--c-bg-bottom: oklch(88% .006 260);--font-display: "Fredoka", system-ui, sans-serif;--radius: 14px;--shadow-sm: 0 2px 0 oklch(25% .01 260 / .12);--shadow-md: 0 4px 0 oklch(25% .01 260 / .12);--shadow-lg: 0 6px 0 oklch(25% .01 260 / .14)}[data-corner=soft]{--radius: 14px}[data-corner=sharp]{--radius: 4px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--c-ink);background:linear-gradient(180deg,var(--c-bg-top),var(--c-bg-bottom));background-attachment:fixed;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}.scroll{overflow-y:auto;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.app{min-height:100%;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + 12px)}.display{font-family:var(--font-display);font-weight:400;line-height:1;letter-spacing:.01em}.pill{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--c-cream);color:var(--c-primary);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.cover{padding:18px 18px 6px;text-align:center}.cover h1{margin:12px 0 2px;font-size:clamp(26px,8vw,38px);color:var(--c-cream);text-shadow:0 3px 0 oklch(28% .1 350 / .25)}.cover .sub{margin:0;font-style:italic;font-size:14px;color:var(--c-cream);opacity:.9}.avatar{width:128px;height:128px;margin:14px auto 10px;border-radius:26px;border:5px solid var(--c-cream);background:var(--c-surface) center/cover no-repeat;box-shadow:var(--shadow-md);display:grid;place-items:center;font-size:42px}.section{padding:14px 16px 6px}.section-title{margin:6px 0 12px;font-size:clamp(20px,6vw,26px);color:var(--c-cream);text-shadow:0 2px 0 oklch(28% .1 350 / .22)}.card{background:var(--c-surface);border:3px solid var(--c-cream);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:14px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}button{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.item{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;text-align:center;background:var(--c-surface);border:3px solid var(--c-cream);border-radius:var(--radius);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.item:active{transform:scale(.97)}.item.featured{grid-column:1 / -1;flex-direction:row;align-items:center;text-align:left;background:var(--c-primary);color:var(--c-cream)}.item.featured .price{background:var(--c-accent);color:var(--c-ink)}.thumb{width:100%;aspect-ratio:1;border-radius:14px;background:linear-gradient(135deg,#f3bfbe,#dc9b90);background-size:cover;background-position:center;display:grid;place-items:center;font-size:30px}.item.featured .thumb{width:92px;flex:0 0 92px}.thumb.blur{filter:blur(7px)}.item h3{margin:0;font-size:14px;font-weight:700;line-height:1.25}.item p{margin:0;font-size:12px;opacity:.75;line-height:1.3}.price{align-self:center;padding:5px 14px;border-radius:999px;background:var(--c-candy);color:var(--c-cream);font-family:var(--font-display);font-size:15px;box-shadow:var(--shadow-sm)}.item.featured .price{align-self:flex-start}.qty-badge{position:absolute;top:-8px;right:-8px;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--c-accent);color:var(--c-ink);border:3px solid var(--c-cream);display:grid;place-items:center;font-weight:700;font-size:13px}.tip{background:var(--c-primary);border:3px solid var(--c-cream);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow-lg);padding:18px 16px 14px;text-align:center;color:var(--c-cream)}.tip .amount{font-family:var(--font-display);font-size:clamp(44px,15vw,64px);line-height:1;margin:8px 0 4px;text-shadow:0 4px 0 oklch(28% .1 350 / .25)}.tip .amount b{color:var(--c-accent);font-weight:inherit}.slider-wrap{position:relative;padding:6px 2px 0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;background:transparent;outline:none;margin:0}input[type=range]::-webkit-slider-runnable-track{height:14px;border-radius:999px;background:linear-gradient(to right,var(--c-accent) 0%,var(--c-accent) var(--fill, 0%),oklch(100% 0 0 / .28) var(--fill, 0%),oklch(100% 0 0 / .28) 100%)}input[type=range]::-moz-range-track{height:14px;border-radius:999px;background:#ffffff47}input[type=range]::-moz-range-progress{height:14px;border-radius:999px;background:var(--c-accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-8px;border-radius:50%;background:var(--c-cream);border:3px solid var(--c-primary);box-shadow:var(--shadow-sm);cursor:grab}input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--c-cream);border:3px solid var(--c-primary)}.scene{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:30px;margin-top:6px;font-size:20px}.scene span{animation:pop .32s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}@keyframes pop{0%{transform:scale(0) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.limits{display:flex;justify-content:space-between;font-size:11px;opacity:.8;margin-top:2px}.presets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.chip{padding:7px 16px;border-radius:999px;border:2px solid oklch(100% 0 0 / .35);background:#ffffff29;color:var(--c-cream);font-size:13px;font-weight:600;cursor:pointer}.chip.on{background:var(--c-cream);color:var(--c-primary);border-color:var(--c-cream)}.hint{margin:10px 0 0;font-size:12.5px;opacity:.92}.hint b{color:var(--c-accent)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:var(--c-cream);border-top:3px solid var(--c-candy)}.bar .total{flex:1;min-width:0}.bar .total small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);opacity:.75}.bar .total strong{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--c-primary)}.cta{flex:0 0 auto;padding:15px 26px;border:none;border-radius:999px;background:var(--c-primary);color:var(--c-cream);font-family:var(--font-display);font-size:16px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1)}.cta:active{transform:translateY(3px);box-shadow:var(--shadow-sm)}.cta:disabled{opacity:.55;box-shadow:none}.sheet-bg{position:fixed;inset:0;z-index:40;background:#12080c8c;backdrop-filter:blur(2px)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-height:92dvh;display:flex;flex-direction:column;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));background:var(--c-cream);border-radius:28px 28px 0 0;box-shadow:0 -10px 40px #260b1947;animation:up .28s cubic-bezier(.16,1,.3,1)}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.handle{width:44px;height:5px;margin:0 auto 10px;border-radius:999px;background:#4a0b302e}.sheet h2{margin:2px 0 12px;text-align:center;font-size:21px;color:var(--c-primary)}.lines{overflow-y:auto;max-height:40dvh;margin:0 -4px;padding:0 4px}.line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:2px dashed oklch(80% .04 10)}.line .name{flex:1;min-width:0;font-size:14px;font-weight:600}.line .name small{display:block;font-weight:400;opacity:.6}.step{width:30px;height:30px;border-radius:50%;border:2px solid var(--c-candy);background:transparent;color:var(--c-primary);font-size:16px;font-weight:700;cursor:pointer}.total-row{display:flex;align-items:baseline;justify-content:space-between;padding:12px 2px 6px}.total-row span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.total-row strong{font-family:var(--font-display);font-weight:400;font-size:32px;color:var(--c-primary)}.field{width:100%;padding:13px 16px;margin-bottom:8px;border:2px dashed var(--c-candy);border-radius:16px;background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:15px;text-align:center}.field:disabled{opacity:.5}.check{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px auto 12px;padding:4px 8px;background:none;border:none;color:inherit;font-family:inherit;font-size:13px;cursor:pointer}.check i{width:18px;height:18px;border-radius:5px;border:2px solid var(--c-candy);display:grid;place-items:center;font-style:normal;font-size:12px;color:var(--c-cream)}.check i.on{background:var(--c-primary);border-color:var(--c-primary)}.cta.block{width:100%;padding:17px}.qr{width:200px;height:200px;margin:6px auto 12px;border-radius:18px;border:4px solid var(--c-surface);background:#fff center/contain no-repeat;box-shadow:var(--shadow-md)}.code{padding:12px;border-radius:14px;background:var(--c-surface);border:2px dashed var(--c-candy);font-family:ui-monospace,monospace;font-size:11px;line-height:1.5;word-break:break-all;max-height:92px;overflow:hidden}.status{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 4px;font-size:13px;font-weight:600;color:var(--c-primary)}.dot{width:9px;height:9px;border-radius:50%;background:var(--c-accent);animation:blink 1.1s infinite}@keyframes blink{50%{opacity:.25}}.done{text-align:center;padding:10px 0 4px}.done .big{font-size:54px}.items-state{margin:10px 0 0;padding:0;list-style:none;font-size:13px}.items-state li{display:flex;justify-content:space-between;gap:10px;padding:5px 0}.notice{margin:10px 16px;padding:12px 14px;border-radius:16px;background:var(--c-cream);color:var(--c-primary);font-size:13px;text-align:center;box-shadow:var(--shadow-sm)}.center-msg{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center;color:var(--c-cream)}.demo-tag{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:8px;z-index:50;padding:4px 10px;border-radius:999px;background:#4a0b3099;color:var(--c-cream);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.gate{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 24px calc(28px + env(safe-area-inset-bottom,0px));min-height:100dvh;background:var(--c-surface);text-align:center}.gate .mark{font-size:46px;line-height:1}.gate h1{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--c-primary)}.gate p{max-width:30ch;font-size:13.5px;line-height:1.5;color:var(--c-ink);opacity:.75}.gate .cta{width:100%;max-width:320px}.gate .leave{padding:6px 12px;background:none;border:none;color:inherit;font-family:inherit;font-size:12.5px;opacity:.55;text-decoration:underline}.gate .terms{font-size:11.5px;opacity:.6}.gate .terms a{color:var(--c-primary)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}