:root{font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;color:#203d32;background:#faf8f1}*{box-sizing:border-box}body{margin:0}.wrap{max-width:900px;margin:auto;padding:28px 18px}header,.topright,.sectiontitle,.cardtop,.actions,.recipehead{display:flex;align-items:center;justify-content:space-between;gap:12px}header h1{font-size:29px;margin:8px 0 3px}header p,section p{color:#74847d;margin:5px 0}small{color:#277657;letter-spacing:2px;font-size:11px;font-weight:800}.hero{margin:20px 0 16px;padding:24px;background:#e6eee1;border-radius:24px;display:flex;align-items:center;justify-content:space-between}.hero h2{margin:8px 0}.heroEmoji{font-size:66px}nav{background:#ece9e0;padding:5px;border-radius:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}button{border:0;border-radius:12px;background:#eaf2e7;color:#26704f;padding:11px 15px;font-weight:700;cursor:pointer;font-family:inherit}button:hover{filter:brightness(.96)}button.primary{background:#357c5c;color:#fff}button.ghost{background:#fff;border:1px solid #e6e4da}nav button{background:transparent;color:#60736a}nav button.active{background:white;color:#26704f;box-shadow:0 1px 4px #0000000a}#app{min-height:490px;padding-top:22px}.sectiontitle h2{font-size:20px}.muted{color:#8b978f;font-size:12px}.days,.filters,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.days button{background:white;border:1px solid #e8e6db;min-width:65px}.days button.active,.filters button.active{background:#357c5c;color:white}.filters button{background:#f0f3eb}.meal,.panel,.recipe,.shopgroup{background:white;border:1px solid #e9e7dc;border-radius:18px;padding:18px;margin:12px 0}.meal h3{margin:0 0 12px}.empty{border:1px dashed #d7e1d3;padding:18px;border-radius:13px;text-align:center;color:#8b978f}.search{width:100%;padding:15px;border:1px solid #e5e3d9;border-radius:13px;background:white;font:inherit}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe{margin:0;padding:10px}.recipe .visual{background:#eaf2e7;height:95px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:50px}.recipe h3{margin:9px 0 5px;font-size:16px}.recipe .actions{display:grid;grid-template-columns:1fr 1fr}.recipe button{padding:9px 4px}.pill{display:inline-block;padding:4px 8px;border-radius:15px;background:#edf3e9;font-size:11px;margin:3px;color:#397b58}.row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0efe8;padding:11px 0;gap:10px}.row:last-child{border:0}input[type=checkbox]{accent-color:#357c5c;width:18px;height:18px}.qty{white-space:nowrap;color:#76877d}.progress{height:7px;background:#edf0e9;border-radius:9px;overflow:hidden}.progress div{background:#357c5c;height:100%}dialog{border:0;border-radius:24px;max-width:670px;width:calc(100% - 28px);max-height:88vh;overflow:auto;padding:24px;color:#203d32;background:#faf8f1}dialog::backdrop{background:#172e26a8}.close{width:100%;margin-top:20px}dialog h2{margin-top:0}.steps li{margin:10px 0;line-height:1.7}.hint{background:#fff4db;padding:12px;border-radius:12px;font-size:13px;line-height:1.6}label{display:block;margin:10px 0;font-size:13px}input,textarea,select{font:inherit}input[type=text],input[type=number],textarea,select{width:100%;border:1px solid #dddcd2;border-radius:10px;padding:10px;margin-top:5px;background:white}textarea{min-height:85px}footer{margin-top:35px;color:#a0aaa2;font-size:11px}button.danger{color:#aa4c4c;background:#fff0ee}@media(max-width:600px){.wrap{padding:15px 12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:17px}.heroEmoji{font-size:44px}header h1{font-size:24px}nav button{font-size:12px;padding:10px 2px}.topright{flex-direction:column;align-items:end}.days button{min-width:55px}}

/* V4 warm modern editorial refresh */
:root{color:#292b25;background:#fbf7f0;--accent:#bf7447;--deep:#835036;--soft:#fff1df;--line:#eadfd2}body{background:linear-gradient(180deg,#fffaf3,#faf4ec)}.wrap{max-width:1050px;padding:26px 24px}header h1{color:#292b25;font-size:32px;letter-spacing:-1px}header small,small{color:#b16d43}.hero{background:linear-gradient(110deg,#f7dfc2,#fce9d2);border:1px solid #f1d8b7;border-radius:22px;padding:26px 30px}.hero h2{color:#533c2d}.heroEmoji{filter:drop-shadow(0 8px 8px #c49c7770)}nav{background:#f1e9df;border-radius:14px}nav button.active{color:#995c36}button{background:#f8eadb;color:#955b39}button.primary,.days button.active,.filters button.active{background:#bd784d;color:#fff}button.ghost{border-color:#eadaca}.filters button{background:#fff2e3;color:#98603e}.meal,.panel,.recipe{border-color:var(--line);box-shadow:0 5px 22px #69472e08}.recipe{padding:9px;border-radius:18px;overflow:hidden}.recipe .visual{height:155px;background:#f7e9d8;overflow:hidden}.recipe .visual img{width:100%;height:100%;object-fit:cover;display:block}.recipe h3{font-size:15px}.pill{background:#f8e6d1;color:#935932}.progress div{background:#bd784d}.search:focus,input:focus,textarea:focus{outline:2px solid #e8b98f;outline-offset:1px}dialog{background:#fffbf6;color:#302a25;border-radius:24px}dialog::backdrop{background:#25180f9c}.hint{background:#fff0d8}.steps{padding-left:25px}.steps li{background:#fff;border:1px solid #f0e4d7;border-radius:12px;padding:13px 16px;margin:10px 0;line-height:1.9}.step-title{font-size:13px;color:#ac6c44;font-weight:800;display:block;margin-bottom:5px}.recipe-banner{width:100%;max-height:270px;object-fit:cover;border-radius:17px;margin-bottom:15px}.recipe .muted{line-height:1.6}.actions button{min-height:38px}.row button{padding:8px 12px}.mode-step{font-size:20px;line-height:1.9;min-height:130px;padding:20px;background:#fff4e7;border-radius:14px}.mode-controls{display:flex;gap:10px;justify-content:space-between}.mode-controls button{flex:1}.badge-note{color:#a16c47;font-size:12px}.empty-search{grid-column:1/-1;padding:40px;text-align:center;color:#9c8c7b}.heroEmoji{font-size:58px}footer{color:#a59485}@media(max-width:600px){.wrap{padding:16px 12px}.cards{gap:9px}.recipe .visual{height:115px}.hero{padding:20px}.recipe h3{font-size:14px}.recipe .actions{gap:5px}.recipe button{font-size:12px}.heroEmoji{font-size:44px}header h1{font-size:26px}}

/* V5 real photography, warm editorial layout */
:root{--accent:#c0784c;--deep:#614533;--soft:#f8ebdc;--line:#e9dbcd;color:#302d28;background:#fcf9f5}body{background:#fcf9f5}.wrap{max-width:1020px}.hero{background:linear-gradient(110deg,#f4dfc8,#f9e8d6);border:0}header h1{letter-spacing:-.04em}.heroEmoji{font-size:56px;opacity:.8}.recipe .visual{height:172px;background:#f1e7db}.recipe .visual img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:12px}.recipe .actions button{font-size:13px}.recipe h3{font-size:16px}.recipe-banner{max-height:360px;width:100%;object-fit:cover}.photo-credit{font-size:11px;color:#9a8774;margin-top:-8px;margin-bottom:16px}.ingredient-group{color:#ac9179;letter-spacing:0;font-weight:400;margin-left:6px}.recipehead h2{line-height:1.3}.muted{color:#86796d}.row .qty{color:#82776b}.steps li{background:#fffdfa;border-color:#eadacc}.topright{flex-wrap:wrap}#identity{font-size:12px;color:#856e5a}.hidden{display:none}#loginError{color:#a33838}button:focus-visible{outline:3px solid #e5a975;outline-offset:2px}@media(max-width:600px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe .visual{height:125px}header h1{font-size:24px}.topright{gap:5px}.topright button{font-size:11px;padding:8px}.hero{padding:18px}dialog{padding:18px}#app{padding-top:14px}}

.ordered-by{font-size:11px;color:#aa8164;letter-spacing:0;font-weight:400;padding-left:5px}
