:root{color:#20231f;background:#f7f8f5;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#f7f8f5}button{border:0;border-radius:8px;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #f2c14e;outline-offset:3px}.site-shell{min-height:100vh}.home-page{min-height:100vh;display:flex;flex-direction:column;max-width:720px;margin:0 auto;padding:72px 28px max(28px,env(safe-area-inset-bottom))}.home-intro{padding:0 8px}.home-kicker{margin:0 0 14px;color:#1f7a6d;font-size:14px;letter-spacing:.12em}.home-intro h1{margin:0;font-size:clamp(42px,12vw,64px);line-height:1.05;letter-spacing:0}.home-subtitle{margin:18px 0 0;color:#59615a;font-size:18px;line-height:1.6}.home-explanation{margin:28px 0 0;padding:14px 16px;border-left:4px solid #e75b32;border-top:1px solid #f2c14e;border-bottom:1px solid #f2c14e;background:#fff9e7;color:#343934;font-size:16px;line-height:1.65}.impact-band{display:flex;margin-top:56px;border-top:1px solid #d9ddd7;border-bottom:1px solid #d9ddd7}.impact-item{min-width:0;flex:1;padding:26px 14px}.impact-item+.impact-item{border-left:1px solid #d9ddd7}.impact-item strong{display:block;color:#20231f;font-size:25px;line-height:1.25}.impact-item span{display:block;margin-top:9px;color:#687069;font-size:14px;line-height:1.4}.secondary-stats{display:flex;justify-content:space-between;gap:16px;padding:18px 14px 0;color:#687069;font-size:14px;line-height:1.45}.secondary-stats span:last-child{text-align:right}.home-actions{margin-top:auto;padding:60px 8px 0;text-align:center}.primary-button{width:100%;height:58px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:#e75b32;color:#fff;font-size:18px;font-weight:700;line-height:1}.primary-button:active{background:#c94a27}.home-actions p{margin:18px 0 0;color:#687069;font-size:14px}.intro-overlay{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:#20231f8f}.intro-modal{width:min(100%,560px);padding:36px 30px 26px;border-radius:8px;background:#f7f8f5;box-shadow:0 18px 54px #20231f2e}.intro-modal h2{margin:0;font-size:30px;line-height:1.3}.intro-modal p{margin:20px 0 0;color:#343934;font-size:17px;line-height:1.65}.intro-modal .primary-button{margin-top:28px}.intro-modal small{display:block;margin-top:14px;color:#687069;font-size:13px;line-height:1.4;text-align:center}.placeholder-page{min-height:100vh;max-width:720px;margin:0 auto;padding:72px 28px}.placeholder-page h1{margin:0;font-size:42px}.placeholder-page p:last-child{color:#687069;font-size:17px}.menu-page{min-height:100vh;padding-bottom:106px}.menu-header{display:flex;align-items:flex-start;gap:18px;max-width:920px;margin:0 auto;padding:28px 24px 22px;border-bottom:1px solid #d9ddd7}.menu-header h1{margin:4px 0 0;font-size:clamp(24px,5vw,34px);line-height:1.2}.text-button{flex:0 0 auto;padding:5px 0;background:transparent;color:#59615a;font-size:15px}.text-button:hover{color:#e75b32}.menu-layout{display:grid;grid-template-columns:132px minmax(0,1fr);max-width:920px;min-height:calc(100vh - 150px);margin:0 auto}.category-list{background:#ecefe9}.category{width:100%;min-height:70px;padding:14px 12px;border-radius:0;background:transparent;color:#59615a;font-size:14px;line-height:1.35;text-align:left}.category.active{background:#f7f8f5;color:#e75b32;font-weight:700}.food-list{min-width:0;background:#f7f8f5}.food-row{min-height:140px;display:grid;grid-template-columns:84px minmax(0,1fr) 116px;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #d9ddd7}.food-image{width:84px;height:84px;display:block;object-fit:cover;background:#f2c14e}.food-placeholder{display:flex;align-items:center;justify-content:center;padding:8px;color:#20231f;font-size:12px;line-height:1.3;text-align:center}.food-details{min-width:0}.food-details h2{display:-webkit-box;overflow:hidden;margin:0;color:#20231f;font-size:17px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.food-details p{margin:8px 0 0;color:#687069;font-size:13px;line-height:1.3}.food-details strong{display:block;margin-top:8px;color:#e75b32;font-size:18px;line-height:1.2}.quantity-control{display:flex;align-items:center;justify-content:space-between;gap:10px}.quantity-control span{min-width:20px;color:#20231f;font-size:16px;font-variant-numeric:tabular-nums;text-align:center}.quantity-button{width:40px;height:40px;min-width:40px;display:grid;place-items:center;padding:0;border:1px solid #d9ddd7;border-radius:50%;background:#f7f8f5;color:#59615a;font-size:22px;line-height:1}.quantity-button:disabled{color:#b7bdb5}.quantity-button.add{border-color:#e75b32;background:#e75b32;color:#fff}.cart-bar{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:14px max(24px,calc((100vw - 920px)/2 + 18px)) max(14px,env(safe-area-inset-bottom));background:#20231f;color:#fff}.cart-bar>div{display:flex;flex-direction:column;min-width:0}.cart-bar span{color:#d9ddd7;font-size:13px}.cart-bar strong{margin-top:5px;font-size:21px}.cart-button{width:148px;height:48px;flex:0 0 auto;font-size:16px}.cart-button:disabled{background:#59615a;color:#cfd4ce;cursor:not-allowed}.flow-page{min-height:100vh;max-width:720px;margin:0 auto;padding:34px 28px max(34px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.confirm-page>.text-button{align-self:flex-start}.receipt{margin-top:28px;padding:28px 24px 24px;border:1px solid #d9ddd7;background:#fbfcf9}.receipt-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px dashed #9ca49c}.receipt-heading h2{margin:0;color:#20231f;font-size:25px;line-height:1.3}.receipt-heading span{color:#687069;font-size:11px;letter-spacing:.08em}.receipt-lines{padding:4px 0}.receipt-line,.receipt-total{display:flex;justify-content:space-between;gap:18px;padding:16px 0;color:#343934;font-size:15px;line-height:1.4}.receipt-line span{min-width:0;overflow-wrap:anywhere}.receipt-line strong,.receipt-total strong{flex:0 0 auto;white-space:nowrap;font-variant-numeric:tabular-nums}.receipt-total{padding:17px 0 0;border-top:1px dashed #9ca49c;color:#59615a}.receipt-total.grand{padding-top:16px;color:#20231f;font-size:21px;font-weight:700}.flow-actions{margin-top:auto;padding-top:44px;text-align:center}.flow-actions p{margin:16px 0 0;color:#687069;font-size:14px}.cooling-page{text-align:center}.cooling-time{margin-top:26px;color:#1f7a6d;font-size:clamp(70px,20vw,108px);font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}.cooling-hint{min-height:26px;margin:10px 0 0;color:#59615a;font-size:17px}.stages{display:flex;justify-content:space-between;gap:10px;margin:58px 0 38px}.stage{display:flex;flex:1;flex-direction:column;align-items:center;gap:9px;color:#9ca49c;font-size:12px;line-height:1.3}.stage i{width:14px;height:14px;border:2px solid #9ca49c;border-radius:50%;background:#f7f8f5}.stage.done{color:#1f7a6d}.stage.done i{border-color:#1f7a6d;background:#1f7a6d}.cooling-receipt{padding:26px;border:1px dashed #9ca49c;text-align:left;transition:opacity .5s ease}.cooling-receipt h2{margin:0 0 18px;padding-bottom:14px;border-bottom:1px dashed #9ca49c;font-size:22px}.cooling-receipt p{display:flex;justify-content:space-between;gap:16px;margin:16px 0 0;font-size:16px}.cooling-receipt small{display:block;margin-top:22px;color:#687069;font-size:13px}.result-page{text-align:center}.result-page h1{margin:56px 0 0;font-size:clamp(28px,8vw,42px);line-height:1.3}.result-note{margin:18px 0 0;color:#687069;font-size:16px;line-height:1.6}.result-actions{margin-top:auto;padding-top:90px}.secondary-button{width:100%;height:52px;margin-top:12px;background:transparent;color:#59615a;font-size:17px}.secondary-button:hover{color:#e75b32}.result-metrics{display:flex;margin-top:54px;border-top:1px solid #d9ddd7;border-bottom:1px solid #d9ddd7}.result-metrics>div{min-width:0;flex:1;padding:24px 12px}.result-metrics>div+div{border-left:1px solid #d9ddd7}.result-metrics strong{display:block;font-size:22px;line-height:1.3}.result-metrics span{display:block;margin-top:10px;color:#687069;font-size:13px;line-height:1.4}.conversion{margin:28px 0 0;color:#343934;font-size:17px}.disclaimer{margin:20px 0 0;color:#687069;font-size:13px;line-height:1.6;text-align:left}.neutral-note{margin:44px 0 0;color:#687069;font-size:17px;line-height:1.6}.result-home{margin-top:auto}@media(max-width:600px){.food-row{grid-template-columns:84px minmax(0,1fr) 96px;gap:10px;padding-inline:12px}.quantity-control{gap:4px}.quantity-button{width:36px;height:36px;min-width:36px}}@media(max-width:380px){.home-page{padding-inline:18px}.home-subtitle{font-size:16px}.home-explanation{font-size:15px}.secondary-stats{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}