:root{--c-neutral-0:#fff;--c-neutral-50:#faf9f7;--c-neutral-100:#f2f0ed;--c-neutral-200:#e6e3de;--c-neutral-300:#d3cfc8;--c-neutral-400:#a8a29a;--c-neutral-500:#77706a;--c-neutral-600:#5c554d;--c-neutral-700:#423c35;--c-neutral-800:#2b2620;--c-neutral-900:#1a1613;--c-accent-100:#d9ede9;--c-accent-300:#7fc0b4;--c-accent-500:#0b6e5f;--c-accent-600:#095a4e;--c-accent-700:#07463d;--c-success-100:#dcefdd;--c-success-600:#2f6b39;--c-warning-100:#f9ecd2;--c-warning-600:#8a5a12;--c-danger-100:#f7dedb;--c-danger-600:#9b2c22;--color-bg:var(--c-neutral-50);--color-surface:var(--c-neutral-0);--color-surface-sunken:var(--c-neutral-100);--color-border:var(--c-neutral-200);--color-border-strong:var(--c-neutral-300);--color-text:var(--c-neutral-900);--color-text-muted:var(--c-neutral-600);--color-text-faint:var(--c-neutral-500);--color-text-inverse:var(--c-neutral-0);--color-action:var(--c-neutral-900);--color-action-hover:var(--c-neutral-800);--color-action-text:var(--c-neutral-0);--color-accent:var(--c-accent-500);--color-accent-readable:var(--c-accent-500);--color-accent-hover:var(--c-accent-600);--color-accent-soft:var(--c-accent-100);--color-accent-text:var(--c-neutral-0);--color-success:var(--c-success-600);--color-success-soft:var(--c-success-100);--color-warning:var(--c-warning-600);--color-warning-soft:var(--c-warning-100);--color-danger:var(--c-danger-600);--color-danger-soft:var(--c-danger-100);--color-focus:var(--c-accent-500);--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--line-tight:1.2;--line-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-bold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #1a161314;--shadow-md:0 4px 12px #1a16131a;--shadow-lg:0 12px 32px #1a161324;--duration-fast:.12s;--duration-normal:.2s;--width-content:42rem;--width-panel:76rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--c-neutral-900);--color-surface:var(--c-neutral-800);--color-surface-sunken:#221e19;--color-border:#3a342d;--color-border-strong:var(--c-neutral-700);--color-text:var(--c-neutral-50);--color-text-muted:var(--c-neutral-300);--color-text-faint:var(--c-neutral-400);--color-text-inverse:var(--c-neutral-900);--color-action:var(--c-neutral-50);--color-action-hover:var(--c-neutral-200);--color-action-text:var(--c-neutral-900);--color-accent:var(--c-accent-300);--color-accent-readable:var(--c-accent-300);--color-accent-hover:#a5d5cb;--color-accent-soft:#123f38;--color-accent-text:var(--c-neutral-900);--color-success:#8fce97;--color-success-soft:#1e3a22;--color-warning:#e8c07a;--color-warning-soft:#3d2f14;--color-danger:#efa79f;--color-danger-soft:#40201c;--color-focus:var(--c-accent-300);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}}:root[data-theme=dark]{--color-bg:var(--c-neutral-900);--color-surface:var(--c-neutral-800);--color-surface-sunken:#221e19;--color-border:#3a342d;--color-border-strong:var(--c-neutral-700);--color-text:var(--c-neutral-50);--color-text-muted:var(--c-neutral-300);--color-text-faint:var(--c-neutral-400);--color-text-inverse:var(--c-neutral-900);--color-action:var(--c-neutral-50);--color-action-hover:var(--c-neutral-200);--color-action-text:var(--c-neutral-900);--color-accent:var(--c-accent-300);--color-accent-readable:var(--c-accent-300);--color-accent-hover:#a5d5cb;--color-accent-soft:#123f38;--color-accent-text:var(--c-neutral-900);--color-success:#8fce97;--color-success-soft:#1e3a22;--color-warning:#e8c07a;--color-warning-soft:#3d2f14;--color-danger:#efa79f;--color-danger-soft:#40201c;--color-focus:var(--c-accent-300);--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073;--shadow-lg:0 12px 32px #0000008c}*,:before,:after{box-sizing:border-box}.ds-body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;margin:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.ds-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-action);color:var(--color-action-text);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background var(--duration-fast) ease, opacity var(--duration-fast) ease;border:1px solid #0000;text-decoration:none;display:inline-flex}.ds-button:hover:not(:disabled){background:var(--color-action-hover)}.ds-button:disabled{opacity:.45;cursor:not-allowed}.ds-button--accent{background:var(--color-accent);color:var(--color-accent-text)}.ds-button--accent:hover:not(:disabled){background:var(--color-accent-hover)}.ds-button--secondary{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.ds-button--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.ds-button--ghost{color:var(--color-text-muted);background:0 0}.ds-button--ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text)}.ds-button--danger{background:var(--color-danger);color:var(--color-text-inverse)}.ds-button--sm{min-height:36px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.ds-button--lg{min-height:52px;padding:var(--space-3) var(--space-5);font-size:var(--font-size-lg)}.ds-button--block{width:100%}.ds-field{gap:var(--space-1);display:grid}.ds-field__label{font-size:var(--font-size-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.ds-input{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit}.ds-input::placeholder{color:var(--color-text-faint)}.ds-input:disabled{background:var(--color-surface-sunken);color:var(--color-text-faint)}.ds-input--invalid{border-color:var(--color-danger)}.ds-field__error{font-size:var(--font-size-sm);color:var(--color-danger)}.ds-field__hint{font-size:var(--font-size-sm);color:var(--color-text-faint)}.ds-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.ds-badge--allergen{background:var(--color-warning-soft);color:var(--color-warning)}.ds-badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.ds-badge--success{background:var(--color-success-soft);color:var(--color-success)}.ds-badge--accent{background:var(--color-accent-soft);color:var(--color-accent)}.ds-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.ds-card--interactive{cursor:pointer;transition:box-shadow var(--duration-normal) ease}.ds-card--interactive:hover{box-shadow:var(--shadow-md)}.ds-card--unavailable{opacity:.6}.ds-card__title{font-size:var(--font-size-lg);font-weight:var(--weight-bold);line-height:var(--line-tight);margin:0}.ds-card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.ds-card__price{font-variant-numeric:tabular-nums;font-weight:var(--weight-bold)}.ds-card__row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.ds-card__badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.ds-modal__backdrop{z-index:20;background:#1a161373;place-items:end center;display:grid;position:fixed;inset:0}.ds-modal{width:min(100%, var(--width-content));min-width:0;max-height:88dvh;padding:var(--space-5);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-lg);padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));overflow:hidden auto}@media (width>=40rem){.ds-modal__backdrop{place-items:center}.ds-modal{border-radius:var(--radius-lg)}}.ds-toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-text-inverse);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);display:flex}.ds-toast--success{background:var(--color-success);color:var(--color-text-inverse)}.ds-toast--danger{background:var(--color-danger);color:var(--color-text-inverse)}.ds-empty{gap:var(--space-2);padding:var(--space-7) var(--space-4);text-align:center;color:var(--color-text-muted);justify-items:center;display:grid}.ds-empty__title{font-size:var(--font-size-lg);font-weight:var(--weight-bold);color:var(--color-text)}.ds-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-sunken), var(--color-border), var(--color-surface-sunken));background-size:200% 100%;animation:1.4s ease-in-out infinite ds-shimmer}.ds-skeleton--text{height:.9em}.ds-skeleton--title{width:60%;height:1.4em}.ds-skeleton--block{height:6rem}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation:none}*{transition-duration:1ms!important}}.app{flex-direction:column;min-height:100dvh;display:flex}.app__main{width:min(100%, var(--width-content));padding:var(--space-4) var(--space-4) var(--space-7);flex:1;margin:0 auto}.card-link{color:inherit;text-decoration:none}.topbar{z-index:3;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar__inner{width:min(100%, var(--width-content));align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:64px;margin:0 auto;display:flex}.topbar__logo{object-fit:contain;flex:none;max-width:140px;height:48px}@media (width>=600px){.topbar__logo{max-width:200px;height:64px}.topbar__inner{min-height:84px}.section-nav{top:84px}}.topbar__titles{flex:1;min-width:0}.topbar__title{font-size:var(--font-size-lg);font-weight:var(--weight-bold);line-height:var(--line-tight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.topbar__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar__actions{gap:var(--space-1);display:flex}.section-nav{z-index:2;gap:var(--space-2);width:min(100%, var(--width-content));padding:var(--space-2) var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);scrollbar-width:none;margin:0 auto;display:flex;position:sticky;top:64px;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav__link{min-height:36px;font:inherit;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--weight-medium);cursor:pointer;flex:none;align-items:center;text-decoration:none;display:inline-flex}.section-nav__link--current{background:var(--color-action);border-color:var(--color-action);color:var(--color-action-text)}.section{margin-bottom:var(--space-6);scroll-margin-top:7rem}.section__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.items{gap:var(--space-2);display:grid}.item-card{text-align:start;padding:var(--space-4) var(--space-5);position:relative}.item-card .ds-card__title{font-family:var(--font-display);font-size:var(--font-size-xl);letter-spacing:-.01em}.item-card .ds-card__price{color:var(--color-accent-readable);font-weight:var(--weight-medium);white-space:nowrap}.item-card .ds-badge--allergen{border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-weight:var(--weight-regular);background:0 0}.item-card__action{color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0}.item-card__action:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.item-card__action:focus-visible{outline:none}.item-card__action:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:2px}.item-card__body{gap:var(--space-2);display:grid}.item-card__layout{gap:var(--space-3);display:grid}.item-card--photographed{gap:0;padding:0;overflow:hidden}.item-card__photo{aspect-ratio:16/9;object-fit:cover;background:var(--color-surface-sunken);width:100%;max-height:260px;display:block}.item-card--photographed .item-card__body{padding:var(--space-4) var(--space-5) var(--space-5)}.item-card__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.item-card__description{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-normal);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sheet__header{top:calc(-1 * var(--space-5));z-index:1;justify-content:space-between;align-items:start;gap:var(--space-3);margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);background:var(--color-surface);display:flex;position:sticky}.sheet__title{font-size:var(--font-size-xl);font-weight:var(--weight-bold);line-height:var(--line-tight);margin:0}.sheet__section{margin-top:var(--space-5);gap:var(--space-2);display:grid}.sheet__section-title{font-size:var(--font-size-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0}.sheet__image{object-fit:cover;border-radius:var(--radius-md);width:100%;max-height:40vh}.sheet__footer{bottom:calc(-1 * var(--space-5));z-index:1;margin:var(--space-5) calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-3) var(--space-5) var(--space-5);background:var(--color-surface);border-top:1px solid var(--color-border);position:sticky}.composition{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.composition__line{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.composition__name{gap:2px;display:grid}.composition__role{color:var(--color-text-faint);font-size:var(--font-size-xs)}.toggle{min-width:44px;min-height:44px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.toggle--on{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.toggle:disabled{opacity:.45;cursor:not-allowed}.stepper{align-items:center;gap:var(--space-2);display:inline-flex}.stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-weight:var(--weight-medium)}.cart-bar{z-index:3;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-border);position:sticky;bottom:0}.cart-bar__inner{width:min(100%, var(--width-content));margin:0 auto}.lines{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.line{gap:var(--space-2);display:grid}.line__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.line__name{font-weight:var(--weight-medium)}.line__detail{color:var(--color-text-muted);font-size:var(--font-size-sm)}.total{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-lg);font-weight:var(--weight-bold);justify-content:space-between;align-items:baseline;display:flex}.choices{gap:var(--space-2);display:grid}.choice{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;display:flex}.choice--chosen{border-color:var(--color-accent);background:var(--color-accent-soft)}.choice__mark{text-align:center;width:1.25rem;font-weight:var(--weight-bold);flex:none}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.status{gap:var(--space-2);text-align:center;padding:var(--space-6) var(--space-4);justify-items:center;display:grid}.status__title{font-size:var(--font-size-2xl);font-weight:var(--weight-bold);line-height:var(--line-tight);margin:0}.status__hint{color:var(--color-text-muted)}.status__steps{gap:var(--space-1);width:100%;margin-top:var(--space-3);display:flex}.status__step{border-radius:var(--radius-pill);background:var(--color-border);flex:1;height:4px}.status__step--done{background:var(--color-accent)}.status__step--cancelled{background:var(--color-danger)}.toasts{left:50%;bottom:max(var(--space-5), env(safe-area-inset-bottom));z-index:10;gap:var(--space-2);width:min(calc(100% - 2 * var(--space-4)), var(--width-content));display:grid;position:fixed;transform:translate(-50%)}.stack{align-content:start;gap:var(--space-3);display:grid}.row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}