@layer components{.food{--food:#c2410c;--food-ink:#9a3412;--food-bright:#f26b1d;--food-tint:#fbe9dc;--food-deep:#7c2d12;--food-act:var(--food);--food-act-press:var(--food-deep);--food-ring:0 0 0 3px var(--surface)}.food[data-clash]{--food-act:var(--ink);--food-act-press:#000;--food-ink:var(--ink)}.f-display{letter-spacing:-1px;color:inherit;text-wrap:balance;overflow-wrap:anywhere;font-size:34px;font-weight:700;line-height:36px}.f-price{color:var(--food-ink);font-variant-numeric:tabular-nums;letter-spacing:-.1px;font-weight:600}.f-link{color:var(--food-ink);font-weight:600}.f-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.f-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.f-st{font-size:var(--t-small);color:var(--ink-2);align-items:center;gap:7px;font-weight:500;line-height:1.3;display:inline-flex}.f-st:before{content:"";background:var(--dot,var(--ink-3));border-radius:50%;flex:none;width:7px;height:7px}.f-st[data-state=open]{--dot:var(--ok)}.f-st[data-state=closing]{--dot:var(--attn);color:var(--attn)}.f-st[data-state=closed],.f-st[data-state=unknown]{--dot:var(--ink-3)}.f-btn{border-radius:var(--r-btn);background:var(--food-act);color:#fff;width:100%;min-height:48px;font-size:var(--t-body);white-space:nowrap;box-shadow:var(--emboss);transition:background-color .12s ease, transform .12s var(--ease), box-shadow .12s ease;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;line-height:1.2;display:flex}.f-btn:active{background:var(--food-act-press);transform:scale(.98);box-shadow:inset 0 1px 2px #00000040}.f-btn-ink{background:var(--ink)}.f-btn-ink:active{background:#000}.f-btn-quiet{background:var(--surface);color:var(--ink);border:1px solid #17171729;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #1717171a,0 2px 6px -2px #1717171f}.f-btn-quiet:active{background:var(--surface);box-shadow:inset 0 1px 2px #17171724}.f-add{background:var(--food-act);color:#fff;width:44px;height:44px;box-shadow:var(--food-ring), 0 6px 14px -6px #7c2d128c;transition:transform .12s var(--ease), background-color .12s ease;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.f-add:active{background:var(--food-act-press);transform:scale(.92)}.f-add-sm{width:40px;height:40px}.f-add-sm:before,.f-step-sm>button:before{content:"";position:absolute;inset:-2px}.f-step-sm>button{position:relative}.f-step{background:var(--food-act);color:#fff;width:120px;height:44px;font-size:var(--t-body);font-variant-numeric:tabular-nums;box-shadow:var(--food-ring), 0 6px 14px -6px #7c2d128c;border-radius:999px;flex:none;justify-content:space-between;align-items:center;font-weight:600;display:inline-flex}.f-step-sm{width:100px;height:40px}.f-step>button{border-radius:999px;justify-content:center;align-items:center;width:40px;height:100%;display:flex}.f-step>button:active{background:var(--food-act-press)}.f-step>button:disabled{opacity:.4}.f-pill{background:var(--food-act);color:#fff;min-width:92px;height:44px;font-size:var(--t-body);white-space:nowrap;transition:transform .12s var(--ease);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;display:inline-flex;box-shadow:0 6px 14px -8px #7c2d1299}.f-pill:active{background:var(--food-act-press);transform:scale(.96)}.f-photo{background:var(--thumb);position:relative;overflow:hidden}.f-photo>img{object-fit:cover;width:100%;height:100%;display:block}.f-band{background-color:var(--food-bright);background-image:var(--noise);color:var(--ink);background-size:240px 240px;border-bottom:1px solid #00000014}.f-band[data-mood=late]{background-color:var(--ink);color:var(--food-bright)}.f-band[data-mood=closed],.food[data-clash] .f-band:not([data-mood=late]){background-color:var(--food-tint)}.f-band .f-st{color:var(--ink)}.f-band .f-st[data-state=open]{--dot:var(--ink)}.f-band[data-mood=late] .f-st{color:#fffefcc7}.f-band[data-mood=late] .f-st[data-state]{--dot:var(--food-bright)}.f-band-btn{background:var(--ink);color:#fff}.f-band[data-mood=late] .f-band-btn{background:var(--food-bright);color:var(--ink);box-shadow:none}.f-venue{color:var(--ink);background:#fffefc80;border:1px solid #17171729;border-radius:12px;transition:background-color .12s,border-color .12s}.f-venue.is-on{background:var(--surface);border-color:#0000;box-shadow:0 1px 2px #3c140024,0 6px 14px -8px #3c14004d}.f-band[data-mood=late] .f-venue{color:#fffefc;background:#fffefc14;border-color:#fffefc38}.f-band[data-mood=late] .f-venue.is-on{background:var(--surface);color:var(--ink)}.f-band[data-mood=late] .f-venue.is-on .f-st{color:var(--ink-2)}.f-band[data-mood=late] .f-venue.is-on .f-st[data-state=open]{--dot:var(--ok)}.f-band .f-add-band{width:36px;height:36px}.f-band .f-add-band svg{width:20px;height:20px}.f-band .f-step-band{width:auto;height:36px}.f-band .f-step-band>button{width:34px}.f-bar{background:var(--food-act);color:#fff;width:100%;height:52px;font-size:var(--t-body);box-shadow:var(--emboss), 0 10px 28px -8px #7c2d1273;transition:transform .12s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-weight:600;display:flex}.f-bar:active{background:var(--food-act-press);transform:scale(.99)}.f-pay{background:var(--food-act);color:#fff;box-shadow:var(--emboss)}.f-pay:not(:disabled):active{background:var(--food-act-press);box-shadow:inset 0 1px 2px #00000040}.f-pay:disabled{box-shadow:none}.f-selected{box-shadow:inset 0 0 0 2px var(--food-act);border-color:#0000}@keyframes f-pop{0%{transform:scale(.86)}60%{transform:scale(1.04)}to{transform:none}}.f-pop{animation:f-pop .24s var(--ease)}@media (prefers-reduced-motion:reduce){.f-btn,.f-add,.f-pill,.f-bar{transition:none}.f-btn:active,.f-add:active,.f-pill:active,.f-bar:active{transform:none}.f-pop{animation:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.f-band{background-image:none}}}