.kmp-wrap{flex-wrap:wrap;align-items:center;gap:24px;margin:20px 0;display:flex}.kmp-plate{background:conic-gradient(#f39c12 0deg 261deg,#e74c3c 261deg 342deg,#2ecc71 342deg 360deg);border-radius:50%;flex-shrink:0;width:160px;height:160px;box-shadow:inset 0 0 0 6px #0000000a}.kmp-legend{flex-direction:column;flex:1;gap:10px;min-width:180px;display:flex}.kmp-legend-item{color:#333;align-items:center;gap:10px;font-size:.88rem;display:flex}.kmp-dot{border-radius:4px;flex-shrink:0;width:14px;height:14px}.kmp-dot.fat{background:#f39c12}.kmp-dot.protein{background:#e74c3c}.kmp-dot.carbs{background:#2ecc71}.kmp-legend-share{margin-right:4px;font-weight:800}@media (max-width:480px){.kmp-wrap{justify-content:center}.kmp-plate{width:130px;height:130px}}
.kat-spectrum{margin:46px 0 52px}.kat-track{background:linear-gradient(90deg,#e74c3c,#f39c12,#f1c40f,#2ecc71);border-radius:999px;height:8px;position:relative}.kat-item{top:50%;left:var(--pos);width:0;height:0;position:absolute}.kat-item.align-end{left:auto;right:calc(100% - var(--pos))}.kat-dot{background:#fff;border:3px solid #999;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000000d}.kat-label{white-space:nowrap;text-align:left;position:absolute;top:16px;left:0}.kat-item.flip .kat-label{top:auto;bottom:16px}.kat-item.align-end .kat-label{text-align:right;left:auto;right:0}.kat-stage{color:#222;font-size:.8rem;font-weight:700;display:block}.kat-desc{color:#888;font-size:.7rem;display:block}@media (max-width:640px){.kat-spectrum{margin:20px 0 8px}.kat-track{background:0 0;height:auto;min-height:260px}.kat-track:before{content:"";background:linear-gradient(#e74c3c,#f39c12,#f1c40f,#2ecc71);border-radius:999px;width:3px;position:absolute;top:2px;bottom:2px;left:6px}.kat-item,.kat-item.align-end{top:var(--pos);align-items:center;gap:12px;width:100%;height:auto;display:flex;left:0;right:0;transform:translateY(-50%)}.kat-dot{flex-shrink:0;position:static;transform:none}.kat-label,.kat-item.flip .kat-label,.kat-item.align-end .kat-label{white-space:normal;text-align:left;position:static}}
.mcb-wrap{flex-direction:column;gap:14px;margin:20px 0;display:flex}.mcb-legend{color:#555;gap:18px;font-size:.82rem;display:flex}.mcb-legend-item{align-items:center;gap:6px;display:flex}.mcb-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mcb-dot.keto{background:#e67e22}.mcb-dot.standard{background:#2e86de}.mcb-row{align-items:flex-end;gap:14px;height:140px;display:flex}.mcb-group{flex:1;justify-content:center;align-items:flex-end;gap:6px;height:100%;display:flex}.mcb-bar{border-radius:6px 6px 0 0;width:40%}.mcb-bar.keto{background:linear-gradient(#f5b169,#e67e22)}.mcb-bar.standard{background:linear-gradient(#5b9bd9,#2e86de)}.mcb-labels{gap:14px;display:flex}.mcb-label-col{text-align:center;color:#555;flex:1;font-size:.78rem;font-weight:700}.mcb-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.mcb-row{gap:8px;height:110px}.mcb-label-col{font-size:.66rem}}