:root{--bg:#fbfaf7;--surface:#fff;--text:#26231f;--muted:#6b655c;--line:#e4dfd5;--accent:#2f6b4f;--accent-soft:#e6f0ea;--warn:#8a5a00;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#17160f;--surface:#201f17;--text:#ece8dd;--muted:#a39d8f;--line:#38362b;--accent:#7fc3a0;--accent-soft:#22302a;--warn:#e0b45a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.75 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}a{color:var(--accent)}.wrap{max-width:880px;margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;min-height:52px;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.site-header nav{gap:16px;font-size:14px;display:flex}.site-header nav a{white-space:nowrap}main.wrap{padding-top:32px;padding-bottom:48px}h1{overflow-wrap:anywhere}table.list th[scope=row]{min-width:13em}h1{margin:0 0 8px;font-size:1.5rem;line-height:1.4}h2{border-left:4px solid var(--accent);margin:32px 0 8px;padding-left:10px;font-size:1.15rem}.lead{color:var(--muted);margin:0 0 20px}.crumbs{color:var(--muted);margin-bottom:8px;font-size:13px}.crumbs a{color:var(--muted)}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:16px 0 32px;font-size:13px}.hero{background:var(--accent-soft);border-radius:var(--radius);margin:16px 0;padding:16px}.hero .big{font-size:2.4rem;font-weight:700;line-height:1.2}.hero .big small{color:var(--muted);font-size:1rem;font-weight:400}.hero .sub{color:var(--muted);font-size:14px}.chips{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px;display:grid}.chip{background:var(--surface);border-radius:8px;padding:8px 10px}.chip b{font-size:1.15rem;display:block}.chip span{color:var(--muted);font-size:12px}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;overflow:hidden}th,td{border-bottom:1px solid var(--line);text-align:left;padding:8px 12px}tr:last-child th,tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.sub th{color:var(--muted);padding-left:28px;font-weight:400}th[scope=row]{font-weight:500}.scroll{overflow-x:auto}.note{color:var(--muted);font-size:13px}.warnbox{border:1px solid var(--warn);color:var(--warn);border-radius:8px;margin:12px 0;padding:8px 12px;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:0;list-style:none;display:grid}.grid li a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:12px 14px;text-decoration:none;display:block}.grid li a small{color:var(--muted);display:block}.search{margin:16px 0 24px;position:relative}.search input{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:12px 14px}.search ul{z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:60vh;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.search li a{color:var(--text);border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.search li:last-child a{border-bottom:0}.search li a span:last-child{color:var(--muted);white-space:nowrap}.search [hidden]{display:none}.prose p{margin:0 0 12px}.comp{background:var(--line);border-radius:7px;height:14px;margin:16px 0 6px;display:flex;overflow:hidden}.seg.water{background:#7db7d8}.seg.protein{background:#d98a6c}.seg.fat{background:#e6c15a}.seg.carb{background:#7fb08e}.seg.other{background:#b9b3a6}.comp-legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0 0 16px;padding:0;font-size:13px;list-style:none;display:flex}.dot{vertical-align:baseline;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.dot.water{background:#7db7d8}.dot.protein{background:#d98a6c}.dot.fat{background:#e6c15a}.dot.carb{background:#7fb08e}.dot.other{background:#b9b3a6}@media (width<=600px){table{font-size:14px}th,td{padding:8px}table.list th[scope=row]{min-width:8em}.hero .big{font-size:2.1rem}}.foot-links{flex-wrap:wrap;gap:4px 16px;display:flex}.foot-links a{color:var(--muted)}.doc h2{margin-top:28px}.doc ul{padding-left:1.4em}.doc dl{margin:0}.doc dt{margin-top:12px;font-weight:700}.doc dd{margin:0}.placeholder{border:1px dashed var(--warn);color:var(--warn);border-radius:8px;padding:8px 12px;font-size:14px}.calc{background:var(--accent-soft);border-radius:var(--radius);margin:12px 0 16px;padding:14px 16px}.calc label{font-weight:600}.calc input{width:8em;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;margin:0 4px;padding:6px 10px}.calc-out{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:12px 0 0;display:grid}.calc-out div{background:var(--surface);border-radius:8px;padding:8px 10px}.calc-out dt{color:var(--muted);font-size:12px}.calc-out dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.cmp-list{gap:8px;margin:0 0 8px;padding:0;list-style:none;display:grid}.cmp-list li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}.cmp-list a{font-weight:600;display:block}.cmp-list span{color:var(--muted);font-size:14px}