:root{color:#3f3328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f1dd;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-weight:500;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100svh}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}.menu-app{--paper:#f7efd8;--paper-deep:#ead7ac;--ink:#33281f;--muted:#796956;--line:#d8bd87;--card:#fffaf0;--card-strong:#fff4d8;--green:#476f4d;--green-soft:#dfead3;--gold:#e4b93f;--gold-soft:#fae9aa;--red:#bd5e50;--shadow:0 18px 0 #52371f1a, 0 26px 54px #33281f26;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 12% 12%, #476f4d2e 0 140px, transparent 141px), radial-gradient(circle at 92% 10%, #e4b93f42 0 130px, transparent 131px), linear-gradient(180deg, #fbf4df 0%, var(--paper) 48%, #eddcaf 100%);padding:28px;position:relative;overflow-x:hidden}.paper-grain{z-index:0;pointer-events:none;opacity:.42;background-image:linear-gradient(90deg,#ffffff2e 1px,#0000 1px),linear-gradient(0deg,#553b210d 1px,#0000 1px);background-size:34px 34px,22px 22px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#000000ad);mask-image:linear-gradient(#000,#000000ad)}.menu-hero,.menu-actions,.signature-section,.menu-book,.danger-zone{z-index:1;width:min(1080px,100%);margin-inline:auto;position:relative}.menu-hero{box-shadow:var(--shadow);background:#fffaf094;border:2px solid #593d2438;border-radius:36px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:28px;padding:10px;display:grid}.hero-copy,.menu-overview,.menu-actions,.signature-section,.menu-book,.danger-zone,.dish-form{border:1px solid #ffffffb3;box-shadow:inset 0 1px #ffffffc2}.hero-copy{background:linear-gradient(135deg, #ffffff6b, transparent 42%), var(--card);border-radius:28px;min-height:280px;padding:clamp(28px,5vw,58px)}.kicker{color:var(--green);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:900}.hero-copy h1{letter-spacing:-.09em;max-width:720px;margin:0;font-size:clamp(3.4rem,10vw,8rem);line-height:.9}.hero-copy p:last-child{max-width:560px;color:var(--muted);margin:22px 0 0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.7}.menu-overview{color:#fff8e8;background:repeating-linear-gradient(0deg,#593d2400 0 15px,#593d241a 16px 17px),#a8794f;border-radius:28px;align-content:center;gap:12px;padding:26px;display:grid}.menu-overview span{border-bottom:1px solid #fff8e847;justify-content:space-between;gap:18px;padding:12px 0;font-size:1.12rem;font-weight:900;display:flex}.menu-actions{background:#fffaf0c7;border-radius:30px;grid-template-columns:1fr auto;align-items:end;gap:18px;margin-top:24px;padding:18px;display:grid;box-shadow:0 14px 34px #33281f17}.search-box,.field-label{color:var(--ink);gap:8px;font-weight:900;display:grid}.search-box span,.field-label{font-size:.94rem}input,select,textarea{width:100%;color:var(--ink);background:#fffdf5;border:2px solid #d8bd87d1;border-radius:18px;outline:0;padding:13px 15px}textarea{resize:vertical;min-height:108px}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:2px;outline:3px solid #476f4d47}.primary-button,.ghost-button,.danger-button,.text-button,.favorite-button,.close-button{cursor:pointer;border:0;font-weight:950;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),filter .18s}.primary-button,.ghost-button,.danger-button{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:13px 20px;display:inline-flex}.primary-button{color:#2f261d;background:var(--gold);box-shadow:inset 0 -5px #593d242e,0 9px #593d241f}.ghost-button{color:var(--ink);background:#fffdf5;border:2px solid #d8bd87db}.danger-button{color:#fff;background:var(--red)}@media (hover:hover) and (pointer:fine){.primary-button:hover,.ghost-button:hover,.danger-button:hover,.menu-item:hover{transform:translateY(-2px)}.menu-item:hover{box-shadow:0 18px #52371f17,0 26px 48px #33281f29}}.primary-button:active,.ghost-button:active,.danger-button:active,.text-button:active,.favorite-button:active,.close-button:active,.menu-item:active{transform:translateY(1px)scale(.99)}.signature-section,.menu-book,.danger-zone{background:#fffaf0c7;border-radius:34px;margin-top:24px;padding:clamp(18px,3vw,28px)}.section-title{gap:4px;margin-bottom:18px;display:grid}.section-title span{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:950}.section-title h2{letter-spacing:-.07em;margin:0;font-size:clamp(1.9rem,5vw,4rem);line-height:.95}.signature-strip{grid-template-columns:repeat(3,minmax(240px,1fr));gap:16px;display:grid}.category-stack{gap:26px;display:grid}.category-section{border-top:2px solid #d8bd878c;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:24px;padding-top:22px;display:grid}.category-heading{gap:10px;display:grid;position:sticky;top:18px}.category-heading h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1}.category-heading span{width:fit-content;color:var(--green);background:var(--green-soft);border-radius:999px;padding:7px 11px;font-weight:950}.menu-list{gap:14px;display:grid}.menu-item{background:linear-gradient(135deg, #ffffff9e, transparent 54%), var(--card);border:2px solid #d8bd87b8;border-radius:26px;gap:18px;padding:18px;display:grid;box-shadow:0 12px #52371f12,0 18px 34px #33281f1a}.menu-item.featured{background:linear-gradient(145deg, #fae9aad1, #fffaf0eb), var(--card-strong);align-content:space-between;min-height:220px}.menu-item-main{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.menu-item h4{letter-spacing:-.055em;margin:0;font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.04}.menu-item p{color:var(--muted);margin:8px 0 0;line-height:1.65}.muted-note{opacity:.68}.favorite-button{min-width:62px;color:var(--green);background:var(--green-soft);border-radius:999px;padding:9px 10px}.favorite-button.active{color:#3a2a15;background:var(--gold-soft);box-shadow:inset 0 -3px #593d2421}.menu-item-meta{flex-wrap:wrap;align-items:center;gap:8px;padding-left:76px;display:flex}.menu-item-meta span{color:var(--muted);background:#f7efd8db;border-radius:999px;padding:7px 11px;font-size:.88rem;font-weight:900}.text-button{min-height:36px;color:var(--green);background:0 0;margin-left:auto;padding:6px 4px}.empty-menu{background:#fffdf59e;border:2px dashed #d8bd87d1;border-radius:26px;justify-items:start;gap:12px;padding:28px;display:grid}.empty-menu strong{font-size:1.45rem}.empty-menu p,.danger-zone p{color:var(--muted);margin:0}.danger-zone{justify-content:space-between;align-items:center;gap:18px;margin-bottom:8px;display:flex;box-shadow:0 12px 28px #33281f14}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#33281f57;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dish-form{background:var(--card);width:min(680px,100%);max-height:min(860px,92svh);box-shadow:var(--shadow);border-radius:32px;padding:24px;overflow:auto}.form-header,.form-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-header h2{letter-spacing:-.06em;margin:0 0 18px;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.close-button{width:46px;height:46px;color:var(--ink);background:#fae9aa9e;border-radius:16px;flex:0 0 46px;place-items:center;font-size:1.4rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;margin-top:18px}.toast{z-index:30;color:#fff8e8;opacity:0;background:#5b3e28;border-radius:999px;max-width:min(520px,100% - 36px);padding:12px 18px;transition:transform .18s,opacity .18s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,120px);box-shadow:0 14px 28px #33281f3d}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media (width<=980px){.menu-app{padding:18px}.menu-hero,.menu-actions,.category-section,.danger-zone,.signature-strip{grid-template-columns:1fr}.category-heading{position:static}}@media (width<=640px){.menu-app{padding:12px}.menu-hero,.hero-copy,.menu-overview,.menu-actions,.signature-section,.menu-book,.danger-zone,.dish-form{border-radius:24px}.hero-copy{min-height:220px;padding:26px}.menu-actions,.danger-zone,.form-header,.form-actions{align-items:stretch;display:grid}.form-header{grid-template-columns:1fr auto}.form-grid,.menu-item-main{grid-template-columns:1fr}.menu-item-meta{padding-left:0}.text-button,.primary-button,.ghost-button,.danger-button{width:100%}.text-button{justify-content:flex-start;margin-left:0}}