:root{color-scheme:light;--bg: #f6f1ea;--bg-tint: #efe6d9;--surface: #ffffff;--surface-2: #fbf7f1;--ink: #211a15;--ink-soft: #4c4138;--muted: #897c6e;--line: #ece2d5;--line-strong: #ddd0bf;--brand: #d6532b;--brand-strong: #b53f1c;--brand-ink: #ffffff;--brand-soft: #fdeee7;--brand-border: #f6d2c3;--ok: #15803d;--ok-soft: #e6f5ea;--warn: #b45309;--warn-soft: #fbeeda;--danger: #b42318;--danger-soft: #fdece9;--info: #1d6fb8;--info-soft: #e7f1fb;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--pill: 999px;--shadow-sm: 0 1px 2px rgba(33, 26, 21, .05), 0 2px 6px rgba(33, 26, 21, .05);--shadow: 0 8px 22px rgba(33, 26, 21, .09);--shadow-lg: 0 22px 48px rgba(33, 26, 21, .16);--ring: 0 0 0 3px var(--brand-border);--font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--maxw: 1180px;--header-h: 76px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #15110e;--bg-tint: #1d1813;--surface: #221b16;--surface-2: #1b1611;--ink: #f3ece3;--ink-soft: #d9cec1;--muted: #a99a89;--line: #342a22;--line-strong: #443629;--brand: #f06a3e;--brand-strong: #d6532b;--brand-soft: #2c1d14;--brand-border: #4a2a1b;--ok: #4ade80;--ok-soft: #15271b;--warn: #fbbf24;--warn-soft: #2a2011;--danger: #f87171;--danger-soft: #2a1513;--info: #60a5fa;--info-soft: #14202e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow: 0 10px 26px rgba(0, 0, 0, .5);--shadow-lg: 0 24px 50px rgba(0, 0, 0, .62)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(1200px 600px at 100% -10%,var(--bg-tint),transparent 60%),radial-gradient(900px 500px at -10% 0%,var(--bg-tint),transparent 55%),var(--bg);background-attachment:fixed;font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}::selection{background:var(--brand);color:var(--brand-ink)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}.icon{display:block;flex:0 0 auto}.shell{width:min(var(--maxw),100%);margin:0 auto;padding:0 clamp(14px,4vw,28px) 40px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 calc(-1*clamp(14px,4vw,28px)) 18px;padding:14px clamp(14px,4vw,28px);padding-top:calc(14px + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;color:var(--brand-ink);background:linear-gradient(140deg,var(--brand),var(--brand-strong));box-shadow:0 6px 16px color-mix(in srgb,var(--brand) 38%,transparent)}.brand-text{min-width:0}.eyebrow{margin:0;color:var(--brand);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.topbar h1{margin:1px 0 0;font-family:var(--font-display);font-optical-sizing:auto;font-weight:560;font-size:clamp(1.2rem,1rem + 1.6vw,1.7rem);line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--pill);font-size:.82rem;font-weight:700;white-space:nowrap}.mode--order{color:var(--brand-strong);background:var(--brand-soft);border:1px solid var(--brand-border)}.mode--browse{color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.mode-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 color-mix(in srgb,var(--brand) 60%,transparent);animation:pulse 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.mode-dot{animation:none}}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 330px;gap:18px;align-items:start}.side,.cart{position:sticky;top:calc(var(--header-h) + 14px);display:grid;gap:14px}.panel{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.panel.compact{background:var(--surface-2);box-shadow:none}.panel h2{margin:0 0 12px;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:540;font-size:1.05rem;letter-spacing:-.01em}.category-scroll{display:grid;gap:6px}.category{display:flex;align-items:center;width:100%;min-height:42px;padding:9px 13px;border:1px solid transparent;border-radius:11px;color:var(--ink-soft);background:transparent;text-align:left;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.category:hover{background:var(--surface-2);color:var(--ink)}.category:active{transform:scale(.99)}.category.active{color:var(--brand-strong);background:var(--brand-soft);border-color:var(--brand-border)}.menu-list{display:grid;gap:14px}.item{display:grid;grid-template-columns:148px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@media(hover:hover){.item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}}.item.is-unavailable{opacity:.66}.item img,.image-fallback{width:100%;height:100%;min-height:138px;object-fit:cover;background:var(--surface-2)}.image-fallback{position:relative;background:radial-gradient(120% 120% at 30% 20%,color-mix(in srgb,var(--brand) 18%,transparent),transparent 60%),var(--surface-2)}.image-fallback:after{content:"🍽️";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2rem;opacity:.45}.item-body{display:flex;flex-direction:column;padding:15px 16px}.item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.item h2{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em;line-height:1.25}.item p{margin:7px 0 0;color:var(--muted);font-size:.92rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{flex:0 0 auto;padding:4px 10px;border-radius:var(--pill);background:var(--brand-soft);color:var(--brand-strong);font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{padding:3px 9px;border-radius:var(--pill);font-size:.72rem;font-weight:600;letter-spacing:.01em}.tag--diet{color:var(--ok);background:var(--ok-soft)}.tag--allergen{color:var(--warn);background:var(--warn-soft)}.item-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px}.avail{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--muted)}.avail:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.avail.is-on{color:var(--ok)}.avail.is-off{color:var(--danger)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);overflow:hidden}.stepper button{display:grid;place-items:center;width:38px;height:36px;border:0;background:transparent;color:var(--brand-strong);cursor:pointer;transition:background .15s ease,color .15s ease}.stepper button:hover:not(:disabled){background:var(--brand-soft)}.stepper button:active:not(:disabled){background:color-mix(in srgb,var(--brand-soft) 70%,var(--brand) 30%)}.stepper span{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.stepper button:disabled,.checkout:disabled,.orderbar-btn:disabled{cursor:not-allowed;opacity:.4}.cart-panel{padding-bottom:18px}.cart-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.cart-title h2{margin:0}.cart-title strong{font-family:var(--font-display);font-size:1.2rem;font-weight:560;font-variant-numeric:tabular-nums}.cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.cart-row__name{display:inline-flex;align-items:baseline;gap:7px;min-width:0}.cart-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qty{font-style:normal;font-weight:700;color:var(--brand-strong);font-variant-numeric:tabular-nums}.cart-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}.cart-empty{display:grid;justify-items:center;gap:8px;padding:18px 8px 6px;text-align:center}.cart-empty .state-icon{width:48px;height:48px;color:var(--muted)}.muted{color:var(--muted);line-height:1.5;margin:0}.checkout{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:13px;color:var(--brand-ink);background:linear-gradient(140deg,var(--brand),var(--brand-strong));font-weight:700;font-size:.98rem;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 32%,transparent);transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}.checkout:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 14px 28px color-mix(in srgb,var(--brand) 40%,transparent)}.checkout:active:not(:disabled){transform:translateY(1px) scale(.995)}.checkout:disabled{background:var(--line-strong);color:var(--surface);box-shadow:none}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:78px;padding:12px 8px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--ink-soft);font-size:.86rem;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.action-grid button .icon{color:var(--brand);transition:transform .15s ease}.action-grid button:hover{border-color:var(--brand-border);background:var(--brand-soft);color:var(--brand-strong);box-shadow:var(--shadow-sm)}.action-grid button:hover .icon{transform:scale(1.08)}.action-grid button:active{transform:scale(.97)}.order-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.order-row:first-of-type{border-top:0}.order-row div{display:grid;gap:3px;min-width:0}.order-row strong{font-weight:700}.order-row span:not(.status){color:var(--muted);font-size:.86rem}.status{flex:0 0 auto;padding:4px 10px;border-radius:var(--pill);font-size:.74rem;font-weight:700;white-space:nowrap}.status--pending{color:var(--warn);background:var(--warn-soft)}.status--progress{color:var(--info);background:var(--info-soft)}.status--ready{color:var(--brand-strong);background:var(--brand-soft)}.status--done{color:var(--ok);background:var(--ok-soft)}.status--cancelled{color:var(--muted);background:var(--surface-2)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 color-mix(in srgb,var(--ok) 55%,transparent);animation:pulse 2s ease-out infinite}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.state{display:grid;place-items:center;align-content:center;gap:12px;min-height:60vh;padding:32px 24px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.state.slim{min-height:280px}.state h2{margin:0;font-family:var(--font-display);font-weight:540;font-size:1.35rem;letter-spacing:-.01em}.state p{margin:0;max-width:36ch;color:var(--muted)}.state-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;color:var(--brand);background:var(--brand-soft)}.state.error .state-icon{color:var(--danger);background:var(--danger-soft)}.spinner{width:40px;height:40px;border:4px solid color-mix(in srgb,var(--brand) 22%,transparent);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 14px);transform:translate(-50%);z-index:50;max-width:min(420px,calc(100vw - 28px));padding:12px 16px;border-radius:var(--radius-sm);border-left:4px solid var(--brand);color:var(--surface);background:var(--ink);box-shadow:var(--shadow-lg);font-weight:600;animation:toast-in .28s cubic-bezier(.2,.9,.3,1.2)}@media(prefers-color-scheme:dark){.toast{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand)}}.orderbar{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}@media(max-width:980px){.shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.layout{grid-template-columns:1fr;gap:14px}.cart{position:static}.side{position:sticky;top:var(--header-h);z-index:20;margin:0 calc(-1*clamp(14px,4vw,28px));padding:10px clamp(14px,4vw,28px);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line)}.categories{padding:0;border:0;background:transparent;box-shadow:none}.categories h2{display:none}.category-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;padding-bottom:2px}.category-scroll::-webkit-scrollbar{display:none}.category{width:auto;min-height:38px;flex:0 0 auto;scroll-snap-align:start;border-color:var(--line);background:var(--surface)}.orderbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(14px,4vw,28px);padding-bottom:calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);border-top:1px solid var(--line);backdrop-filter:saturate(150%) blur(16px);-webkit-backdrop-filter:saturate(150%) blur(16px);box-shadow:0 -10px 30px #211a151f;animation:toast-in .25s ease}.orderbar-info{display:grid;gap:1px;min-width:0}.orderbar-count{font-size:.78rem;font-weight:600;color:var(--muted)}.orderbar-total{font-family:var(--font-display);font-size:1.2rem;font-weight:560;font-variant-numeric:tabular-nums}.orderbar-btn{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;min-height:48px;padding:0 20px;border:0;border-radius:var(--pill);color:var(--brand-ink);background:linear-gradient(140deg,var(--brand),var(--brand-strong));font-weight:700;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb,var(--brand) 34%,transparent);transition:transform .12s ease}.orderbar-btn:active{transform:scale(.97)}}@media(max-width:560px){.item{grid-template-columns:1fr}.item img,.image-fallback{aspect-ratio:16 / 10;min-height:0}.topbar{gap:10px}.brand-mark{width:38px;height:38px}.mode{padding:6px 10px;font-size:.76rem}}