.hero{background:linear-gradient(180deg,#F3F8F4,#fff);padding-block:64px 40px}
.hero .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}}
.dash{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;gap:18px;box-shadow:0 30px 60px -40px rgba(11,58,44,.4)}
.dash .hd{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted)}
.big-score{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.big-score .ring{width:96px;height:96px;font-size:1.6rem}
.big-score .ring::after{inset:9px}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.area{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.area h3{display:flex;justify-content:space-between;align-items:center;font-size:1.05rem}
.area .gauge:last-child{border-bottom:0}
.foods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
@media(max-width:800px){.foods{grid-template-columns:1fr}}
.foods .col{border-radius:var(--radius);padding:20px;display:grid;gap:8px;align-content:start}
.foods .col h3{font-size:1rem;display:flex;justify-content:space-between}
.foods .f{display:flex;justify-content:space-between;background:rgba(255,255,255,.7);border-radius:10px;padding:9px 12px;font-size:.9rem}
.foods .f span:last-child{color:var(--muted);font-size:.78rem}
.c-super{background:#DDF3E6}.c-ok{background:#EEF4EE}.c-lim{background:#FADCD8}
.bact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:900px){.bact{grid-template-columns:1fr}}
.bars{display:grid;gap:10px}
.bars .b{display:grid;grid-template-columns:150px 1fr 60px;gap:12px;align-items:center;font-size:.88rem}
.bars .b .tr{height:12px;border-radius:6px;background:#EEF2EF;position:relative}
.bars .b .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;background:var(--g500)}
.bars .b .tr em{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink);opacity:.5}
.bars .b .v{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink2)}
.bars .b small{font-family:var(--serif);font-style:italic;color:var(--muted)}
.plan{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.plan{grid-template-columns:1fr 1fr}}
.plan .card .ic{font-size:.75rem}
.pampl{display:flex;gap:12px;align-items:center;background:var(--mint);border-radius:999px;padding:8px 16px 8px 8px;font-size:.85rem}
.pampl .body{width:34px;height:40px;border-radius:48% 52% 45% 55%/60% 60% 40% 40%}