@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.4;font-weight:500;color:#14263d;background:radial-gradient(circle at 15% 15%,#e8f3ff,#dbeeff 34%,#c7e2f6 64%,#b5d4ea);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 15%,#e8f3ff,#dbeeff 34%,#c7e2f6 64%,#b5d4ea)}button{font-family:inherit;cursor:pointer;transition:transform .12s ease,opacity .2s ease}button:active{transform:translateY(1px)}.app-shell{min-height:100vh;padding:1rem;display:grid;place-items:center}.qr-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.qr-card{width:min(100%,760px);border-radius:28px;border:1px solid rgba(255,255,255,.6);background:linear-gradient(180deg,#f9fcff,#eef7ff);box-shadow:0 20px 60px #122f4926;padding:1.25rem;display:grid;gap:.85rem;justify-items:center}.qr-card__label{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#3a6484;font-weight:700}.qr-card__image{width:min(88vw,520px);aspect-ratio:1 / 1;border-radius:20px;background:#fff;border:1px solid #cde4f8;object-fit:contain}.qr-card__url{margin:0;font-size:.8rem;color:#3f6788;text-align:center;word-break:break-all}.device-frame{width:min(100%,980px);min-height:calc(100vh - 2rem);border-radius:28px;border:1px solid rgba(255,255,255,.55);padding:1rem;display:grid;gap:1rem;grid-template-rows:auto auto 1fr auto;background:linear-gradient(180deg,#f9fcff,#f1f8ff 32%,#edf6ff);box-shadow:0 20px 60px #122f4926}.hero{border-radius:20px;padding:1rem;background:linear-gradient(120deg,#15324f,#245781 70%,#2f72a5);color:#f4faff}.hero__overline{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.hero h1{margin:.35rem 0;font-size:clamp(1.3rem,4vw,2.2rem);line-height:1.05}.hero__meta{margin:0;font-size:.88rem;opacity:.9}.chips{display:flex;gap:.5rem;overflow-x:auto;padding:.1rem 0;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{border:0;white-space:nowrap;border-radius:999px;padding:.6rem .9rem;font-size:.84rem;font-weight:700;color:#244968;background:#d9eaf9;transition:transform .12s ease,background .16s ease}.chip--active{color:#fff;background:#2d6ea0}.chip:active{transform:scale(.98)}.menu-grid{display:grid;gap:.8rem;align-content:start;padding-bottom:.2rem}.menu-card{background:#fff;border-radius:18px;border:1px solid #d8e9f7;padding:.85rem;display:grid;gap:.7rem}.menu-card__head{display:flex;justify-content:space-between;gap:.8rem}.menu-card h2{margin:0;font-size:1rem;color:#153049}.menu-card p{margin:.35rem 0 0;font-size:.82rem;color:#466784}.badge{align-self:start;border-radius:999px;padding:.23rem .56rem;font-size:.66rem;font-weight:700;color:#0f2c45;background:#c6e5ff}.menu-card__meta{display:flex;align-items:center;gap:.6rem;color:#5a7b98;font-size:.8rem}.price{margin-left:auto;color:#0f2e49;font-weight:800}.qty{display:inline-flex;justify-self:end;align-items:center;gap:.55rem;padding:.28rem;border-radius:999px;background:#eaf4fd}.qty button{width:2rem;height:2rem;border-radius:50%;border:0;background:#fff;color:#275376;font-size:1rem;font-weight:800}.qty strong{min-width:1rem;text-align:center;color:#11314b}.checkout{position:sticky;bottom:.75rem;z-index:5;display:flex;align-items:center;gap:.8rem;border-radius:18px;padding:.8rem;background:#14324e;color:#fff;cursor:pointer}.checkout--disabled{cursor:default}.checkout__info{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center}.checkout__icon{width:1.5rem;height:1.5rem;color:#d2e9fc;display:inline-flex;align-items:center;justify-content:center;grid-row:span 2;align-self:start}.checkout__icon svg{width:100%;height:100%}.checkout__label{margin:0;font-size:.78rem;color:#b9ddfb}.checkout__sum{margin:0;font-size:.9rem;font-weight:700}.checkout__btn{margin-left:auto;border:0;border-radius:999px;padding:.72rem 1rem;font-weight:700;color:#11324d;background:#c7e8ff}.checkout__btn:disabled{background:#6f8ca8;color:#dce9f5}.thank-you-screen{min-height:100%;display:grid;place-content:center;justify-items:center;text-align:center;gap:.7rem;padding:1.2rem}.thank-you-screen__illustration{width:min(70vw,240px);height:auto;filter:drop-shadow(0 10px 20px rgba(39,86,124,.16))}.thank-you-screen__overline{margin:0;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#285678;background:#d9ebfb}.thank-you-screen h2{margin:0;font-size:clamp(1.4rem,5vw,2rem);color:#14324e}.thank-you-screen p{margin:0;max-width:30ch;color:#3b6688}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:end center;background:#0a1c2e73;padding:1rem}.checkout-modal{width:min(100%,560px);border-radius:22px;background:#f8fcff;border:1px solid #cde4f8;padding:1rem;box-shadow:0 16px 50px #0c284340;display:grid;gap:.75rem}.checkout-modal h2{margin:0;font-size:1.1rem;color:#123452}.checkout-modal__summary{margin:0;font-size:.9rem;color:#3f6788;font-weight:700}.checkout-items{border:1px solid #cfe4f6;border-radius:14px;background:#fff;padding:.6rem .75rem;display:grid;gap:.45rem}.checkout-items__row{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}.checkout-items__name,.checkout-items__price{margin:0;font-size:.86rem}.checkout-items__name{color:#234f71}.checkout-items__name span{color:#5f86a5;font-weight:700}.checkout-items__price{color:#14324e;font-weight:800}.checkout-modal label{font-size:.82rem;color:#2f597a;font-weight:700}.checkout-modal textarea{width:100%;resize:vertical;min-height:90px;border-radius:14px;border:1px solid #bfdcf3;padding:.7rem;font-family:inherit;font-size:.9rem;color:#173650;background:#fff}.checkout-modal textarea:focus{outline:2px solid #8bc1ea;outline-offset:1px}.checkout-modal__actions{display:flex;justify-content:flex-end;gap:.55rem}.btn-secondary,.btn-primary{border:0;border-radius:999px;padding:.62rem .95rem;font-weight:700}.btn-secondary{background:#d9ebfb;color:#234c6d}.btn-primary{background:#2d6ea0;color:#fff}@media(min-width:760px){.device-frame{padding:1.2rem}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout{bottom:1rem}.modal-overlay{place-items:center}}