.sfb-wrap{flex-direction:column;gap:12px;margin:20px 0;display:flex}.sfb-bar{border-radius:10px;width:100%;height:34px;display:flex;overflow:hidden}.sfb-seg{color:#fff;white-space:nowrap;justify-content:center;align-items:center;font-size:.74rem;font-weight:700;display:flex;overflow:hidden}.sfb-seg.water{background:#3498db}.sfb-seg.food{background:#e67e22}.sfb-seg.muscle{background:#9b59b6}.sfb-seg.hormones{background:#e74c3c}.sfb-seg.sleep{background:#7f8c8d}.sfb-legend{color:#555;flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.sfb-legend-item{align-items:center;gap:6px;display:flex}.sfb-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.sfb-dot.water{background:#3498db}.sfb-dot.food{background:#e67e22}.sfb-dot.muscle{background:#9b59b6}.sfb-dot.hormones{background:#e74c3c}.sfb-dot.sleep{background:#7f8c8d}.sfb-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.sfb-seg{font-size:0}}
.wwt-wrap{flex-direction:column;gap:14px;margin:20px 0;display:flex}.wwt-legend{color:#555;gap:18px;font-size:.82rem;display:flex}.wwt-legend-item{align-items:center;gap:6px;display:flex}.wwt-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.wwt-dot.weight{background:#3498db}.wwt-dot.waist{background:#2ecc71}.wwt-row{align-items:flex-end;gap:14px;height:130px;display:flex}.wwt-week{flex:1;justify-content:center;align-items:flex-end;gap:6px;height:100%;display:flex}.wwt-bar{border-radius:6px 6px 0 0;width:40%}.wwt-bar.weight{background:linear-gradient(#5b9bd9,#3498db)}.wwt-bar.waist{background:linear-gradient(#58d68d,#2ecc71)}.wwt-labels{gap:14px;display:flex}.wwt-label-col{text-align:center;color:#555;flex:1;font-size:.78rem;font-weight:700}.wwt-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.wwt-row{gap:8px;height:110px}.wwt-label-col{font-size:.66rem}}