*{box-sizing:border-box}:root{--bg: #faf7f2;--surface: #ffffff;--ink: #2b2118;--muted: #8a7d6d;--accent: #b4551d;--accent-ink: #ffffff;--line: #e6ddd0;--danger: #a33a2a}html,body{margin:0;padding:0;height:100%;height:100dvh}body{background:var(--bg);color:var(--ink);font-family:system-ui,sans-serif;font-size:16px;line-height:1.5}#root{height:100%;height:100dvh}.app{display:flex;flex-direction:column;height:100%;height:100dvh;max-inline-size:480px;margin-inline:auto;background:var(--surface)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-block:10px;padding-inline:12px;border-block-end:1px solid var(--line);background:var(--accent);color:var(--accent-ink)}.app-title{font-size:1rem;margin:0;font-weight:700;overflow-wrap:anywhere}.view-toggle{display:flex;gap:4px}.view-btn{border:1px solid var(--accent-ink);background:transparent;color:var(--accent-ink);border-radius:8px;padding-block:4px;padding-inline:10px;font-size:.85rem}.view-btn-active{background:var(--accent-ink);color:var(--accent)}.chat-view{flex:1;overflow-y:auto;padding-block:12px;padding-inline:12px}.lang-ar{font-family:IBM Plex Sans Arabic,Noto Sans Arabic,system-ui,sans-serif}.lang-en{font-family:system-ui,sans-serif}.transcript{display:flex;flex-direction:column;gap:8px;min-block-size:100%}.bubble{max-inline-size:85%;padding-block:8px;padding-inline:12px;border-radius:14px;overflow-wrap:anywhere;white-space:pre-wrap}.bubble-guest{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-end-end-radius:4px}.bubble-agent-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.bubble-agent{align-self:flex-start;background:#f1e9dd;border-end-start-radius:4px}.typing{display:inline-flex;gap:4px;align-self:flex-start;padding-block:6px;padding-inline:10px;background:#f1e9dd;border-radius:12px}.typing-dot{inline-size:6px;block-size:6px;border-radius:50%;background:var(--muted);animation:typing-blink 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-blink{0%,60%,to{opacity:.3}30%{opacity:1}}.feedback{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.thumb{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding-block:2px;padding-inline:8px;font-size:.9rem}.thumb-active{border-color:var(--accent);background:#f7e5d8}.feedback-note{flex:1;min-inline-size:0;border:1px solid var(--line);border-radius:8px;padding-block:4px;padding-inline:8px;font:inherit;font-size:.85rem}.feedback-submit{border:none;background:var(--muted);color:var(--accent-ink);border-radius:8px;padding-block:4px;padding-inline:10px;font-size:.85rem}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-hint{flex-basis:100%;font-size:.75rem;color:var(--muted)}.feedback-sent{font-size:.8rem;color:var(--muted)}.feedback-explainer{margin-block-start:4px;font-size:.75rem;color:var(--muted)}.bottom-stack{border-block-start:1px solid var(--line);background:var(--surface);padding-block:8px;padding-inline:12px;padding-block-end:max(8px,env(safe-area-inset-block-end));display:flex;flex-direction:column;gap:8px}.constraint-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.constraint-label{font-size:.8rem;color:var(--muted)}.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding-block:1px;padding-inline:8px;font-size:.75rem;background:#f6f1e8}.chip-constraint{border-color:var(--danger);color:var(--danger);background:#fbeeea}.cart-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;border:none;border-radius:12px;background:var(--ink);color:var(--accent-ink);padding-block:10px;padding-inline:14px;font:inherit;font-size:.9rem}.cart-bar-count{font-weight:700}.cart-bar-kcal .kcal-na,.kcal-na{color:var(--muted);font-style:italic}.input-bar{display:flex;gap:8px}.input-field{flex:1;min-inline-size:0;border:1px solid var(--line);border-radius:12px;padding-block:10px;padding-inline:12px;font:inherit}.input-send{border:none;border-radius:12px;background:var(--accent);color:var(--accent-ink);padding-block:10px;padding-inline:16px;font:inherit}.input-send:disabled{opacity:.5}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:10}.drawer{inline-size:100%;max-inline-size:480px;max-block-size:80vh;overflow-y:auto;background:var(--surface);border-start-start-radius:16px;border-start-end-radius:16px;padding-block:12px;padding-inline:14px;padding-block-end:max(12px,env(safe-area-inset-block-end))}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-head h2{margin:0;font-size:1rem}.drawer-close{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding-block:4px;padding-inline:10px;font:inherit;font-size:.85rem}.cart-submitted{color:#2e7d32;font-weight:600}.cart-submitted p{margin:0}.cart-empty{color:var(--muted)}.cart-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cart-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;border-block-end:1px solid var(--line);padding-block-end:8px}.cart-line-name{font-weight:600}.cart-line-note{inline-size:100%;font-size:.8rem;color:var(--muted)}.drawer-foot{display:flex;justify-content:space-between;gap:8px;padding-block-start:8px;font-weight:600}.menu-view{flex:1;overflow-y:auto}.menu-panel{padding-block:8px;padding-inline:12px}.category-tabs{display:flex;gap:6px;overflow-x:auto;padding-block-end:8px}.category-tab{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding-block:4px;padding-inline:12px;font:inherit;font-size:.85rem;white-space:nowrap}.category-tab-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.menu-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.menu-card{display:flex;align-items:stretch;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.menu-card-body{flex:1;min-inline-size:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:none;background:transparent;font:inherit;text-align:start;padding-block:10px;padding-inline:12px;cursor:pointer}.menu-card-name{font-weight:600}.menu-card-price{color:var(--accent);font-weight:600}.menu-card-kcal{font-size:.8rem;color:var(--muted)}.menu-card-allergens{display:flex;gap:4px;flex-wrap:wrap}.chip-unavailable{border-color:var(--danger);color:var(--danger);background:#fbeeea}.menu-card-unavailable .menu-card-name,.menu-card-unavailable .menu-card-price{color:var(--muted)}.menu-card-add{border:none;border-inline-start:1px solid var(--line);background:var(--accent);color:var(--accent-ink);inline-size:44px;font-size:1.2rem;cursor:pointer}.menu-card-add:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.detail-price{font-weight:700;margin-block:4px}.detail-kcal{margin-block:4px;color:var(--muted)}.detail-description{margin-block:8px}.detail-allergens{display:flex;align-items:center;gap:6px;flex-wrap:wrap}