/* Playful contemporary kitchen — crisp type, soft color, real food. */
.order-dish-name{gap:12px}.order-dish-name>span{flex:1}.order-dish-image{width:64px;height:64px;flex:0 0 64px;object-fit:contain;border-radius:16px;background:#f0eedf;mix-blend-mode:multiply;padding:4px}.order-dish-name>b{white-space:nowrap}
:root{--paper:#fff9ed;--ink:#253f35;--muted:#7d8678;--sage:#315b47;--orange:#e86682;--line:#dfe3cc;--white:#fffbed}
body{font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;background:var(--paper)}
h1,h2,h3,.sticker,.order h2{font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;font-style:normal}
header{border:0;padding:24px 32px}.brand{font-weight:850;letter-spacing:-.5px}.brand small{font-weight:500;letter-spacing:1px}.brand-icon{border-radius:16px;transform:rotate(-7deg);background:#f7c8d7;color:var(--ink);box-shadow:2px 3px 0 var(--ink)}
nav{background:#ecefdc;padding:5px;border-radius:22px}nav button{border-radius:17px;font-weight:700}nav .active{background:var(--ink)}
.hero{position:relative;isolation:isolate;margin:12px 24px 42px;padding:48px 60px;gap:30px;grid-template-columns:1fr .83fr;border-radius:40px;background:#edf0d8;overflow:hidden;min-height:490px}
.hero:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #bac8a3;border-radius:50%;right:-100px;top:-90px;z-index:-1}
.hero .eyebrow{font-size:11px;letter-spacing:1px;background:#fff9ed;border:1px solid #d7dbc1;padding:7px 12px;display:inline-flex;border-radius:100px;color:#607253}
.hero-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:3px;font-weight:800;margin-top:32px;color:#59734f}
.hero h1{font-size:64px;line-height:1.18;font-weight:950;letter-spacing:-3px;margin:13px 0 23px}.hero h1>span{display:block;white-space:nowrap}.hero h1 span:after{display:none}.hero .question{color:#e87591;display:inline-block;transform:rotate(10deg);margin-left:8px;font-family:Arial,sans-serif;font-weight:900}
.hero p{color:#657460;font-size:14px;line-height:1.9}.primary{border-radius:100px;background:var(--ink);font-weight:750}.hero .primary{background:#f8c7d6;color:var(--ink);border:1.5px solid var(--ink);box-shadow:3px 4px 0 var(--ink);padding:12px 24px}.hero-note{color:#6c7f61}
.cover-wrap{transform:none;max-width:340px;width:100%;aspect-ratio:1.04;background:#fff7df;border-radius:50% 50% 28% 28%;border:none;box-shadow:none;isolation:isolate;overflow:visible;align-self:center}
.cover-wrap:before{content:'';position:absolute;inset:0;border:1px solid #cbd4ae;border-radius:inherit;transform:rotate(7deg);z-index:-1}
.cover-wrap img{position:absolute;width:110%;height:115%;left:-5%;bottom:0;object-fit:contain;object-position:center bottom;border-radius:0;mix-blend-mode:normal}
.sticker{bottom:16px;right:-15px;background:#f7bfd2;color:#45333e;border:1.5px solid #45333e;border-radius:18px;box-shadow:3px 3px 0 #45333e;padding:13px 16px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:1px;transform:rotate(10deg)}.sticker b{font-size:22px}
.menu-section{border:0;padding-top:10px}.section-heading h2{font-size:30px;font-weight:850;letter-spacing:-1px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#81916a}.search{background:#fffdf5;border:1.5px solid #c9d2b6;border-radius:16px}.search input{font-size:13px}
.categories{gap:9px;margin-top:25px;margin-bottom:26px}.categories button{background:#f3f0e3;border:0;padding:12px 16px;font-weight:650}.categories small{font-weight:800;color:#9a9a7e}.categories .chosen{background:#f5c6d6;color:var(--ink);box-shadow:0 0 0 1px #dca2b6}.categories .chosen small{color:#9c546f}
.results-label{font-size:11px;color:#899077}.dish-grid{gap:25px 20px}.dish{border:0;background:none;border-radius:24px;overflow:visible;box-shadow:none}.dish:hover{box-shadow:none;transform:translateY(-3px)}
.dish-photo{height:220px;padding:16px;background:#f0eddf;border-radius:28px;overflow:hidden;isolation:isolate}.dish-photo img{mix-blend-mode:multiply;filter:none;transition:transform .25s}.dish-photo:hover img{transform:scale(1.04)}.tone-0{background:#f5e3dc}.tone-1{background:#edf0dc}.tone-2{background:#f6ebcc}.tone-3{background:#e9e8f0}.picked{background:#254d3f;top:13px;left:13px;font-weight:600;padding:5px 11px}
.dish-text{padding:15px 4px 7px}.dish h3{font-size:17px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px}.dish p{font-size:11px;color:#93927f;min-height:18px}.dish-actions{justify-content:flex-end;margin-top:10px}.add{padding:8px 14px;border-radius:100px;background:#dfe8cd;color:#315340;font-weight:750;font-size:12px}.add:hover{background:#f5c6d6}.stepper button{background:#e4e9d7}.cart-bar{background:#244b3c;border:1.5px solid #183a2a;box-shadow:0 5px 25px #1d3e3426;border-radius:24px}.bag b{background:#f7c2d4}.cart-bar small{color:#b9c6b1}
footer{margin:55px 24px 0;border-top:1.5px dashed #c9d2b6;padding-top:45px}footer h2{font-size:25px;font-weight:800;color:var(--ink)}footer p{color:#a2a18e}.drawer{background:#fff9ed}.drawer h2{font-weight:850}.cart-lines img{mix-blend-mode:multiply;background:transparent}.drawer .primary{border-radius:16px}.drawer label{color:#64765c;font-weight:600}.detail{background:#f3eddb}.detail>img{mix-blend-mode:multiply}.detail h2{font-weight:850;font-size:25px}
.kitchen h1{font-size:45px;font-weight:900;letter-spacing:-2px}.kitchen .section-heading p{font-size:13px}.stats{grid-template-columns:repeat(4,1fr);gap:16px}.stats button{border:0;background:#edf0dc;border-radius:22px;padding:22px;transition:.2s}.stats button:nth-child(2){background:#f6e9cb}.stats button:nth-child(3){background:#f4dfe6}.stats button:nth-child(4){background:#e5e9ef}.stats b{font-family:Arial,sans-serif;font-weight:850;color:var(--ink)}.stats span{color:#6d7667;font-weight:650}.stats .selected-stat{outline:2px solid var(--ink)}.filters input,.filters select{background:#fffdf6}.order{border:1px solid #dbe0ca;border-radius:24px;background:#fffdf5;padding:25px}.order h2{font-weight:850;font-size:24px}.order-person{font-weight:600}.status{font-weight:700}.pending{background:#edf0dc;color:#71804e}.confirmed{background:#f8e7c2;color:#9b7235}.purchased{background:#f7dce5;color:#a34b6a}.done{background:#dfeadf;color:#4e7856}.order-flow{display:flex;margin:20px 0 12px;gap:8px}.order-flow>span{flex:1;font-size:10px;display:flex;align-items:center;gap:5px;color:#a4a799;border-top:3px solid #e9ebdf;padding-top:9px}.order-flow .reached{border-color:#71966b;color:#466442}.order-flow i{font-style:normal;border:1px solid currentColor;border-radius:100%;width:17px;height:17px;text-align:center;line-height:15px;font-size:9px}.order li{display:block}.order-dish-name{display:flex;align-items:center;justify-content:space-between;font-weight:650}.next-status{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:100px;background:var(--ink);color:white;font-size:11px;font-weight:700}.completed-label{display:flex;gap:5px;font-size:10px;color:#6a8865}.rating{display:flex;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}.rating>span{font-size:10px;color:#939682;margin-right:auto}.rating>div{display:flex;gap:0}.rating button{color:#e2a537;padding:4px;display:flex}.rating button:disabled{opacity:.65}.rating>b{font-size:9px!important;color:#949682!important;min-width:33px}.success{border:1px solid #c6d9b4;background:#edf4df}.note{background:#f4f0df}.search:focus-within{outline:2px solid #b5c894}
@media(max-width:980px){.hero{padding:40px;gap:25px}.hero h1{font-size:54px}.cover-wrap{max-width:280px}.dish-photo{height:200px}}
@media(max-width:700px){header{padding:18px 17px}.brand{font-size:13px}.brand-icon{width:34px;height:34px;border-radius:12px}.brand small{font-size:8px}nav{gap:0;padding:3px}nav button{padding:8px 9px;font-size:10px}.hero{margin:8px 14px 27px;padding:27px 23px 33px;grid-template-columns:1fr .8fr;gap:8px;border-radius:28px;min-height:330px}.hero .eyebrow{font-size:8px;padding:5px 8px;letter-spacing:0}.hero-kicker{font-size:8px;letter-spacing:1px;margin-top:22px;gap:6px}.hero-kicker svg{width:13px}.hero h1{font-size:39px;letter-spacing:-2px;margin:10px 0 17px}.hero p{font-size:10px}.hero .primary{font-size:11px;padding:9px 13px;margin-top:17px;box-shadow:2px 3px 0 var(--ink)}.hero-note{font-size:8px;line-height:1.5}.cover-wrap{max-width:160px;aspect-ratio:.85;align-self:center}.sticker{display:block;right:-9px;bottom:-10px;padding:8px;font-size:7px;border-radius:10px;box-shadow:2px 2px 0 #45333e}.sticker b{font-size:13px}.menu-section{padding:10px 17px}.section-heading h2{font-size:26px}.categories{gap:7px;margin-bottom:9px}.categories button{font-size:11px;padding:10px 13px}.dish-grid{gap:23px 13px}.dish-photo{height:175px;border-radius:23px;padding:11px}.dish-text{padding:11px 2px 0}.dish h3{font-size:14px;letter-spacing:-.4px}.dish p{font-size:10px;min-height:29px}.dish-actions{margin-top:7px}.add{font-size:11px;padding:7px 12px}footer{margin:45px 18px 0}footer h2{font-size:23px}.kitchen h1{font-size:36px;letter-spacing:-1px}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stats button{padding:17px;flex-direction:row;align-items:center;border-radius:18px}.stats b{font-size:27px}.order-flow{gap:6px}.order{padding:20px}.rating button{padding:5px}.rating svg{width:19px;height:19px}}
@media(max-width:380px){.hero{grid-template-columns:1fr .65fr;padding:24px 18px}.hero h1{font-size:34px}.hero .eyebrow{font-size:7px}.dish-photo{height:150px}.brand small{display:none}}

/* Phone-first: compact welcome, readable food cards and thumb-sized controls. */
@media(max-width:700px){
 body{font-size:14px} .preview-notice{font-size:10px!important;padding:5px 12px!important}
 header{padding:14px 16px;gap:8px}.brand{font-size:14px;gap:9px}.brand small{font-size:9px;letter-spacing:0}.brand-icon{width:36px;height:36px;flex-shrink:0}nav button{min-height:44px;padding:10px 12px;font-size:11px}nav{border-radius:18px}nav button{border-radius:14px}
 .hero{margin:2px 16px 26px;padding:24px 20px;min-height:260px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border-radius:26px;align-items:center}.hero .eyebrow{font-size:9px;padding:5px 8px;white-space:nowrap}.hero-kicker{display:none}.hero h1{font-size:38px;line-height:1.16;letter-spacing:-1.5px;margin:17px 0 12px}.hero p{font-size:11px;line-height:1.8}.hero p br{display:none}.hero .primary{min-height:44px;margin-top:16px;font-size:12px;padding:10px 15px;gap:8px}.hero-note{display:none}.cover-wrap{width:100%;max-width:165px;aspect-ratio:.85;margin-top:42px}.sticker{font-size:7px;right:-3px;bottom:-8px;padding:7px 9px}.sticker b{font-size:13px}
 .menu-section{padding:0 16px;scroll-margin-top:12px}.section-heading{gap:14px;margin-bottom:0}.section-heading h2{font-size:23px;letter-spacing:-.6px;margin-top:4px}.menu-section .eyebrow{font-size:9px}.search{height:48px;border:1px solid #dce1ce;border-radius:15px;background:#f1f1e6;padding:0 14px}.search input{font-size:16px}.search button{min-width:36px;min-height:44px}
 .categories{position:sticky;top:0;z-index:4;background:var(--paper);margin:8px -16px 0;padding:12px 16px;gap:8px;scrollbar-width:none;scroll-padding-inline:16px;border-bottom:1px solid #e9e9dc}.categories::-webkit-scrollbar{display:none}.categories button{min-height:44px;flex-shrink:0;font-size:12px;padding:10px 14px;border-radius:14px}.categories small{display:none}.categories .chosen{box-shadow:none;background:var(--ink);color:#fff}
 .results-label{margin:17px 0 13px;font-size:11px;color:#64735f}.dish-grid{gap:20px 12px}.dish{min-width:0}.dish-photo{height:auto;aspect-ratio:1/1;border-radius:22px;padding:10px}.dish-text{padding:10px 2px 0}.dish h3{font-size:15px;line-height:1.4;letter-spacing:-.3px}.dish p{font-size:11px;line-height:1.6;color:#74806d;min-height:36px;overflow-wrap:anywhere}.dish-actions{margin-top:7px;min-height:44px}.add{min-height:44px;min-width:76px;padding:10px 14px;font-size:12px;background:#e6ebd8}.stepper{gap:5px}.stepper button{width:44px;height:44px}.stepper b{min-width:19px;font-size:14px}.picked{top:10px;left:10px;font-size:10px;padding:4px 9px}
 .cart-bar{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:14px 17px;min-height:68px;border-radius:22px;gap:15px}.cart-bar strong{background:#f7c8d7;color:var(--ink);padding:11px 13px;border-radius:14px;font-size:12px;gap:6px}.cart-bar small{font-size:10px}.cart-bar>span:nth-child(2){font-size:13px}footer{padding-bottom:calc(120px + env(safe-area-inset-bottom));margin-top:35px}footer h2{font-size:21px}
 .kitchen{padding:16px 16px 40px}.back-link{display:none}.kitchen .section-heading{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:20px}.kitchen .section-heading .eyebrow{font-size:8px;letter-spacing:1px}.kitchen h1{font-size:27px;line-height:1.25;margin:7px 0;letter-spacing:-.8px}.kitchen .section-heading p{font-size:12px;color:#76836f}.kitchen .secondary{font-size:0;min-width:44px;width:44px;height:44px;padding:12px;justify-content:center;border-radius:14px;background:#e9eddc;border:0}.kitchen .secondary svg{width:19px;height:19px;flex-shrink:0}
 .filters{margin:0 0 18px;padding:10px 12px;border-radius:16px;background:#eeefe2;gap:8px;justify-content:space-between}.filters label{font-size:11px;gap:6px}.filters label svg{width:15px}.filters input{width:137px;min-height:44px;font-size:14px;padding:8px;background:#fffcf4;border:0;border-radius:10px}.filters>button{font-size:11px;min-height:44px;padding:0 3px;color:#52674e}.orders{gap:16px}.order{padding:18px;border-radius:24px;border-color:#e1e5d5;box-shadow:0 5px 16px #31463205}.order h2{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin-top:6px}.order-top .eyebrow{font-size:10px;letter-spacing:.5px}.status{font-size:11px;padding:6px 12px}.order-person{margin:9px 0 0;font-size:11px}.order-flow{margin:16px 0 7px;gap:8px}.order-flow>span{font-size:11px;padding-top:8px;gap:5px}.order li{padding:10px 0}.order-dish-image{width:68px;height:68px;flex-basis:68px;border-radius:17px;padding:3px}.order-dish-name{gap:12px;font-size:14px}.order-dish-name>b{font-size:12px}.order-bottom{flex-direction:column;align-items:stretch;gap:12px;margin-top:15px}.order-bottom small{font-size:10px}.next-status{min-height:48px;border-radius:15px;justify-content:center;font-size:14px;gap:10px}.completed-label{justify-content:center;background:#eaf0e1;padding:12px;border-radius:14px;font-size:12px}.rating{gap:4px}.rating>span{font-size:11px;width:100%}.rating button{width:44px;height:44px;justify-content:center;align-items:center}.rating svg{width:22px;height:22px}
 .overlay{align-items:flex-end}.drawer{height:auto;max-height:92dvh;width:100%;border-radius:26px 26px 0 0;padding:20px 20px calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain}.drawer:before{content:'';display:block;width:36px;height:4px;background:#d1d8c7;border-radius:4px;margin:-8px auto 15px}.drawer-title{margin-bottom:12px}.drawer h2{font-size:24px}.drawer-title>button,.close{min-width:44px;min-height:44px}.drawer input,.drawer select,.drawer textarea{font-size:16px;min-height:48px}.drawer form{gap:15px;margin-top:20px}.drawer label{font-size:12px}.drawer .primary{min-height:50px}.cart-lines>div>span{font-size:14px}.form-row{gap:10px}.detail-overlay{align-items:center}.detail{padding:24px 20px;max-height:88dvh}.detail>img{height:auto;aspect-ratio:1}.detail .primary{min-height:48px}.success{font-size:13px}.success button{min-height:44px}
}
@media(max-width:360px){.brand{font-size:12px}.brand small{display:none}nav button{padding:10px 9px}.hero{padding:20px 16px}.hero h1{font-size:33px}.hero p{font-size:10px}.hero .eyebrow{font-size:8px}.filters{padding:8px}.filters input{width:126px}.rating button{width:40px}.cart-bar strong{padding:11px 10px}.cart-bar{gap:12px}}

/* Left-aligned menu action and quiet order deletion. */
.dish-actions{justify-content:flex-start}.delete-order{background:transparent;border:1px solid #dec9c3;color:#95665e;border-radius:12px;padding:8px 12px;min-height:44px;font-size:12px;cursor:pointer}.delete-order:disabled{opacity:.5}.order-bottom .delete-order{align-self:flex-start}

.dish-text{padding-left:0;padding-right:0}.dish-actions,.dish-actions>.add,.dish-actions>.stepper{width:100%}.dish-actions>.add{justify-content:center;border-radius:14px}.dish-actions>.stepper{justify-content:space-between;background:#e6ebd8;border-radius:14px}.order-confirm{width:min(340px,calc(100% - 40px));box-sizing:border-box;border:0;border-radius:24px;padding:26px;background:#fff9ed;color:#253f35;box-shadow:0 20px 70px #1b302d30;font-family:inherit}.order-confirm::backdrop{background:#142c2859}.order-confirm h2{font-size:20px;margin:0 0 12px}.order-confirm p{font-size:14px;line-height:1.7;color:#74806d;margin:0 0 24px}.order-confirm-actions{display:flex;gap:12px}.order-confirm-actions button{flex:1;min-height:46px;border:0;border-radius:13px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.confirm-delete{background:#315340;color:white}.cancel-delete{background:#e9ecdf;color:#315340}.order-confirm-actions button:focus-visible{outline:2px solid #315340;outline-offset:3px}

/* Stable square cards: prevent touch hover from shifting individual dishes. */
.dish-grid{align-items:start}.dish{transform:none!important}.dish-photo{display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1/1;box-sizing:border-box;padding:10px}.dish-photo img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:50% 50%;transform:none!important}.dish-text{display:flex;flex-direction:column}.dish h3{min-height:2.8em;line-height:1.4;margin-bottom:6px}.dish p{min-height:3.2em;line-height:1.6}.dish-actions{margin-top:8px}

/* Larger dish names with ingredients directly underneath. */
.dish h3{font-size:19px;line-height:1.4;min-height:0;margin:0 0 4px;letter-spacing:-.3px}.dish p{margin:0;min-height:0;line-height:1.6}.dish-text{min-height:110px}.dish-actions{margin-top:auto;padding-top:10px}@media(max-width:700px){.dish h3{font-size:17px}.dish-text{min-height:110px}.dish p{font-size:11px}}