:root{--bg:#f5f7f3;--card:#fff;--ink:#20312b;--muted:#708078;--brand:#2f7d68;--brand2:#e5f2ed;--line:#dfe7e2;--red:#b75a58;--yellow:#a9771e;--green:#3b8265;--shadow:0 10px 30px rgba(31,64,52,.08);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#eef5f0 0,#f7f8f5 260px);padding-bottom:92px}button,input,textarea,select{font:inherit}.topbar{max-width:920px;margin:auto;padding:24px 20px 12px;display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:2px 0;font-size:clamp(24px,5vw,34px)}.eyebrow{margin:0;color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hidden{display:none!important}main{max-width:920px;margin:auto;padding:8px 16px}.page{display:none}.page.active{display:block;animation:fade .2s ease}@keyframes fade{from{opacity:.3;transform:translateY(4px)}}.card{background:rgba(255,255,255,.94);border:1px solid rgba(223,231,226,.9);border-radius:22px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}.hero{background:linear-gradient(135deg,#2f7d68,#3c9379);color:white;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero h2{font-size:clamp(24px,5vw,38px);margin:6px 0}.hero p{max-width:560px;margin:6px 0 0;opacity:.9}.hero .muted{color:#dcefe8}.hero-actions{display:grid;gap:10px;min-width:180px}button,.file-btn{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;text-align:center;font-weight:750;transition:.15s transform,.15s opacity}button:active,.file-btn:active{transform:scale(.98)}.primary{background:var(--brand);color:white}.hero .primary{background:white;color:var(--brand)}.secondary,.ghost{background:var(--brand2);color:var(--brand)}.hero .secondary{background:rgba(255,255,255,.17);color:white}.danger{background:#fff0ef;color:#ad403e}.wide{display:block;width:100%}.small{padding:8px 12px}.text-btn{padding:6px;background:none;color:var(--brand)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{display:flex;flex-direction:column;gap:8px}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:24px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-head h2,.section-head h3{margin:0}.legend,.muted{color:var(--muted)}.legend{font-size:12px}.notice{box-shadow:none;border-left:5px solid #e2a64b}.notice p{margin:7px 0 0;color:var(--muted);line-height:1.6}.page-title{padding:8px 4px 14px}.page-title h2{font-size:28px;margin:4px 0}.form-card label,.dialog-card label{display:grid;gap:7px;font-weight:700;margin-bottom:17px}.form-card input,.form-card textarea,.dialog-card input,.dialog-card select,.search-row input,.meal-day input{width:100%;border:1px solid var(--line);border-radius:13px;background:#fbfcfa;padding:12px;color:var(--ink);outline:none}.form-card input:focus,.form-card textarea:focus,.search-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand2)}fieldset{border:0;padding:0;margin:0 0 18px}legend{font-weight:700;margin-bottom:10px}.severity-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.severity-picker button{background:#f0f3ef;color:var(--muted);padding:10px 5px;font-size:13px}.severity-picker button.selected{background:var(--brand);color:white}.stack{display:grid;gap:10px}.record-item{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:start}.score{border-radius:15px;background:var(--brand2);color:var(--brand);padding:12px;text-align:center;font-weight:900}.record-item p{margin:4px 0;color:var(--muted)}.search-row{display:flex;gap:10px}.food-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.food-group h3{margin:0 0 10px}.food-chip{display:flex;justify-content:space-between;align-items:center;border-radius:13px;padding:11px 12px;margin:7px 0;background:#f6f7f4}.food-chip button{padding:3px 7px;background:none;color:var(--muted)}.food-group.green{border-top:5px solid var(--green)}.food-group.yellow{border-top:5px solid #e3ae49}.food-group.red{border-top:5px solid var(--red)}.meal-plan{display:grid;gap:8px}.meal-day{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}.check-list{display:grid;gap:8px;margin-top:12px}.check-item{display:flex;align-items:center;gap:10px;background:#f6f7f4;border-radius:12px;padding:10px 12px}.check-item.done span{text-decoration:line-through;color:var(--muted)}.check-item button{margin-left:auto;padding:4px;background:none;color:var(--muted)}.privacy-card{text-align:center}.privacy-icon{margin:auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--brand2);color:var(--brand);font-size:34px;font-weight:900}.privacy-card h3{font-size:24px;margin:12px 0 5px}.privacy-card p{color:var(--muted);line-height:1.6}.stack-actions{display:grid;gap:10px}.file-btn input{display:none}.tiny{font-size:12px;text-align:center}.chart{height:170px;display:flex;align-items:end;gap:8px;padding-top:22px}.chart.empty{align-items:center;justify-content:center;color:var(--muted)}.bar-wrap{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bar{width:min(34px,70%);min-height:10px;background:linear-gradient(#63ab92,#2f7d68);border-radius:9px 9px 4px 4px}.bar-label{font-size:11px;color:var(--muted)}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:12px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:7px;box-shadow:0 12px 40px rgba(22,55,44,.18)}.bottom-nav button{background:none;color:var(--muted);font-size:11px;padding:7px 3px}.bottom-nav button span{display:block;font-size:20px;margin-bottom:2px}.bottom-nav button.active{background:var(--brand2);color:var(--brand)}dialog{border:0;border-radius:22px;padding:0;width:min(440px,calc(100% - 28px));box-shadow:0 24px 70px rgba(0,0,0,.2)}dialog::backdrop{background:rgba(15,28,23,.45)}.dialog-card{padding:22px}.toast{position:fixed;z-index:30;bottom:96px;left:50%;transform:translate(-50%,20px);background:#20312b;color:white;padding:10px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.topbar{padding-top:max(18px,env(safe-area-inset-top))}.hero{display:block}.hero-actions{margin-top:18px;grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat:last-child{grid-column:1/-1}.food-groups{grid-template-columns:1fr}.record-item{grid-template-columns:48px 1fr}.record-item .text-btn{grid-column:2}.bottom-nav{bottom:max(8px,env(safe-area-inset-bottom))}}@media(display-mode:standalone){.topbar{padding-top:max(24px,env(safe-area-inset-top))}}