.eat-page{min-height:100vh;color:var(--ink);background:var(--white)}.eat-intro{text-align:center;padding:70px 0 54px}.eat-intro h1{max-width:980px;font-family:var(--font-heading);letter-spacing:-.065em;margin:0 auto;font-size:clamp(58px,6.4vw,82px);line-height:.98}.eat-intro p{max-width:650px;color:var(--muted);margin:22px auto 0;font-size:17px;line-height:1.6}.eat-workbench{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;padding-bottom:94px;display:grid}.eat-panel{border:2px solid var(--ink);border-radius:var(--radius-xl);background:var(--white);min-width:0;box-shadow:8px 8px 0 var(--ink);padding:26px}.eat-panel>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.eat-panel>header>div{flex-direction:column;display:flex}.eat-panel>header span,.eat-result-label{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.eat-panel h2{font-family:var(--font-heading);letter-spacing:-.04em;margin:5px 0 0;font-size:24px;line-height:1.15}.eat-mode-tabs{border:2px solid var(--ink);background:var(--soft-blue);border-radius:15px;grid-template-columns:1fr 1fr;gap:4px;margin-top:20px;padding:4px;display:grid}.eat-mode-tabs button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-size:14px;font-weight:800}.eat-mode-tabs button.is-active{color:var(--white);background:var(--ink)}.eat-choice-group{border:0;min-width:0;margin:21px 0 0;padding:0}.eat-choice-group legend{margin-bottom:10px;font-size:14px;font-weight:800}.eat-choice-options{grid-template-columns:repeat(var(--eat-columns), minmax(0, 1fr));gap:8px;display:grid}.eat-choice-options button{border:2px solid var(--ink);border-radius:var(--radius-md);min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;padding:8px 10px;font-size:13px;font-weight:800;line-height:1.2;transition:background .15s,color .15s,transform .15s}.eat-choice-options button:hover{background:var(--soft-blue)}.eat-choice-options button.is-active{color:var(--white);background:var(--ink)}.eat-choice-options button:active{transform:translateY(1px)}.eat-pick-button{border:2px solid var(--ink);border-radius:var(--radius-pill);width:100%;min-height:54px;color:var(--white);background:var(--blue);box-shadow:5px 5px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-top:24px;font-size:16px;font-weight:800;display:flex}.eat-pick-button:hover{background:var(--blue-dark)}.eat-pick-button:active{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.eat-pick-button svg{width:18px;height:18px}.eat-surprise{color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;margin:20px auto 2px;padding:2px;font-size:14px;font-weight:800;text-decoration:underline;display:block}.eat-fine-controls{border-top:1px solid var(--line);margin-top:22px;padding-top:1px}.eat-output{flex-direction:column;display:flex}.eat-share{border:2px solid var(--ink);border-radius:var(--radius-md);min-height:42px;color:var(--ink);background:var(--white);cursor:pointer;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.eat-share:hover{background:var(--soft-blue)}.eat-share svg{width:17px;height:17px}.eat-empty-result,.eat-result{border:2px solid var(--ink);background:#fff4c7;border-radius:18px;min-height:400px;margin-top:20px;padding:34px}.eat-empty-result{text-align:center;flex:1;place-content:center;justify-items:center;display:grid}.eat-empty-mark{width:112px;height:112px;color:var(--ink);place-items:center;display:grid;position:relative}.eat-empty-mark:before{content:"";border:2px solid var(--ink);background:var(--white);box-shadow:7px 7px 0 var(--blue);border-radius:30px;position:absolute;inset:7px 10px 10px 7px}.eat-empty-mark:after{content:"";z-index:2;border:2px solid var(--ink);background:var(--yellow);border-radius:50%;width:21px;height:21px;position:absolute;top:0;right:0}.eat-empty-mark svg{z-index:1;fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:70px;height:70px;position:relative;overflow:visible}.eat-empty-mark .eat-empty-dish{fill:var(--soft-blue)}.eat-empty-result h3{max-width:360px;font-family:var(--font-heading);letter-spacing:-.045em;margin:22px 0 0;font-size:clamp(25px,3vw,34px);line-height:1.08}.eat-empty-result p{max-width:330px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.55}.eat-result{animation:.22s both eat-result-in}@keyframes eat-result-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eat-result h3{max-width:520px;font-family:var(--font-heading);letter-spacing:-.06em;margin:10px 0 0;font-size:clamp(34px,4.2vw,54px);line-height:1}.eat-result-summary{color:var(--muted);margin:15px 0 0;font-size:17px;line-height:1.5}.eat-result-facts{border-top:2px solid #0714272e;border-bottom:2px solid #0714272e;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:27px;padding:17px 0;display:grid}.eat-result-facts div{border-right:1px solid #07142733;flex-direction:column;gap:4px;padding:0 14px;display:flex}.eat-result-facts div:first-child{padding-left:0}.eat-result-facts div:last-child{border-right:0;padding-right:0}.eat-result-facts span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.eat-result-facts strong{font-size:13px;line-height:1.35}.eat-result-plan{gap:10px;margin-top:22px;display:grid}.eat-result-plan div{grid-template-columns:70px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.eat-result-plan span{color:var(--blue-dark);font-size:12px;font-weight:800}.eat-result-plan strong{font-size:14px}.eat-relaxed-note{background:#ffffff9e;border:1px solid #0714272e;border-radius:10px;margin:20px 0 0;padding:11px 13px;font-size:12px;font-weight:700;line-height:1.5}.eat-result-actions{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.eat-result-actions button{border:2px solid var(--ink);border-radius:var(--radius-md);min-height:44px;color:var(--ink);background:var(--white);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex}.eat-result-actions button.is-primary{color:var(--white);background:var(--blue)}.eat-result-actions button:hover{transform:translateY(-1px)}.eat-result-actions svg{width:17px;height:17px}.eat-result-footnote{color:var(--muted);margin:20px 0 0;font-size:11px;line-height:1.5}.eat-decision-section{background:var(--soft-blue);padding:100px 0}.eat-decision-section h2,.eat-constraints h2,.eat-nothing h2,.eat-faq h2{font-family:var(--font-heading);letter-spacing:-.06em;margin:0;font-size:clamp(42px,5.2vw,66px);line-height:1}.eat-decision-section h2{max-width:730px}.eat-mode-explainer{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:1fr 1fr;margin-top:52px;display:grid}.eat-mode-explainer article{grid-template-columns:58px minmax(0,1fr);gap:12px;min-height:220px;padding:34px 38px 34px 0;display:grid}.eat-mode-explainer article+article{border-left:1px solid #0714274d;padding-left:38px}.eat-mode-explainer article>span{color:var(--blue);letter-spacing:.08em;font-size:11px;font-weight:800}.eat-mode-explainer h3{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:24px}.eat-mode-explainer p{max-width:430px;color:var(--muted);margin:13px 0 0;font-size:15px;line-height:1.7}.eat-constraints{padding:108px 0}.eat-constraints ol{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin:48px 0 0;padding:0;list-style:none;display:grid}.eat-constraints li{border-right:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:200px;padding:28px 24px;display:grid}.eat-constraints li:first-child{padding-left:0}.eat-constraints li:last-child{border-right:0;padding-right:0}.eat-constraints li>span{color:var(--blue);font-family:var(--font-heading);letter-spacing:-.05em;font-size:29px;font-weight:800}.eat-constraints h3{font-family:var(--font-heading);letter-spacing:-.04em;margin:4px 0 0;font-size:20px}.eat-constraints p{color:var(--muted);margin:13px 0 0;font-size:13px;line-height:1.6}.eat-nothing{grid-template-columns:.9fr 1.1fr;gap:100px;padding:20px 0 110px;display:grid}.eat-nothing>div{border-top:2px solid var(--ink)}.eat-nothing article{border-bottom:1px solid var(--line);padding:23px 0}.eat-nothing h3{margin:0;font-size:16px}.eat-nothing p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.7}.eat-faq{border-top:2px solid var(--ink);padding:95px 0 118px}.eat-faq>div{border-top:2px solid var(--ink);margin-top:45px}.eat-faq details{border-bottom:1px solid var(--line)}.eat-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:22px;min-height:70px;padding:20px 0;font-size:16px;font-weight:800;list-style:none;display:flex}.eat-faq summary::-webkit-details-marker{display:none}.eat-faq summary span{color:var(--blue);font-size:24px;font-weight:500;transition:transform .16s}.eat-faq details[open] summary span{transform:rotate(45deg)}.eat-faq details p{max-width:780px;color:var(--muted);margin:-4px 0 24px;font-size:14px;line-height:1.75}.eat-mode-tabs button:focus-visible,.eat-choice-options button:focus-visible,.eat-pick-button:focus-visible,.eat-surprise:focus-visible,.eat-share:focus-visible,.eat-result-actions button:focus-visible,.eat-faq summary:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (width<=980px){.eat-workbench{grid-template-columns:1fr}.eat-output{min-height:520px}.eat-mode-explainer{grid-template-columns:1fr}.eat-mode-explainer article+article{border-top:1px solid #0714274d;border-left:0;padding-left:0}.eat-constraints ol{grid-template-columns:1fr 1fr}.eat-constraints li:nth-child(2){border-right:0}.eat-constraints li:nth-child(-n+2){border-bottom:1px solid var(--line)}.eat-nothing{grid-template-columns:1fr;gap:45px}}@media (width<=680px){.eat-intro{padding:50px 0 38px}.eat-intro h1{font-size:clamp(45px,14vw,62px)}.eat-intro p{margin-top:17px;font-size:15px}.eat-workbench{gap:16px;width:min(100% - 28px,1180px);padding-bottom:72px}.eat-panel{box-shadow:5px 5px 0 var(--ink);border-radius:19px;padding:20px 18px}.eat-panel>header{align-items:flex-start}.eat-share{min-height:40px;padding:0 11px}.eat-choice-options{grid-template-columns:repeat(2,minmax(0,1fr))}.eat-fine-controls .eat-choice-group:last-child .eat-choice-options{grid-template-columns:repeat(3,minmax(0,1fr))}.eat-empty-result,.eat-result{min-height:390px;padding:25px 20px}.eat-result-facts{grid-template-columns:1fr;gap:0}.eat-result-facts div{border-bottom:1px solid #07142729;border-right:0;padding:11px 0}.eat-result-facts div:last-child{border-bottom:0}.eat-result-actions{grid-template-columns:1fr;display:grid}.eat-decision-section{padding:76px 0}.eat-mode-explainer{margin-top:38px}.eat-mode-explainer article{grid-template-columns:42px minmax(0,1fr);min-height:0;padding:27px 0}.eat-constraints{padding:80px 0}.eat-constraints ol{grid-template-columns:1fr;margin-top:36px}.eat-constraints li{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:24px 0}.eat-constraints li:last-child{border-bottom:0}.eat-nothing{padding-bottom:80px}.eat-faq{padding:75px 0 90px}.eat-decision-section h2,.eat-constraints h2,.eat-nothing h2,.eat-faq h2{font-size:clamp(37px,11vw,50px)}}@media (prefers-reduced-motion:reduce){.eat-choice-options button,.eat-faq summary span{transition:none}.eat-result{animation:none}}