:root{color-scheme:light;--bg: #f7f5ef;--surface: #fffefa;--surface-2: #f0eee6;--text: #171916;--muted: #64665f;--subtle: #8d8e86;--line: rgba(22, 49, 32, .14);--green: #0c5b38;--green-2: #17452f;--oak: #8a6a43;--oak-2: #b99361;--cream: #fbfaf6;--shadow: 0 16px 34px rgba(24, 40, 30, .12);--focus: rgba(12, 91, 56, .44);--tabs-bg: rgba(241, 239, 232, .86);--tab-active-bg: rgba(12, 91, 56, .1);--field-bg: #f4f2ed;--control-bg: rgba(22, 49, 32, .055);--input-bg: #f7f5ef;--filter-bg: #fffefa;--button-bg: #f2f0e8;--button-wash-start: rgba(255, 255, 255, .42);--button-wash-end: rgba(255, 255, 255, 0);--logo-bg: transparent;--splash-bg: rgba(247, 245, 239, .98);--splash-logo-bg: transparent}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{margin:0;overflow:hidden;background:linear-gradient(180deg,#ffffffb8,#fff0 260px),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}button,input{font:inherit}button{cursor:pointer}input{font-size:16px}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;display:flex;flex-direction:column;width:min(100%,1184px);height:100dvh;min-height:0;margin:0 auto;padding:16px;overflow:hidden}.brandbar{position:relative;flex:0 0 auto;height:59px;padding:7px 138px 7px 9px;border:1px solid var(--line);border-radius:8px;background:#fffefaeb;box-shadow:var(--shadow)}.brand{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width:100%;height:100%;gap:10px;min-width:0;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left}.brand-logo{flex:0 0 auto;width:42px;height:42px;display:block;padding:3px;border:1px solid rgba(12,91,56,.12);border-radius:50%;background:var(--logo-bg);object-fit:contain}.brand__name{margin:0;white-space:nowrap}.brand__name{color:var(--green-2);font-size:11px;font-weight:600;line-height:1;letter-spacing:0;text-transform:none}.brandbar__tools{position:absolute;top:0;right:9px;bottom:0;z-index:3;display:flex;align-items:center;gap:6px;height:40px;margin:auto 0;min-width:0}.sync{display:flex;align-items:center;height:40px;min-height:40px;min-width:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:650;line-height:1;text-align:right;white-space:nowrap}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fffefab3;color:var(--oak)}.theme-toggle__icon{position:relative;display:block;width:17px;height:17px;border-radius:50%;background:currentColor}:root[data-effective-theme=dark] .theme-toggle__icon:before{content:"";position:absolute;inset:-4px;border:1px solid currentColor;border-radius:50%;opacity:.38}:root[data-effective-theme=light] .theme-toggle__icon{box-shadow:inset -4px -2px 0 0 var(--surface)}.menu-shell{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding-top:0}.tabs{position:sticky;top:0;z-index:5;display:flex;flex-wrap:nowrap;gap:7px;flex:0 0 auto;margin:11px 0 14px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--tabs-bg)}.tab{flex:1 1 0;min-height:38px;min-width:0;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:15px;font-weight:600}.tab.is-active{background:var(--tab-active-bg);color:var(--green-2);box-shadow:inset 0 0 0 1px #0c5b3857}.controls{display:grid;grid-template-columns:minmax(0,1fr) 59px;gap:9px;flex:0 0 auto;margin-top:0}.search input{width:100%;height:41px;padding:0 14px;border:1px solid var(--line);border-radius:8px;outline:0;background:var(--field-bg);color:var(--text);box-shadow:none}.search input::placeholder{color:var(--subtle)}.search input:focus{border-color:#0c5b386b;box-shadow:0 0 0 4px #0c5b3814}.filter-button{position:relative;display:grid;place-items:center;width:59px;height:41px;padding:0;border:1px solid rgba(12,91,56,.24);border-radius:8px;background:linear-gradient(180deg,var(--button-wash-start),var(--button-wash-end)),var(--button-bg);color:var(--green-2)}.filter-button__icon{display:block;width:24px;height:24px;fill:currentColor}.filter-button em{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--oak);color:#fff;font-size:12px;font-style:normal;font-weight:700;line-height:20px}.filter-backdrop{position:fixed;inset:0;z-index:20;border:0;background:#0003}.filter-popover{position:fixed;top:152px;right:max(16px,calc((100vw - 1184px)/2 + 16px));z-index:21;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 184px);overflow:auto;padding:18px;border:1px solid rgba(12,91,56,.18);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent),var(--filter-bg);box-shadow:0 24px 52px #18281e33}.filter-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.filter-title strong{font-size:16px}.filter-title button,.modal__close{position:relative;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--control-bg);color:var(--muted)}.filter-title button:before,.filter-title button:after,.modal__close:before,.modal__close:after{content:"";position:absolute;top:50%;left:50%;width:14px;border-top:2px solid currentColor}.filter-title button:before,.modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.filter-title button:after,.modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.range-grid label,.range-single{display:grid;gap:8px}.range-grid span,.range-single span{color:var(--muted);font-size:13px;font-weight:700}.range-grid input,.range-single input{min-width:0;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--text)}.filter-hint{margin:8px 0 16px;color:var(--subtle);font-size:13px}.range-single{margin-bottom:14px}.filter-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.ghost-button,.solid-button{height:44px;border-radius:8px;font-size:15px;font-weight:700}.ghost-button{border:1px solid var(--line);background:transparent;color:var(--muted)}.solid-button{border:1px solid var(--green);background:var(--green);color:var(--cream)}.category-row{display:flex;flex:0 0 auto;gap:8px;margin:12px -16px 0;padding:0 16px 2px;overflow-x:auto;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#fffefacc;color:var(--muted);font-size:13px;font-weight:700}.category-chip.is-active{border-color:var(--green);background:#0c5b3814;color:var(--green-2)}.menu-section{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;margin-top:12px}.section-heading{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:0 2px 8px;border-bottom:1px solid var(--line)}.section-heading h1{margin:0;color:var(--green-2);font-size:17px;font-weight:700;line-height:1.1}.section-heading span{color:var(--subtle);font-size:12px;font-weight:700;white-space:nowrap}.menu-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:rgba(12,91,56,.36) transparent}.menu-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:58px;padding:10px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}.menu-row:active{background:#0c5b380d}.menu-row__main{display:grid;gap:4px;min-width:0}.menu-row__title{min-width:0;overflow:hidden;color:var(--text);font-size:16px;font-weight:650;line-height:1.24;text-overflow:ellipsis;white-space:nowrap}.menu-row__meta-line{display:flex;align-items:center;gap:8px;min-width:0}.menu-row__badges{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}.menu-row__badges small{flex:0 0 auto;height:20px;padding:0 7px;border:1px solid rgba(12,91,56,.16);border-radius:6px;background:#0c5b3812;color:var(--green-2);font-size:10px;font-weight:700;line-height:18px}.menu-row__meta{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.price-side{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;min-width:54px;color:var(--green-2)}.price-side--multi{display:grid;grid-auto-flow:column;grid-auto-columns:42px;justify-content:end;gap:5px}.main-price{color:var(--green-2);font-size:18px;font-weight:700}.regular-price{color:var(--subtle);font-size:12px;font-weight:700;text-decoration:line-through}.unit-price{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:3px;color:var(--green-2);font-size:16px;font-weight:700;line-height:1;white-space:nowrap}.unit-price em{color:var(--subtle);font-size:8px;font-style:normal;font-weight:700;letter-spacing:0;text-transform:uppercase}.muted-price{color:var(--subtle);font-size:13px;font-weight:700;white-space:nowrap}.empty{display:grid;place-items:center;min-height:160px;color:var(--muted);font-size:14px;font-weight:650}.credit{flex:0 0 auto;height:20px;margin-top:6px;color:#64665f99;font-size:10px;font-weight:700;line-height:20px;text-align:center}.splash{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 36%,rgba(12,91,56,.12),transparent 220px),var(--splash-bg);touch-action:none;transition:transform .36s cubic-bezier(.2,.72,.18,1),opacity .36s ease;-webkit-user-select:none;user-select:none}.splash.is-ready{cursor:grab}.splash.is-leaving{opacity:.9;transform:translateY(-100%)}.splash__inner{display:grid;justify-items:center;width:min(100%,280px);color:var(--text)}.splash__logo{display:grid;place-items:center;width:92px;height:92px;padding:8px;border:1px solid rgba(12,91,56,.16);border-radius:50%;background:var(--splash-logo-bg);box-shadow:0 18px 44px #1222182e}.splash__logo img{display:block;width:100%;height:100%;object-fit:contain}.splash__tagline{margin:16px 0 18px;color:var(--green-2);font-size:11px;font-weight:650;line-height:1;letter-spacing:0}.splash__bar{position:relative;width:112px;height:2px;overflow:hidden;background:var(--line)}.splash__bar span{position:absolute;top:0;bottom:0;left:-36px;width:36px;background:var(--green-2);animation:splash-progress 1.1s ease-in-out infinite}.splash__swipe{position:relative;width:34px;height:42px;margin-top:2px}.splash__swipe:before,.splash__swipe:after{content:"";position:absolute;left:50%;border-radius:999px;transform:translate(-50%)}.splash__swipe:before{top:5px;width:2px;height:30px;background:var(--line)}.splash__swipe:after{top:3px;width:12px;height:12px;border-top:2px solid var(--green-2);border-left:2px solid var(--green-2);transform:translate(-50%) rotate(45deg)}.splash__swipe span{position:absolute;right:8px;bottom:1px;left:8px;height:2px;border-radius:999px;background:var(--green-2);opacity:.74;animation:splash-swipe 1.2s ease-in-out infinite}.splash__text{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1}.splash__button{min-height:42px;margin-top:16px;padding:0 18px;border:1px solid rgba(12,91,56,.3);border-radius:8px;background:#0c5b3814;color:var(--green-2);font-size:14px;font-weight:700}@keyframes splash-progress{0%{transform:translate(0)}to{transform:translate(148px)}}@keyframes splash-swipe{0%,to{transform:translateY(5px);opacity:.38}45%{transform:translateY(-8px);opacity:.9}}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:end center;padding:16px}.modal__backdrop{position:absolute;inset:0;border:0;background:#12151266}.modal__panel{position:relative;z-index:1;width:min(560px,100%);max-height:min(78dvh,690px);overflow:auto;padding:20px;border:1px solid rgba(12,91,56,.18);border-radius:10px;background:var(--surface);box-shadow:0 28px 80px #12221847}.modal__close{position:absolute;top:14px;right:14px}.modal-kicker{margin:0 46px 8px 0;color:var(--oak);font-size:12px;font-weight:700;text-transform:uppercase}.modal h2{margin:0 46px 14px 0;color:var(--green-2);font-size:21px;line-height:1.22}.modal-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin-bottom:14px}.modal-price{min-height:68px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#0c5b380d}.modal-price span,.modal-price small{display:block;color:var(--muted);font-size:11px;font-weight:700}.modal-price strong{display:block;margin-top:2px;color:var(--green-2);font-size:18px;line-height:1.1}.modal-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.modal-meta__item{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#ffffff8f}.modal-meta__item span{display:block;color:var(--subtle);font-size:11px;font-weight:700}.modal-meta__item strong{display:block;margin-top:2px;overflow-wrap:anywhere;color:var(--text);font-size:14px;font-weight:650}.detail-line{margin:12px 0 0;color:var(--text);font-size:14px}.detail-line span{display:block;margin-bottom:4px;color:var(--oak);font-size:12px;font-weight:700}.component-list{display:grid;gap:8px;margin-top:16px}.component-list>strong{color:var(--oak);font-size:12px;font-weight:700}.component-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}.component-item span{overflow:hidden;color:var(--text);font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.component-item em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}:root[data-effective-theme=dark]{color-scheme:dark;--bg: #0c100d;--surface: #111711;--surface-2: #1a2119;--text: #f5f1e6;--muted: #bbb3a3;--subtle: #898273;--line: rgba(238, 224, 196, .14);--green: #176b45;--green-2: #90d4ae;--oak: #d1af78;--oak-2: #e0c796;--cream: #fbfaf6;--shadow: 0 16px 34px rgba(0, 0, 0, .32);--focus: rgba(209, 175, 120, .58);--tabs-bg: rgba(17, 20, 19, .88);--tab-active-bg: rgba(144, 212, 174, .12);--field-bg: rgba(245, 241, 230, .08);--control-bg: rgba(245, 241, 230, .06);--input-bg: rgba(245, 241, 230, .07);--filter-bg: #111711;--button-bg: rgba(245, 241, 230, .05);--button-wash-start: rgba(144, 212, 174, .12);--button-wash-end: rgba(144, 212, 174, .03);--logo-bg: transparent;--splash-bg: rgba(12, 16, 13, .98);--splash-logo-bg: transparent}:root[data-effective-theme=dark] body{background:linear-gradient(180deg,#172b1e94,#0c100d00 260px),var(--bg)}:root[data-effective-theme=dark] .brandbar,:root[data-effective-theme=dark] .filter-popover,:root[data-effective-theme=dark] .modal__panel,:root[data-effective-theme=dark] .theme-toggle{background:#111711f2}:root[data-effective-theme=dark] .range-grid input,:root[data-effective-theme=dark] .range-single input{background:#151d15}:root[data-effective-theme=dark] .solid-button{background:var(--green-2);color:#0b2117}:root[data-effective-theme=dark] .category-chip{background:#f5f1e60d}:root[data-effective-theme=dark] .category-chip.is-active,:root[data-effective-theme=dark] .menu-row__badges small,:root[data-effective-theme=dark] .modal-price{background:#90d4ae1a}:root[data-effective-theme=dark] .modal-meta__item{background:#f5f1e60a}@media(min-width:720px){.app-shell{padding:16px}.brandbar{height:59px;padding:7px 138px 7px 9px}.brand-logo{width:42px;height:42px}.brand__name{font-size:11px}.sync{font-size:10px}.controls{grid-template-columns:minmax(0,1fr) 59px}.filter-button{width:59px}.menu-row{min-height:60px;padding-right:4px;padding-left:4px}.menu-row__title,.unit-price{font-size:16px}}@media(max-width:544px){.brandbar{height:54px;padding:7px 134px 7px 8px}.brandbar__tools{right:7px;gap:5px;height:39px}.sync{height:39px;min-height:39px;font-size:9px}.theme-toggle,.brand-logo{width:39px;height:39px}}@media(max-width:430px){.app-shell{padding:16px}.brandbar{height:54px;padding:7px 134px 7px 8px}.brand-logo{width:39px;height:39px}.brand__name{font-size:11px}.sync{height:39px;min-height:39px;font-size:9px}.brandbar__tools{right:7px;gap:5px;height:39px}.theme-toggle{width:39px;height:39px}.tab{font-size:15px}.controls{grid-template-columns:minmax(0,1fr) 59px;gap:8px}.search input,.filter-button{height:41px}.filter-button{width:59px}.filter-popover{top:134px}.category-row{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.section-heading h1{font-size:17px}.menu-row{grid-template-columns:minmax(0,1fr) minmax(142px,max-content);min-height:60px;gap:6px}.menu-row__title{font-size:15px}.menu-row__badges small{height:18px;padding:0 6px;font-size:10px;line-height:16px}.price-side--multi{grid-auto-flow:column;grid-auto-columns:44px;justify-content:end;gap:5px}.unit-price{grid-template-columns:1fr;justify-items:center;gap:1px;font-size:15px;text-align:center}.unit-price em{font-size:8px}.modal{padding:10px}.modal__panel{padding:18px}.modal-meta{grid-template-columns:1fr}}@media(max-width:360px){.sync{max-width:84px;white-space:normal}.price-side--multi{grid-auto-columns:40px;gap:3px}.unit-price{font-size:14px}.unit-price em{font-size:7px}}