:root{--pp-cream:#f5ead6;--pp-ink:#3a2a18;--pp-primary:#8a5a2b;--pp-accent:oklch(78% .13 70);--pp-accent-2:oklch(62% .13 40);--pp-success:oklch(56% .11 145);--pp-success-bg:oklch(94% .03 145);--pp-error:oklch(54% .17 25);--pp-error-bg:oklch(94% .03 25/.9);--pp-muted:#3a2a189e;--pp-on-primary:#fff8ef;--glass-bg:#f5ead66b;--glass-bg-strong:#faf2e4b8;--glass-border:#ffffffa6;--glass-shadow:0 10px 32px #78501e38, inset 0 1px 0 #ffffff80;--glass-sat:saturate(180%);--glass-blur-sm:14px;--glass-blur-md:24px;--glass-blur-lg:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:26px;--pp-page:linear-gradient(160deg, #fbf1de 0%, #f5ead6 45%, #f0dcb8 100%);--blob-a:#ffc46e8c;--blob-b:#d4965073;--blob-c:#ffe0a08c;--font-display:Georgia, "Iowan Old Style", "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:17px/1.5 var(--font-body);color:var(--pp-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--pp-cream:#2a2018;--pp-ink:#f6ead9;--pp-primary:#e0a25c;--pp-accent:oklch(78% .13 70);--pp-accent-2:oklch(66% .13 40);--pp-success:oklch(66% .1 145);--pp-success-bg:oklch(30% .03 145/.6);--pp-error:oklch(68% .15 25);--pp-error-bg:oklch(30% .05 25/.6);--pp-muted:#f6ead99e;--pp-on-primary:#241c15;--glass-bg:#3a2c2057;--glass-bg-strong:#32261ca3;--glass-border:#ffdcb438;--glass-shadow:0 10px 32px #00000073, inset 0 1px 0 #ffdcb41a;--pp-page:linear-gradient(160deg, #241c15 0%, #2b2118 50%, #1e170f 100%);--blob-a:#d2823259;--blob-b:#965a2859;--blob-c:#78461e4d}}*{box-sizing:border-box}body{background:var(--pp-page);min-height:100svh;color:var(--pp-ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}::selection{background:#8a5a2b40}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 42% at 8% 6%, var(--blob-a), transparent 70%), radial-gradient(44% 40% at 96% 34%, var(--blob-b), transparent 70%), radial-gradient(42% 40% at 40% 100%, var(--blob-c), transparent 70%);filter:blur(30px);animation:18s ease-in-out infinite pp-float;position:fixed;inset:0}@keyframes pp-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(1.03)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}#root{box-sizing:border-box;width:100%;max-width:520px;min-height:100svh;margin:0 auto;padding:20px 16px 96px}h1,h2{font-family:var(--font-display);color:var(--pp-ink);margin:0;font-weight:700}h1{letter-spacing:-.01em;font-size:30px;line-height:1.15}h2{font-size:20px;line-height:1.2}p{margin:0}a{color:var(--pp-primary)}code{border-radius:var(--radius-sm);background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--pp-ink);padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em}:focus-visible{outline:3px solid var(--pp-ink);outline-offset:2px;border-radius:4px}.pp{text-align:left;flex-direction:column;gap:18px;display:flex}.pp>h1{margin:6px 0 2px}.tagline{color:var(--pp-ink);opacity:.75;margin-top:-6px;font-size:15px}.landing{text-align:center;justify-content:center;align-items:center;gap:14px;min-height:70svh}.landing h1{font-size:40px}.landing .tagline{max-width:300px;margin:0 0 12px}.landing .row{flex-direction:column;width:100%;max-width:340px}section{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-md)) var(--glass-sat);backdrop-filter:blur(var(--glass-blur-md)) var(--glass-sat);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);flex-direction:column;gap:12px;padding:18px;display:flex}section h2{margin-bottom:2px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.row>input,.row>select{flex:160px}.row>button{flex:none}label{color:var(--pp-ink);font-size:13px;font-weight:600;display:block}input,select{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-strong);width:100%;min-height:48px;color:var(--pp-ink);margin-top:6px;padding:0 14px;font-family:inherit;font-size:15px;display:block}input::placeholder{color:var(--pp-muted)}select{cursor:pointer;appearance:none;padding-right:14px}.row>input,.row>select{margin-top:0}button{border-radius:var(--radius-md);background:var(--pp-primary);min-height:48px;color:var(--pp-on-primary);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:700;transition:filter .15s,background .15s,transform 50ms;display:inline-flex;box-shadow:0 8px 22px #784b1947}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.row button:nth-of-type(n+2){background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur-md)) var(--glass-sat);backdrop-filter:blur(var(--glass-blur-md)) var(--glass-sat);color:var(--pp-ink);border:1px solid var(--glass-border);box-shadow:none}.row button:nth-of-type(n+2):hover{background:var(--glass-bg-strong);filter:none}.landing .row button,.pp>.row button{width:100%;min-height:56px;font-size:17px}.err,.ok{border-radius:var(--radius-md);border:1px solid;padding:10px 14px;font-size:14px;font-weight:600}.err{background:var(--pp-error-bg);color:var(--pp-error);border-color:var(--pp-error)}.ok{background:var(--pp-success-bg);color:var(--pp-success);border-color:var(--pp-success)}.card{border-radius:var(--radius-xl);background:linear-gradient(150deg, var(--pp-primary) 0%, var(--pp-accent-2) 100%);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;align-items:center;gap:16px;padding:22px 18px;position:relative;overflow:hidden;box-shadow:0 20px 44px #78461459}.card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff59,#0000 45% 60%,#ffffff26);width:160%;height:160%;position:absolute;top:-40%;left:-20%}.card>*{position:relative}.card h2{color:var(--pp-on-primary);text-align:center;letter-spacing:.03em;text-transform:uppercase;font-size:15px}.qr-card{background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex;box-shadow:0 10px 30px #00000040}.qr-card img{border-radius:8px;width:100%;max-width:220px;height:auto;display:block}.qr-label{color:var(--pp-primary);font-size:22px;font-weight:800}.qr-hint{color:#6b533a;text-align:center;font-size:13px}.products,.orders,.slots{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.products li,.orders li,.slots li{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) var(--glass-sat);backdrop-filter:blur(var(--glass-blur-sm)) var(--glass-sat);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--pp-ink);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.products li input[type=number]{text-align:center;width:72px;min-width:72px;margin-top:0;padding:0 8px}.orders button{min-height:40px;color:var(--pp-error);border:1px solid var(--pp-error);box-shadow:none;background:0 0;padding:0 16px;font-size:14px}.orders button:hover{background:var(--pp-error-bg);filter:none}.total{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--pp-ink);justify-content:space-between;align-items:baseline;padding:12px 14px;font-weight:700;display:flex}.plan .kpi{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-align:center;color:var(--pp-ink);padding:16px;font-size:19px;font-weight:800}.plan ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.plan ul li{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-sm)) var(--glass-sat);backdrop-filter:blur(var(--glass-blur-sm)) var(--glass-sat);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--pp-ink);padding:12px 14px;font-size:17px;font-weight:700}.plan ul li strong{color:var(--pp-primary)}.promos{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.promo{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 14px}.promo-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.promo-kind{text-transform:uppercase;letter-spacing:.03em;color:var(--pp-on-primary);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}.promo-kind.promo{background:var(--pp-accent-2)}.promo-kind.nouveaute{background:var(--pp-primary)}.promo-title{color:var(--pp-ink);font-size:15px;font-weight:700}.promo-body{color:var(--pp-ink);margin-top:6px;font-size:14px}.promo-expiry{color:var(--pp-muted);margin-top:6px;font-size:12px}.kiosk-promos{width:100%;max-width:340px}.kiosk{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--pp-primary) 0%, var(--pp-accent-2) 100%);flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex;box-shadow:0 20px 44px #78461459}.kiosk-brand{font-family:var(--font-display);color:var(--pp-on-primary);font-size:24px;font-weight:700}.kiosk-title{color:#fff8ebe6;max-width:320px;font-size:15px}.kiosk-qr{background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 30px #00000040}.kiosk-qr img{width:100%;max-width:300px;height:auto;display:block}.kiosk-instruction{color:var(--pp-on-primary);font-size:15px;font-weight:700}.kiosk:fullscreen{border-radius:0;justify-content:center;gap:24px}.kiosk:fullscreen .kiosk-brand{font-size:40px}.kiosk:fullscreen .kiosk-qr img{max-width:min(60vh,90vw)}.rewards{flex-direction:column;gap:12px;display:flex}.rewards-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rewards-rank{font-family:var(--font-display);color:var(--pp-ink);font-size:20px;font-weight:700}.rewards-points{color:var(--pp-primary);font-size:15px;font-weight:800}.streak{background:var(--pp-error-bg);color:var(--pp-accent-2);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.streak strong{font-size:16px}.gauge{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:999px;height:16px;overflow:hidden}.gauge-fill{background:linear-gradient(90deg, var(--pp-primary), var(--pp-accent));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px #e0a25c80}@media (prefers-reduced-motion:reduce){.gauge-fill{transition:none}}.rewards-next{color:var(--pp-ink);font-size:14px}.rewards-maxed,.kiosk-instruction{align-items:center;gap:6px;display:inline-flex}.tier-check{justify-content:center;align-items:center;display:inline-flex}.rewards-next strong{color:var(--pp-primary)}.tiers{flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.tier{border-radius:var(--radius-md);background:var(--glass-bg-strong);border:1px solid var(--glass-border);opacity:.6;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.tier.reached{opacity:1;border-color:var(--pp-primary)}.tier-check{color:var(--pp-muted);font-weight:800}.tier.reached .tier-check{color:var(--pp-success)}.tier-name{color:var(--pp-ink);font-weight:700}.tier-meta{color:var(--pp-muted);white-space:nowrap;font-size:12px}.badges{flex-direction:column;gap:8px;margin-top:4px;display:flex}.badges-title{color:var(--pp-muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.badges-row{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:var(--radius-md);background:var(--glass-bg-strong);border:1px solid var(--glass-border);opacity:.55;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:10px 8px;display:flex}.badge.unlocked{opacity:1;border-color:var(--pp-primary);box-shadow:0 6px 16px #784b192e}.badge-icon{font-size:22px}.badge-name{color:var(--pp-ink);font-size:12px;font-weight:700}.settings{flex-direction:column;gap:14px;display:flex}.settings .scrim{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px;display:flex}.settings h3{font-family:var(--font-display);color:var(--pp-ink);margin:0;font-size:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--glass-border);background:var(--glass-bg);min-height:44px;color:var(--pp-ink);box-shadow:none;border-radius:999px;padding:0 16px;font-size:14px;font-weight:700}.chip.active{background:var(--pp-primary);color:var(--pp-on-primary);border-color:#0000}.tier-editor{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tier-editor li{grid-template-columns:1fr 84px 1fr auto;align-items:center;gap:8px;display:grid}.tier-editor input,.tier-editor select{min-height:44px;margin-top:0}.tier-remove{width:44px;min-height:44px;color:var(--pp-error);border:1px solid var(--pp-error);box-shadow:none;background:0 0;padding:0;font-size:16px}.tier-remove:hover{background:var(--pp-error-bg);filter:none}.ghost{background:var(--glass-bg);color:var(--pp-ink);border:1px dashed var(--glass-border);box-shadow:none;font-weight:700}.ghost:hover{background:var(--glass-bg-strong);filter:none}