:root{--primary:#ff7a59;--primary-dark:#f4633a;--primary-soft:#ffe7df;--chinese:#e2574c;--western:#6478f0;--baby:#34b37e;--bf:#f6b73c;--lunch:#ff7a59;--dinner:#6478f0;--bg:#fbf6f1;--surface:#fff;--surface-2:#fff9f5;--ink:#2c2420;--muted:#8a7d72;--line:#efe5db;--radius:16px;--radius-sm:10px;--shadow:0 6px 24px #3c281914;--shadow-lg:0 18px 50px #3c28192e;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px clamp(12px,4vw,32px);padding-top:max(12px, env(safe-area-inset-top));background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:10px;display:flex}.topbar__logo{filter:drop-shadow(0 3px 6px #ff7a5966);font-size:30px}.topbar__name{letter-spacing:-.02em;font-size:20px;font-weight:800}.topbar__tag{color:var(--muted);font-size:12px}.topbar__nav{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:6px;padding:5px;display:flex}.navbtn{color:var(--muted);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.navbtn.is-active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ff7a5966}.content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:clamp(16px,3vw,28px)}.btn{border-radius:var(--radius-sm);border:none;padding:10px 16px;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .15s,background .15s}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #ff7a5966}.btn--primary:hover{background:var(--primary-dark)}.btn--primary:disabled{opacity:.6}.btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn:active{transform:translateY(1px)}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);border-radius:50%;place-items:center;font-size:22px;line-height:1;display:grid}.icon-btn:hover{background:var(--primary-soft)}.calendar__nav{align-items:center;gap:12px;margin-bottom:16px;display:flex}.calendar__title{flex:1;margin:0;font-size:clamp(20px,4vw,26px);font-weight:800}.calendar__today{margin-left:auto}.calendar__grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar__dow{text-align:center;color:var(--muted);padding-bottom:4px;font-size:12px;font-weight:700}.day-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);text-align:left;flex-direction:column;align-items:stretch;gap:2px;padding:6px;transition:transform .1s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.day-cell:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.day-cell--muted{background:var(--surface-2);color:var(--muted);opacity:.6}.day-cell--today{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.day-cell--selected{border-color:var(--primary);background:var(--primary-soft)}.day-cell__num{font-size:14px;font-weight:700}.day-cell__dots{gap:3px;display:flex}.dot{background:var(--line);border-radius:50%;width:7px;height:7px}.dot--on.dot--breakfast{background:var(--bf)}.dot--on.dot--lunch{background:var(--lunch)}.dot--on.dot--dinner{background:var(--dinner)}.day-cell__emojis{flex-wrap:wrap;gap:1px;margin-top:auto;font-size:14px;line-height:1.1;display:flex}.day-cell__emojis .more{color:var(--muted);font-size:10px;font-weight:700}.calendar__hint{text-align:center;color:var(--muted);margin-top:16px;font-size:13px}.day__nav{align-items:center;gap:12px;margin-bottom:18px;display:flex}.day__title{text-align:center;flex:1}.day__title h2{align-items:center;gap:10px;margin:0;font-size:clamp(18px,4vw,24px);display:inline-flex}.day__datepick{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;margin-top:6px;padding:4px 8px;font-size:13px}.day__meals{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.meal-col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);border-top:4px solid var(--line);flex-direction:column;min-height:180px;padding:14px;display:flex}.meal-col--breakfast{border-top-color:var(--bf)}.meal-col--lunch{border-top-color:var(--lunch)}.meal-col--dinner{border-top-color:var(--dinner)}.meal-col__head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.meal-col__head h3{margin:0;font-size:16px}.meal-col__emoji{font-size:18px}.meal-col__count{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:12px;font-weight:700;display:grid}.meal-col__items{flex-direction:column;flex:1;gap:8px;display:flex}.planned{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.planned:hover{border-color:var(--primary);box-shadow:var(--shadow)}.planned__emoji{font-size:20px}.planned__text{flex-direction:column;flex:1;min-width:0;display:flex}.planned__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.planned__tag{color:var(--baby);font-size:11px;font-weight:700}.planned__remove{color:var(--muted);background:0 0;border:none;border-radius:50%;width:24px;height:24px;font-size:14px}.planned__remove:hover{color:var(--chinese);background:#ffe1da}.meal-col__empty{color:var(--muted);text-align:center;padding:10px 0;font-size:13px;font-style:italic}.meal-col__add{border:1.5px dashed var(--primary);background:var(--primary-soft);color:var(--primary-dark);border-radius:var(--radius-sm);margin-top:12px;padding:9px;font-size:13px;font-weight:700}.meal-col__add:hover{background:#ffd9cd}.browse__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.browse__head h2{margin:0 0 4px;font-size:clamp(20px,4vw,26px)}.browse__sub{color:var(--muted);max-width:46ch;margin:0;font-size:14px}.browser__filters{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.browser__row2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.browser__row2 .search{flex:220px}.filter-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.filter-select:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.browser__meta{align-items:center;gap:12px;padding-left:4px;display:flex}.result-count{color:var(--muted);font-size:13px;font-weight:600}.clear-filters{color:var(--primary-dark);background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}.cuisine-tabs{flex-wrap:wrap;gap:6px;display:flex}.cuisine-tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.cuisine-tab.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.search{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:1;min-width:180px;padding:10px 16px;font-size:14px}.search:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.dish-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.dish-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;border-left:5px solid var(--line);flex-direction:column;gap:10px;padding:16px;transition:transform .12s,box-shadow .15s;display:flex;position:relative}.dish-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.dish-card.cuisine-chinese{border-left-color:var(--chinese)}.dish-card.cuisine-western{border-left-color:var(--western)}.dish-card.cuisine-baby{border-left-color:var(--baby)}.dish-card__emoji{font-size:38px;line-height:1}.dish-card__name{margin:0;font-size:17px;font-weight:700}.dish-card__local{color:var(--muted);margin-top:2px;font-size:12px}.dish-card__desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.dish-card__desc--local{color:#9a8d80;-webkit-line-clamp:1;font-size:12.5px}.dish-card__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dish-card__meals{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dish-card__action{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 3px 10px #ff7a5966}.dish-card__action:hover{background:var(--primary-dark)}.bookmark-btn{z-index:2;color:#c7b487;background:#ffffffeb;border:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;line-height:1;transition:transform .1s,color .15s;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 1px 5px #3c281929}.bookmark-btn:hover{color:#f6b73c;transform:scale(1.14)}.bookmark-btn.is-on{color:#f6b73c}.dish-card.is-bookmarked{box-shadow:0 0 0 2px #f7d894}.dish-card.is-bookmarked:hover{box-shadow:0 0 0 2px #f6b73c, var(--shadow)}.cuisine-tab--saved.is-active{color:#3c2e0c;background:#f6b73c;border-color:#f6b73c}.detail-bookmark{color:#b07d18;background:#fff;border:1.5px solid #f0c869;border-radius:999px;margin-top:12px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s,transform .1s}.detail-bookmark:hover{transform:translateY(-1px)}.detail-bookmark.is-on{background:#fff6e0;border-color:#f6b73c}.badge{white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;line-height:1.5;display:inline-block}.badge--soft{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.badge--chinese{color:var(--chinese);background:#fde8e6}.badge--western{color:var(--western);background:#e8ecfe}.badge--baby,.badge--age{color:var(--baby);background:#e1f6ec}.badge--today{background:var(--primary-soft);color:var(--primary-dark);font-size:11px}.chip{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:11px;line-height:1.2;display:inline-block}.loading,.empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#281c1473;justify-content:center;align-items:flex-start;padding:clamp(8px,4vh,40px) 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:680px;box-shadow:var(--shadow-lg);padding:clamp(18px,4vw,30px);animation:.18s pop;position:relative}.modal.picker{max-width:920px}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.modal__close{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);z-index:2;border-radius:50%;font-size:15px;position:absolute;top:12px;right:12px}.modal__close:hover{background:var(--primary-soft);color:var(--primary-dark)}.detail-hero{align-items:center;gap:16px;padding-right:36px;display:flex}.detail-hero__emoji{font-size:56px;line-height:1}.detail-hero__name{margin:0;font-size:clamp(20px,4vw,28px)}.detail-hero__local{color:var(--muted);margin-top:2px;font-size:14px}.detail-hero__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.detail-desc{color:#5a4f47;margin:16px 0;line-height:1.55}.detail-desc--local{color:#8a7d72;margin-top:-8px;font-size:15px}.yt-button{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#f03,#c00);justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 4px 14px #cc000052}.yt-button:hover{transform:translateY(-1px)}.detail-cols{grid-template-columns:1fr 1.3fr;gap:24px;margin-top:22px;display:grid}.detail-section h3{margin:0 0 10px;font-size:15px}.ingredient-list{color:#5a4f47;margin:0;padding-left:18px}.ingredient-list li{margin-bottom:6px;font-size:14px}.step-list{counter-reset:step;margin:0;padding-left:22px}.step-list li{color:#4a4039;margin-bottom:12px;font-size:14px;line-height:1.5}.step-list li::marker{color:var(--primary);font-weight:800}.detail-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.tag{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px 9px;font-size:12px}.add-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:22px;padding:16px}.add-bar__title{margin-bottom:10px;font-weight:800}.add-bar__controls{flex-wrap:wrap;gap:8px;display:flex}.add-bar__controls input,.add-bar__controls select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 12px;font-size:14px}.add-bar__controls .btn{margin-left:auto}.add-bar__hint{color:var(--muted);margin-top:8px;font-size:12px}.picker__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-right:36px;display:flex}.lucky-btn{color:#fff;background:linear-gradient(135deg,#ff7a59,#ff4f8b 55%,#9b5cff);border:none;border-radius:999px;flex:none;padding:10px 16px;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .15s;box-shadow:0 4px 14px #ff4f8b66}.lucky-btn:hover{transform:translateY(-1px)rotate(-1deg);box-shadow:0 6px 18px #ff4f8b80}.lucky-btn:active{transform:scale(.97)}.lucky-overlay{z-index:75;align-items:center}.modal.lucky{text-align:center;max-width:400px;overflow:hidden}.lucky__head h2{margin:0;font-size:22px}.lucky__head p{color:var(--muted);margin:4px 0 0;font-size:13px}.lucky__stage{place-items:center;min-height:210px;margin:18px auto 6px;display:grid;position:relative}.lucky__card{background:var(--surface-2);border:2px solid var(--line);width:230px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;display:flex}.lucky__emoji{font-size:66px;line-height:1}.lucky__name{font-size:18px;font-weight:800;line-height:1.25}.lucky__local{color:var(--muted);font-size:12px}.lucky__meta{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:4px;display:flex}.lucky__card.is-spinning{animation:.45s ease-in-out infinite luckyShake}.lucky__card.is-spinning .lucky__emoji{animation:.16s linear infinite luckyReel}.lucky__card.is-spinning .lucky__name{filter:blur(.4px);opacity:.85}@keyframes luckyShake{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-4px)rotate(1.5deg)}}@keyframes luckyReel{0%{opacity:.35;transform:translateY(-10px)scale(.92)}50%{opacity:1}to{opacity:.35;transform:translateY(10px)scale(.92)}}.lucky__card.is-result{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft), var(--shadow-lg);animation:.5s cubic-bezier(.18,.89,.32,1.28) luckyPop}.lucky__card.is-result .lucky__emoji{animation:.6s luckyBounce}@keyframes luckyPop{0%{opacity:0;transform:scale(.55)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes luckyBounce{0%,to{transform:translateY(0)}35%{transform:translateY(-12px)scale(1.1)}60%{transform:translateY(0)scale(.96)}}.lucky__sparkles{z-index:2;pointer-events:none;font-size:40px;animation:.9s forwards luckySparkle;position:absolute;top:0}@keyframes luckySparkle{0%{opacity:0;transform:scale(.4)translateY(40px)}40%{opacity:1}to{opacity:0;transform:scale(1.8)translateY(-30px)}}.lucky__status{min-height:24px;color:var(--ink);margin:6px 0 18px;font-size:15px}.lucky__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.picker__head h2{margin:0;font-size:22px}.picker__head p{color:var(--muted);margin:4px 0 0}.form-title{margin:0 0 16px;padding-right:36px}.form-grid{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field>span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.field--emoji{width:80px}.field--emoji input{text-align:center;font-size:22px}.field--grow{flex:1;min-width:200px}.form-grid .field{margin-bottom:0}.meal-toggles{gap:8px;display:flex}.toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.toggle.is-on{background:var(--primary);color:#fff;border-color:var(--primary)}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.form-error{color:var(--chinese);margin-bottom:10px;font-size:13px;font-weight:600}.toast{bottom:max(20px, env(safe-area-inset-bottom));background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);z-index:80;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;animation:.18s pop;position:fixed;left:50%;transform:translate(-50%)}.chat-fab{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:60;background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-lg);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;transition:transform .12s;display:inline-flex;position:fixed}.chat-fab:hover{transform:translateY(-2px)}.chat-fab__icon{font-size:20px}.chat{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:70;background:var(--surface);border:1px solid var(--line);width:min(400px,100vw - 24px);height:min(620px,100vh - 90px);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;animation:.18s pop;display:flex;position:fixed;overflow:hidden}.chat__head{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.chat__title{align-items:center;gap:10px;display:flex}.chat__bot{font-size:26px}.chat__name{font-weight:800}.chat__sub{color:var(--muted);font-size:11px}.chat__close{color:var(--muted);background:0 0;border:none;border-radius:50%;width:30px;height:30px;font-size:16px}.chat__close:hover{background:var(--primary-soft);color:var(--primary-dark)}.chat__body{background:var(--bg);flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.bubble{border-radius:14px;max-width:88%;padding:10px 12px;font-size:14px;line-height:1.45}.bubble--assistant{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.bubble--user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble__text{white-space:pre-wrap;margin:0}.bubble__img{border-radius:10px;max-width:180px;margin-bottom:6px;display:block}.typing{gap:4px;padding:4px 2px;display:inline-flex}.typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}.bubble__dishes{flex-direction:column;gap:8px;margin-top:10px;display:flex}.mini-dish{background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.mini-dish.cuisine-chinese{border-left-color:var(--chinese)}.mini-dish.cuisine-western{border-left-color:var(--western)}.mini-dish.cuisine-baby{border-left-color:var(--baby)}.mini-dish__emoji{font-size:24px}.mini-dish__info{flex:1;min-width:0}.mini-dish__name{font-size:13px;font-weight:700}.mini-dish__local{color:var(--muted);font-size:11px}.mini-dish__meta{color:var(--muted);margin-top:2px;font-size:11px}.mini-dish__import{background:var(--primary);color:#fff;white-space:nowrap;border:none;border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:700}.mini-dish__import.is-done{background:var(--baby)}.chat__input{border-top:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;padding:10px;display:flex}.chat__photo,.chat__send{border:none;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.chat__photo{background:var(--surface-2);border:1px solid var(--line)}.chat__photo:hover{background:var(--primary-soft)}.chat__send{background:var(--primary);color:#fff}.chat__send:disabled,.chat__photo:disabled{opacity:.5}.chat__text{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;flex:1;padding:10px 14px;font-size:14px}.chat__text:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}@media (width<=520px){.chat{border-radius:0;width:100vw;height:100dvh;bottom:0;right:0}.chat-fab__label{display:none}.chat-fab{padding:14px}}@media (width<=720px){.topbar__tag,.navbtn span{display:none}.navbtn{padding:9px 12px;font-size:16px}.day__meals{grid-template-columns:1fr}.detail-cols{grid-template-columns:1fr;gap:16px}.calendar__grid{gap:5px}.day-cell{border-radius:8px;padding:4px}.day-cell__emojis{font-size:12px}.content{padding:14px 12px 90px}}