:root{color-scheme:light;--ink: #1e1b16;--muted: #59504a;--line: #e3ddcf;--paper: #fff8ed;--red: #b64131;--red-dark: #8f2d22;--red-soft: #fbe9e4;--gold: #edae32;--gold-soft: #fff2d5;--green: #287557;--green-dark: #1e5d45;--green-soft: #e7f3ec;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;padding-top:54px;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}button{font:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid rgba(40,117,87,.34);outline-offset:3px}.mobile-prototype-toolbar{display:none}.prototype-home-link,.audience-switch{position:fixed;z-index:100;top:14px;display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(37,49,40,.14);border-radius:999px;color:#263229;background:#ffffffeb;box-shadow:0 10px 28px #1f2b221f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:850;text-decoration:none}.prototype-home-link{left:14px}.audience-switch{right:24px;color:var(--muted);font-size:11px}.prototype-home-link svg,.audience-switch svg{width:14px;height:14px}.prototype-page{min-height:100vh;padding:28px 30px 116px;overflow:hidden}.topbar{width:min(1220px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-right:172px}.brand{display:flex;align-items:center;gap:11px;font-weight:850}.brand-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#fff;background:var(--red);box-shadow:0 10px 24px #b6413138}.brand-icon svg{width:19px;height:19px}.prototype-note{color:var(--muted);font-size:12px;font-weight:750}.showcase-layout{width:min(1220px,100%);margin:34px auto 0;display:grid;grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr);align-items:center;gap:72px}.story-panel{padding:20px 0 32px}.step-kicker{color:var(--red);font-size:12px;font-weight:850;letter-spacing:.06em}.story-panel h1{max-width:620px;margin:12px 0 15px;font-size:clamp(34px,3.6vw,48px);line-height:1.12;letter-spacing:-.04em}.story-panel h1 span{display:block}.lead{max-width:550px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}.proof-list{display:grid;gap:9px;max-width:530px;margin-top:24px}.proof-item{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:center}.proof-item>span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:var(--red);background:var(--red-soft)}.proof-item svg{width:14px;height:14px}.proof-item p{margin:0;font-size:13px;font-weight:650;line-height:1.5}.story-action{display:inline-flex;min-height:48px;margin-top:25px;padding:0 19px;align-items:center;gap:12px;border:0;border-radius:13px;color:#fff;background:var(--ink);font-weight:850;box-shadow:0 10px 24px #1e1b1629}.story-action svg{width:18px;height:18px;color:var(--gold)}.visual-panel{min-height:790px;display:grid;place-items:center}.device-stage{position:relative;width:399px;height:755px}.device-canvas{position:absolute;inset:0 auto auto 0;width:511px;height:968px;transform:scale(.78);transform-origin:top left}.device-bezel{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:511px;height:968px;pointer-events:none;-webkit-user-select:none;user-select:none}.device-screen{position:absolute;z-index:2;left:59px;top:58px;width:393px;height:852px;overflow:hidden;border-radius:42px;background:#fbf8f1}.status-bar{height:54px;padding:0 31px;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:14px;font-weight:750}.status-bar img{width:79px;height:13px}.app-bar{height:56px;padding:0 14px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;border-bottom:1px solid rgba(30,27,22,.07);background:#fff}.app-bar>strong{text-align:center;font-size:17px}.icon-button,.capsule-button{display:grid;place-items:center;border:0;color:var(--ink);background:transparent}.icon-button{width:42px;height:42px;border-radius:12px}.icon-button svg{width:22px;height:22px}.icon-button:disabled{opacity:0}.capsule-button{justify-self:end;width:42px;height:28px;border:1px solid #ddd4c8;border-radius:999px}.capsule-button svg{width:18px;height:18px}.mobile-page{position:relative;height:742px;padding:16px 15px 112px;overflow-y:auto;background:#fbf8f1;scrollbar-width:none}.mobile-page::-webkit-scrollbar,.day-carousel::-webkit-scrollbar{display:none}.mobile-action-area{position:absolute;z-index:8;left:15px;right:15px;bottom:18px;padding-top:10px;background:#fbf8f1}.primary-button{width:100%;min-height:50px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:13px;color:#fff;background:var(--red);font-size:14px;font-weight:850;box-shadow:0 9px 20px #b6413133}.primary-button svg{width:17px;height:17px}.week-toolbar{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center}.week-toolbar>button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff}.week-toolbar>button:disabled{opacity:.35}.week-toolbar>div{text-align:center}.week-toolbar strong,.week-toolbar span{display:block}.week-toolbar strong{font-size:15px}.week-toolbar span{margin-top:2px;color:var(--muted);font-size:9px}.plan-state{margin-top:11px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:var(--green-soft)}.plan-state strong{font-size:12px}.plan-state span{padding:5px 8px;border-radius:999px;color:var(--green-dark);background:#fff;font-size:9px;font-weight:850}.menu-rule{margin-top:10px;padding:11px 12px;border-radius:12px;color:#765313;background:var(--gold-soft)}.menu-rule b{font-size:11px}.menu-rule p{margin:4px 0 0;font-size:10px;line-height:1.5}.generation-ready{margin-top:10px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px #34291f12}.generation-ready>span{color:var(--red-dark);font-size:10px;font-weight:900;letter-spacing:.06em}.generation-ready h2{margin:8px 0 5px;font-size:20px}.generation-ready p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.generate-proof{margin-top:11px;padding:11px 12px;display:flex;gap:9px;align-items:flex-start;border-radius:13px;color:var(--green-dark);background:var(--green-soft)}.generate-proof>svg{flex:0 0 auto;margin-top:2px}.generate-proof strong{display:block;font-size:10px}.generate-proof p{margin:3px 0 0;font-size:9px}.menu-screen{padding:12px 12px 104px;overflow:hidden}.weekly-menu-board{padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.menu-board-head{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #eee6da}.menu-board-head>strong{font-size:15px}.menu-board-head>div{display:flex;gap:2px;align-items:center;padding:2px;border-radius:8px;background:#f1ece4}.menu-board-head span{padding:0 3px;color:var(--muted);font-size:8px}.menu-board-head button{min-height:25px;padding:0 7px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:9px;font-weight:850}.menu-board-head button.active{color:var(--green-dark);background:#fff;box-shadow:0 2px 6px #34291f1a}.weekly-menu-grid{display:grid;grid-template-columns:25px minmax(0,1fr);gap:4px;margin-top:6px}.meal-axis{display:grid;grid-template-rows:38px repeat(2,calc(var(--dish-count) * 43px + (var(--dish-count) - 1) * 7px));gap:9px}.meal-axis>span{border-bottom:1px solid #eee6da}.meal-axis b{display:grid;place-items:center;border-radius:6px;color:#6b655d;background:#f6f1e8;font-size:11px;letter-spacing:2px;line-height:1;text-orientation:upright;writing-mode:vertical-rl}.day-carousel{display:grid;min-width:0;grid-auto-flow:column;grid-auto-columns:calc((100% - 12px) / 3);gap:6px;overflow-x:auto;scroll-snap-type:inline proximity;scrollbar-width:none}.day-column{min-width:0;scroll-snap-align:start}.day-column>header{height:38px;padding-top:2px;border-bottom:1px solid #eee6da;text-align:center}.day-column>header strong,.day-column>header small{display:block}.day-column>header strong{font-size:12px}.day-column>header small{margin-top:2px;color:var(--muted);font-size:9px}.meal-cells{display:grid;gap:7px;margin-top:9px}.meal-cells button{min-height:43px;padding:2px;overflow:hidden;border:1px solid var(--line);border-left:3px solid #d88374;border-radius:6px;color:var(--ink);background:#fff;font-size:11px;font-weight:850;line-height:1.12}.meal-cells button.veg{border-left-color:#70a98b}.meal-cells button.soup{border-left-color:#7fa7cf}.meal-cells button.active{border-color:var(--green-dark);border-left-color:var(--green-dark);background:#eef7f2;box-shadow:0 0 0 1px var(--green-dark)}.selected-dish{margin-top:10px;padding:9px 9px 9px 10px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #d4dfd8;border-left:3px solid var(--green-dark);border-radius:9px;background:#fff}.selected-dish small,.selected-dish strong,.selected-dish span{display:block}.selected-dish small{color:var(--green-dark);font-size:8px;font-weight:850}.selected-dish strong{margin-top:3px;font-size:12px}.selected-dish span{margin-top:3px;color:var(--muted);font-size:8px}.selected-dish>button{min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#f4efe7;font-size:9px;font-weight:900}.compact-action{bottom:12px}.swap-heading>span{color:var(--red-dark);font-size:10px;font-weight:900;letter-spacing:.06em}.swap-heading h2{margin:7px 0 6px;font-size:22px}.swap-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.locked-week{margin-top:13px;padding:10px 11px;display:flex;align-items:center;gap:7px;border-radius:12px;color:var(--green-dark);background:var(--green-soft);font-size:10px;font-weight:750}.candidate-list{display:grid;gap:9px;margin-top:12px}.candidate-list>button{min-height:76px;padding:10px 12px;display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:#fff;text-align:left}.candidate-list>button.selected{border-color:var(--green);background:#f5fbf7;box-shadow:0 0 0 1px var(--green)}.swap-radio{display:grid;width:24px;height:24px;place-items:center;border:1px solid #d8d0c4;border-radius:50%;color:#fff;background:#fff}.selected .swap-radio{border-color:var(--green);background:var(--green)}.swap-radio svg{width:14px;height:14px}.candidate-list strong,.candidate-list small{display:block}.candidate-list strong{font-size:13px}.candidate-list small{margin-top:4px;color:var(--muted);font-size:9px}.swap-note{margin-top:10px;padding:10px 11px;display:flex;gap:9px;align-items:flex-start;border-radius:13px;color:#765313;background:var(--gold-soft)}.swap-note>svg{flex:0 0 auto;margin-top:2px}.swap-note p{margin:0}.swap-note strong,.swap-note span{display:block}.swap-note strong{font-size:10px}.swap-note span{margin-top:3px;font-size:9px}.overview-screen{padding-top:13px}.overview-status{padding:14px;border-radius:16px;color:#fff;background:var(--green-dark)}.overview-status span,.overview-status strong{display:block}.overview-status span{font-size:10px;opacity:.8}.overview-status strong{margin-top:4px;font-size:21px}.overview-status p{margin:5px 0 0;font-size:9px;opacity:.8}.overview-list{display:grid;gap:8px;margin-top:10px}.overview-list section{min-height:88px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}.overview-list header{display:flex;align-items:center;justify-content:space-between}.overview-list header strong{color:var(--green-dark);font-size:14px}.overview-list header span{color:var(--muted);font-size:11px}.overview-list p{margin:7px 0 0;color:var(--muted);font-size:12.5px;line-height:1.55}.saved-hero{padding:20px 15px;border-radius:18px;color:#fff;background:var(--green-dark);text-align:center;box-shadow:0 12px 26px #1e5d452e}.saved-hero>span{display:grid;width:34px;height:34px;margin:0 auto 8px;place-items:center;border-radius:50%;color:var(--green-dark);background:#fff}.saved-hero p{margin:0;font-size:10px;opacity:.78}.saved-hero h2{margin:5px 0;font-size:24px}.saved-hero small{font-size:10px;opacity:.8}.history-card{width:100%;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;text-align:left}.history-card-button{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.history-card-button:hover{border-color:#b9d7c8;box-shadow:0 8px 20px #1e5d451a;transform:translateY(-1px)}.history-card header{display:flex;align-items:flex-start;justify-content:space-between}.history-card header span,.history-card header strong{display:block}.history-card header span{color:var(--red-dark);font-size:9px;font-weight:850}.history-card header strong{margin-top:4px;font-size:13px}.history-card header b{padding:5px 7px;border-radius:999px;color:var(--green-dark);background:var(--green-soft);font-size:9px}.history-card>p{margin:11px 0;color:var(--muted);font-size:10px;line-height:1.55}.history-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-meta{display:flex;gap:7px}.history-meta span{padding:5px 7px;border-radius:8px;color:var(--muted);background:#f6f1e8;font-size:9px}.history-card-foot>strong{display:flex;align-items:center;gap:3px;color:var(--green-dark);font-size:9px}.history-card-foot>strong svg{width:12px;height:12px}.saved-detail-screen{padding-top:13px;padding-bottom:24px}.next-week-card{margin-top:10px;padding:12px;display:grid;grid-template-columns:36px 1fr 16px;gap:9px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#fff}.next-week-card>svg:first-child{width:20px;height:20px;color:#98620c}.next-week-card strong{display:block;font-size:11px}.next-week-card p{margin:3px 0 0;color:var(--muted);font-size:9px}.showcase-nav{position:fixed;z-index:90;left:50%;bottom:24px;display:grid;grid-template-columns:48px minmax(158px,auto) 48px;align-items:center;overflow:hidden;border-radius:999px;color:#fff;background:#243128;box-shadow:0 16px 38px #1e1b1640;transform:translate(-50%)}.showcase-nav>button{width:48px;height:48px;display:grid;place-items:center;border:0;color:#fff;background:transparent}.showcase-nav>button:disabled{opacity:.28}.showcase-nav>div{padding:0 13px;text-align:center}.showcase-nav strong{display:block;font-size:11px}.showcase-nav div>span{display:flex;margin-top:4px;justify-content:center;gap:4px}.showcase-nav i{width:4px;height:4px;border-radius:50%;background:#ffffff47}.showcase-nav i.active{width:14px;border-radius:4px;background:var(--gold)}@media(max-width:930px){.prototype-page{padding-inline:24px}.topbar{padding-right:0}.showcase-layout{grid-template-columns:1fr;gap:20px}.story-panel{max-width:660px;margin:0 auto;text-align:center}.lead,.proof-list{margin-inline:auto}.proof-item{text-align:left}.visual-panel{min-height:770px}}@media(max-width:560px){body{padding-top:48px}.prototype-home-link{top:8px;left:9px;min-height:36px;font-size:11px}.audience-switch{position:absolute;top:8px;right:9px;min-height:36px}.prototype-page{padding:20px 16px 100px}.prototype-note{display:none}.showcase-layout{margin-top:24px}.story-panel{text-align:left}.story-panel h1{font-size:34px}.lead{font-size:14px}.proof-list{display:none}.story-action{width:100%;justify-content:center}.visual-panel{min-height:682px}.device-stage{width:353px;height:668px}.device-canvas{transform:scale(.69)}.showcase-nav{bottom:16px}}@media(max-width:380px){.audience-switch{padding-inline:9px}.story-panel h1{font-size:31px}.visual-panel{min-height:575px}.device-stage{width:296px;height:562px}.device-canvas{transform:scale(.58)}}@media(max-width:620px){html,body,#root{width:100%;height:100%;overflow:hidden}body{--mobile-prototype-toolbar-height: calc(44px + env(safe-area-inset-top)) ;min-height:100dvh;padding:0;overscroll-behavior:none;background:#fff}.mobile-prototype-toolbar{position:fixed;z-index:2000;inset:0 0 auto;display:flex;height:var(--mobile-prototype-toolbar-height);padding:env(safe-area-inset-top) 12px 0;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(30,27,22,.1);background:#fffffff5;box-shadow:0 4px 16px #1e1b160f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-prototype-toolbar a{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:0 4px;color:#263229;font-size:12px;font-weight:850;text-decoration:none}.mobile-prototype-toolbar a svg{width:14px;height:14px}.mobile-prototype-toolbar>span{position:absolute;left:50%;transform:translate(-50%);color:var(--muted);font-size:11px;font-weight:750}.prototype-home-link,.audience-switch,.topbar,.story-panel{display:none}.prototype-page{position:fixed;inset:var(--mobile-prototype-toolbar-height) 0 0;min-height:0;padding:0;overflow:hidden}.showcase-layout,.visual-panel{width:100%;height:100%;min-height:0;margin:0;display:block}.device-stage,.device-canvas{position:relative;inset:auto;width:100%;height:100%;transform:none}.device-stage{filter:none}.device-screen{position:relative;inset:auto;width:100%;height:100%;border-radius:0}.device-bezel,.status-bar{display:none}.mobile-page{height:calc(100% - 56px);min-height:0}.showcase-nav{z-index:2001;top:calc(env(safe-area-inset-top) + 3px);right:8px;bottom:auto;left:auto;grid-template-columns:38px 38px;border-radius:0;background:transparent;box-shadow:none;transform:none}.showcase-nav>button{width:38px;height:38px;color:#263229}.showcase-nav>div{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}