:root{color-scheme:light;--bg:#f7f4ef;--surface:#ffffff;--surface-2:#f0ebe4;--text:#211d19;--muted:#71695f;--line:#ded6cb;--accent:#1f7a5a;--accent-strong:#155a42;--danger:#a13324}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.shell{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:16px 16px 180px}.shell.narrow{display:grid;place-items:center;padding-bottom:16px}.empty{text-align:center}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-16px -16px 0;padding:18px 16px 14px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:13px;font-weight:700}h1{margin:0;font-size:26px}.pill{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700}.tabs{display:flex;gap:8px;overflow-x:auto;padding:14px 0}.tabs button{flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:700}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.menu-list{display:grid;grid-gap:10px;gap:10px}.item{display:grid;grid-template-columns:76px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.item img,.item-placeholder{width:76px;height:76px;border-radius:8px}.item img{object-fit:cover}.item-placeholder{display:grid;place-items:center;background:var(--surface-2);color:var(--accent);font-size:28px;font-weight:800}.item h2{margin:0;font-size:17px}.item p{margin:5px 0;color:var(--muted);font-size:14px}.item strong{display:block;margin-top:5px}.qty{display:flex;align-items:center;gap:8px}.qty button{min-width:38px;min-height:38px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.qty span{min-width:18px;text-align:center;font-weight:800}.cart{position:fixed;right:max(16px,calc((100vw - 760px) / 2 + 16px));bottom:16px;left:max(16px,calc((100vw - 760px) / 2 + 16px));z-index:8;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(33,29,25,.18)}.cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.cart h2{margin:0;font-size:18px}.note{display:grid;grid-gap:5px;gap:5px;margin-top:8px;font-size:14px;font-weight:700}.note input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px}.submit{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:800}.submit:disabled{background:var(--muted)}.floating-message,.message{color:var(--accent-strong);font-weight:700}.floating-message{position:fixed;right:16px;bottom:16px;left:16px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(33,29,25,.18)}@media (max-width:520px){.item{grid-template-columns:64px minmax(0,1fr)}.item img,.item-placeholder{width:64px;height:64px}.qty{grid-column:2;justify-content:flex-start}}