:root{--ink:#1d2d29;--muted:#718078;--line:#dfe8e1;--paper:#f8faf7;--green:#183c35;--mint:#dcebe3;--coral:#cf6d4f;--shadow:0 18px 48px rgba(28,55,45,.12)}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;background:var(--paper);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{padding-bottom:110px}.hero{height:420px;position:relative;color:white;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.88)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,33,28,.55),rgba(11,33,28,.04) 42%,rgba(11,33,28,.75))}.hero-content{position:absolute;inset:0;max-width:1180px;margin:0 auto;padding:30px 42px 62px;display:flex;flex-direction:column;justify-content:space-between}.brand-mark{display:flex;align-items:center;gap:10px;line-height:1}.brand-mark span{font-family:Georgia,serif;font-size:34px;color:#f8d0bc}.brand-mark small{font-size:9px;letter-spacing:2px;line-height:1.35;font-weight:600}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.5px;font-weight:700;margin:0 0 12px;color:#a2d0ba}.hero h1{font-family:'Songti SC','STSong',Georgia,serif;font-size:clamp(38px,6vw,70px);line-height:1.05;margin:0 0 12px;font-weight:500;letter-spacing:0}.hero p:last-child{font-size:16px;margin:0;color:rgba(255,255,255,.84)}.menu-main{max-width:1180px;margin:auto;padding:48px 42px 40px}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.welcome-row h2,.order-modal h2,.success-modal h2{font-family:'Songti SC','STSong',Georgia,serif;font-weight:500;font-size:36px;line-height:1.1;margin:0}.section-kicker{color:#6a887b;margin-bottom:10px}.date-chip{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:8px 12px;border:1px solid var(--line);border-radius:100px;background:white}.dot{width:7px;height:7px;background:var(--coral);border-radius:50%;display:block}.category-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:22px}.category-tabs::-webkit-scrollbar{display:none}.category-tab{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:100px;padding:9px 17px;white-space:nowrap;font-size:13px;transition:.2s}.category-tab.active{background:var(--green);border-color:var(--green);color:white}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.menu-card{background:white;border-radius:5px;overflow:hidden;border:1px solid #ebf0eb;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px rgba(20,50,39,.04)}.menu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.menu-image-wrap{height:190px;position:relative;background:#edf2ed}.menu-image{width:100%;height:100%;object-fit:cover;display:block}.menu-badge{position:absolute;top:12px;left:12px;color:var(--green);background:rgba(255,255,255,.88);padding:4px 9px;border-radius:3px;font-size:11px;font-weight:700}.menu-info{padding:17px 17px 15px}.menu-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.menu-name{font-size:17px;font-weight:700;margin:0;color:var(--ink)}.menu-minutes{font-size:11px;color:var(--muted);white-space:nowrap;padding-top:3px}.menu-description{font-size:12px;line-height:1.6;color:var(--muted);min-height:39px;margin:7px 0 15px}.menu-actions{display:flex;justify-content:space-between;align-items:center}.menu-category{font-size:11px;color:#89a095;letter-spacing:.5px}.quantity-control{height:32px;display:flex;align-items:center;gap:10px}.quantity-control button{border:0;width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--green);font-size:18px;line-height:1}.quantity-control button:disabled{opacity:.35;cursor:not-allowed}.quantity-control span{min-width:16px;text-align:center;font-weight:600;font-size:13px}.note-panel{display:flex;gap:13px;align-items:start;margin-top:42px;padding:18px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.note-icon{color:var(--coral);font-size:18px}.note-panel strong{font-size:13px;color:var(--ink)}.note-panel p{margin:3px 0 0;font-size:12px}.cart-bar{position:fixed;z-index:10;bottom:0;left:0;right:0;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:15px max(42px,calc((100vw - 1180px)/2 + 42px));display:flex;justify-content:space-between;align-items:center;gap:18px}.cart-summary{display:flex;gap:13px;align-items:center}.cart-count{display:grid;place-items:center;background:var(--coral);color:white;width:34px;height:34px;border-radius:50%;font-weight:700;font-size:14px}.cart-summary strong,.cart-summary small{display:block}.cart-summary strong{font-size:13px}.cart-summary small{font-size:11px;color:var(--muted);margin-top:2px}.primary-button,.submit-order{border:0;background:var(--green);color:white;border-radius:3px;padding:13px 21px;font-weight:600;font-size:13px;letter-spacing:.3px;transition:.2s}.primary-button:hover,.submit-order:hover{background:#24584c;transform:translateY(-1px)}.primary-button:disabled{background:#bdc9c3;cursor:not-allowed;transform:none}.primary-button span,.submit-order span{margin-left:13px;color:#f1b198;font-size:17px}.modal-backdrop,.success-backdrop{position:fixed;z-index:20;inset:0;background:rgba(17,39,32,.45);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.order-modal,.success-modal{position:relative;background:var(--paper);width:min(100%,510px);max-height:calc(100vh - 40px);overflow:auto;padding:37px 38px 34px;box-shadow:0 24px 80px rgba(9,31,23,.28)}.close-button{position:absolute;top:16px;right:17px;border:0;background:transparent;color:var(--muted);font-size:28px;line-height:1}.modal-intro,.success-modal>p{font-size:13px;color:var(--muted);margin:10px 0 24px}.order-list{border-top:1px solid var(--line);margin-bottom:25px}.order-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.order-row span:last-child{color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin-top:16px;color:var(--ink)}label input,label textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:white;border-radius:3px;padding:11px 12px;color:var(--ink);outline:none}label input:focus,label textarea:focus{border-color:#8fb5a3;box-shadow:0 0 0 3px rgba(92,144,115,.1)}textarea{resize:vertical}.optional{font-size:11px;color:var(--muted);font-weight:400;margin-left:4px}.submit-order{width:100%;margin-top:23px}.form-error{font-size:12px;color:#b74635;min-height:18px;margin:10px 0 0}.success-modal{text-align:center;padding:46px 38px 38px}.success-heart{font-family:Georgia,serif;font-size:55px;color:var(--coral);line-height:1;margin-bottom:18px}.success-modal h2{font-size:34px}.success-modal>p{line-height:1.8;max-width:300px;margin:12px auto 24px}.order-code{display:inline-flex;flex-direction:column;gap:4px;background:var(--mint);padding:10px 24px;margin-bottom:25px;color:var(--green)}.order-code small{font-size:10px;letter-spacing:1px}.order-code strong{letter-spacing:3px;font-size:20px}.full{width:100%}[hidden]{display:none!important}@media(max-width:760px){.hero{height:390px}.hero-content{padding:23px 22px 44px}.menu-main{padding:34px 22px 28px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.menu-image-wrap{height:145px}.menu-info{padding:13px 12px 12px}.menu-name{font-size:15px}.menu-description{font-size:11px;min-height:52px;margin:5px 0 9px}.menu-minutes{font-size:10px}.cart-bar{padding:12px 20px}.primary-button{padding:12px 16px}.welcome-row h2{font-size:31px}}@media(max-width:480px){.hero{height:375px}.hero h1{font-size:42px}.hero p:last-child{font-size:14px}.welcome-row{align-items:start;gap:10px;flex-direction:column}.date-chip{align-self:flex-start}.menu-grid{grid-template-columns:1fr 1fr}.menu-image-wrap{height:125px}.note-panel{margin-top:30px}.order-modal,.success-modal{padding:30px 22px 25px}.order-modal h2,.success-modal h2{font-size:31px}.cart-summary small{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.menu-category{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-group{border:0;border-top:1px solid var(--line);margin:0;padding:18px 0 4px}.option-group legend{float:left;width:100%;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:13px}.option-group legend span{font-size:9px;color:var(--coral);border:1px solid #e4b9aa;padding:2px 5px;font-weight:600}.option-choices{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.option-choice{margin:0;font-weight:500}.option-choice input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.option-choice span{display:grid;place-items:center;min-height:42px;padding:8px;border:1px solid var(--line);background:white;color:var(--muted);border-radius:3px;text-align:center;transition:.18s}.option-choice input:checked+span{border-color:var(--green);background:var(--mint);color:var(--green);font-weight:700}.option-choice input:focus-visible+span{outline:2px solid #8fb5a3;outline-offset:2px}.order-row>span:first-child{min-width:0}.order-row small{display:block;color:var(--coral);font-size:10px;margin-top:3px}.option-modal .modal-intro{font-weight:600;color:var(--ink)}.app-footer{text-align:center;color:#9aaaa2;font-size:10px;letter-spacing:1px;padding-top:22px}@media(max-width:480px){.option-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-category{max-width:86px}}