:root{--bg:#f7f5f2;--ink:#2c2926;--muted:#6b6560;--line:#e5e5e5;--red:#c41e3a;--card-shadow:0 2px 10px #0000000f;--radius:2px;--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--fs-base:16px;--fs-title:2rem;--fs-card:1.125rem}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--ink);background:var(--bg);line-height:1.5}button,input{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{object-fit:contain;flex-shrink:0;width:44px;height:44px}.brand-title{font-family:var(--font-display);font-size:var(--fs-title);letter-spacing:.02em;margin:0;font-weight:700}.mode-switcher{border:1px solid var(--ink);gap:0;display:flex}.mode-switcher button{border:0;border-right:1px solid var(--ink);cursor:pointer;color:var(--ink);background:#fff;padding:.55rem 1rem}.mode-switcher button:last-child{border-right:0}.mode-switcher button.active{background:var(--ink);color:#fff}.main{flex:1;width:min(1100px,100%);margin:0 auto;padding:2rem 1.5rem 3rem}.hero-block{margin-bottom:2rem}.lede{font-family:var(--font-display);max-width:36rem;color:var(--ink);margin:0 0 1.5rem;font-size:1.35rem}.search-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-input{border:1px solid var(--ink);border-radius:var(--radius);background:#fff;flex:1;min-width:220px;padding:.85rem 1rem}.voice-toggle{color:var(--muted);white-space:nowrap;align-items:center;gap:.4rem;display:flex}.result-count{color:var(--muted);margin:.75rem 0 0;font-size:.95rem}.rate-hint{opacity:.75;margin-left:.5rem}.error-banner{border:1px solid var(--red);color:var(--red);background:#fff;margin-top:1rem;padding:.9rem 1rem;font-weight:600}.food-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.food-card{border:1px solid var(--line);box-shadow:var(--card-shadow);cursor:pointer;background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden}.food-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.food-card-image{aspect-ratio:4/3;background:#f0f0f0;overflow:hidden}.food-card-image img{object-fit:cover;width:100%;height:100%;display:block}.food-card-placeholder{width:100%;height:100%;font-family:var(--font-display);color:var(--muted);place-items:center;font-size:3rem;display:grid}.food-card-body{padding:1rem 1.1rem 1.2rem}.food-name-btn{text-align:left;color:var(--ink);font-size:var(--fs-card);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0;font-weight:600}.food-name-btn:hover{border-bottom-color:var(--red);color:var(--red)}.food-original{color:var(--muted);margin:.2rem 0 0;font-size:.8rem;line-height:1.3}.food-meta{color:var(--muted);margin:.4rem 0 0;font-size:.9rem}.food-meta .dot{margin:0 .35rem}.empty{color:var(--muted);grid-column:1/-1}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);background:#fff;padding:1.25rem 2rem;font-size:.85rem}.site-footer p{margin:0}.modal-backdrop{z-index:50;background:#00000073;place-items:center;padding:1rem;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal{background:#fff;width:min(640px,100%);max-height:min(92vh,900px);animation:.25s riseIn;position:relative;overflow:auto;box-shadow:0 8px 30px #0000002e}.modal-close{z-index:2;cursor:pointer;background:#fff;border:0;width:2.25rem;height:2.25rem;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.modal-hero{aspect-ratio:16/9;background:#eee}.modal-hero img{object-fit:cover;width:100%;height:100%;display:block}.modal-hero-placeholder{place-items:center;height:100%;font-size:4rem;display:grid}.modal-content{padding:1.25rem 1.5rem 1.75rem}.modal-title-btn{font-family:var(--font-display);font-size:1.75rem;font-weight:700}.modal-en{color:var(--muted);margin:.25rem 0 0}.serving-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:1.25rem 0;padding:1rem 0}.serving-box label{font-weight:600;display:block}.serving-ref{color:var(--muted);margin:.35rem 0 .75rem;font-size:.95rem}.serving-controls{align-items:center;gap:1rem;display:flex}.serving-controls input[type=range]{accent-color:var(--red);flex:1}.serving-value{font-variant-numeric:tabular-nums;min-width:4rem}.nutrient-table{border-collapse:collapse;width:100%;margin-top:.5rem}.nutrient-table th,.nutrient-table td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .4rem}.nutrient-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem;font-weight:600}.footnote{color:var(--muted);margin:1rem 0 0;font-size:.85rem}.child-tip{background:#fff8f0;border:1px solid #f0d9b5;border-radius:16px;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.child-tip p{margin:0}.child-tip-icon{font-size:1.25rem}.app.mode-elder{--bg:#faf8f5;--ink:#1f1c1a;--muted:#4a453f;--line:#3a3530;--fs-base:20px;--fs-title:2.6rem;--fs-card:1.45rem;--card-shadow:none}.app.mode-elder .food-card{border-width:2px;border-color:#000}.app.mode-elder .search-input{border-width:2px;padding:1rem 1.1rem;font-size:1.25rem}.app.mode-elder .mode-switcher{border-width:2px}.app.mode-elder .lede{font-size:1.6rem}.app.mode-child{--bg:#fff9f4;--ink:#2a2a2a;--muted:#6b5e55;--line:#f0e2d4;--red:#e85d4c;--radius:18px;--card-shadow:0 4px 0 #f0e2d4}.app.mode-child .food-card,.app.mode-child .modal,.app.mode-child .search-input{border-radius:18px}.app.mode-child .mode-switcher{border-color:#e0cfc0;border-radius:999px;overflow:hidden}.app.mode-child .mode-switcher button.active{background:var(--red)}.app.mode-child .brand-title{color:var(--red)}.app.mode-child .food-card-placeholder{color:var(--red);background:#ffe8d6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start;padding:1rem}.main{padding:1.25rem 1rem 2rem}.brand-title{font-size:1.6rem}.app.mode-elder .brand-title{font-size:2rem}}.bmr-ref{max-width:640px;margin:2rem auto;padding:0 1.5rem}.bmr-ref h2{margin:0 0 .25rem;font-size:1.1rem}.bmr-intro,.bmr-note{color:var(--muted);margin:.25rem 0 .75rem;font-size:.85rem}.photo-credit{color:var(--muted);text-align:right;margin:.35rem 1.5rem 0;font-size:.72rem}.photo-credit a{color:inherit;text-decoration:underline}:root{--ring-carbs:#8a847c;--ring-protein:#4a453f;--ring-fat:#8b3a3a;--grade-green:#3d5c45;--grade-green-soft:#e8efe9;--grade-green-ink:#2f4536;--grade-yellow:#b08a3c;--grade-yellow-soft:#f5efdf;--grade-yellow-ink:#5c4a22;--grade-red:#8b3a3a;--grade-red-soft:#f3e8e7;--grade-red-ink:#5c2e2c}.modal-title-row{flex-wrap:wrap;align-items:center;gap:.65rem .85rem;margin-bottom:.25rem;display:flex}.modal-title-btn{letter-spacing:.01em;line-height:1.25}.grade-badge{letter-spacing:.04em;background:linear-gradient(180deg, #ffffff8c, transparent), var(--grade-green-soft);color:var(--grade-green-ink);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #2c292614,inset 0 1px #ffffff59}.grade-badge .grade-dot{background:radial-gradient(circle at 35% 30%, #ffffff73, transparent 55%), var(--grade-green);border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 1px #0000000f}.grade-badge.grade-yellow{background:linear-gradient(180deg, #ffffff80, transparent), var(--grade-yellow-soft);color:var(--grade-yellow-ink)}.grade-badge.grade-yellow .grade-dot{background:radial-gradient(circle at 35% 30%, #ffffff73, transparent 55%), var(--grade-yellow)}.grade-badge.grade-red{background:linear-gradient(180deg, #ffffff80, transparent), var(--grade-red-soft);color:var(--grade-red-ink)}.grade-badge.grade-red .grade-dot{background:radial-gradient(circle at 35% 30%, #fff6, transparent 55%), var(--grade-red)}.grade-chip{color:var(--grade-green-ink);font-size:.78rem;font-weight:600}.grade-chip.grade-yellow{color:var(--grade-yellow-ink)}.grade-chip.grade-red{color:var(--grade-red-ink)}.energy-hero{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;margin:1.1rem 0 .35rem;padding:1.15rem 0 1.05rem}.energy-main{justify-content:center;align-items:baseline;gap:.4rem;margin:0;display:flex}.energy-main strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink);font-family:SF Mono,ui-monospace,Cascadia Mono,Segoe UI Mono,Menlo,Consolas,monospace;font-size:3.15rem;font-weight:700;line-height:1}.energy-unit{color:var(--muted);font-size:1.05rem;font-weight:600}.energy-sub,.energy-missing{color:var(--muted);letter-spacing:.02em;margin:.55rem 0 0;font-size:.9rem}.macro-rings{justify-content:space-around;gap:.75rem;margin:1.35rem 0 .5rem;display:flex}.macro-ring{text-align:center;margin:0}.macro-ring figcaption{color:var(--muted);letter-spacing:.02em;margin-top:.4rem;font-size:.78rem}.macro-ring-pct{fill:var(--ink);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.nutrient-table{margin-top:1.1rem}.nutrient-table th,.nutrient-table td{padding:.7rem .45rem;line-height:1.45}.nutrient-table-compact th:not(:first-child),.nutrient-table-compact td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.brand-logo{object-fit:contain;border-radius:50%;flex-shrink:0;width:44px;height:44px}@media (width<=640px){.modal-backdrop{place-items:end stretch;padding:0}.modal{border-radius:12px 12px 0 0;width:100%;max-height:94vh}.modal-content{padding:1rem 1.1rem 1.6rem}.modal-title-btn{font-size:1.4rem}.energy-main strong{font-size:2.55rem}.macro-rings{gap:.35rem}.macro-ring svg{width:64px;height:64px}}.grade-note{color:var(--muted);letter-spacing:.02em;font-size:.75rem}.grade-guide{text-align:left;max-width:640px;margin:.75rem auto;line-height:1.7}.site-footer .grade-guide p{margin:.3rem 0}.site-footer .grade-guide .grade-guide-title{color:var(--ink);font-weight:600}.nutrient-full{margin-top:1.6rem}.nutrient-full-title{color:var(--ink);letter-spacing:.02em;margin:0 0 .5rem;font-size:.95rem;font-weight:600}.nutrient-full-title span{color:var(--muted);margin-left:.4rem;font-size:.78rem;font-weight:400}.nutrient-full-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--line);background:#fbfaf8;border-radius:6px;height:300px;overflow-y:auto}.nutrient-full-scroll:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.nutrient-table-full{margin-top:0}.nutrient-table-full thead th{z-index:1;background:#f3f1ed;position:sticky;top:0}.nutrient-table-full td:last-child{color:var(--ink);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:.9rem}.food-meta .grade-chip{white-space:nowrap}@media (width<=640px){.nutrient-full-scroll{height:260px}}